.package-smart-preview{--green:#167a3c;--green-dark:#0d5d2b;--orange:#f76b16;--cream:#f8e8d0;--muted:#53605b;margin:22px 0 18px;padding:24px 14px 20px;border:1px solid #ead9c1;border-radius:22px;background:radial-gradient(circle at 50% 8%,rgba(244,177,86,.12),transparent 28%),linear-gradient(#fff8ed,#f8e8d0);color:#172126;overflow:hidden}.package-smart-preview *{box-sizing:border-box}.package-smart-preview>header{text-align:center}.package-smart-preview>header>span{display:inline-block;margin-bottom:8px;padding:6px 10px;border-radius:999px;background:#e8f4e9;color:var(--green);font-size:9px;font-weight:900;letter-spacing:.1em}.package-smart-preview h2{margin:0;font-size:22px;line-height:1.12}.package-smart-preview>header p{margin:7px auto 0;max-width:310px;color:var(--muted);font-size:11px;line-height:1.45}.pkg-preview-sample-note{display:grid;gap:4px;max-width:330px;margin:14px auto 0;padding:11px 12px;border:1px solid rgba(22,122,60,.13);border-radius:14px;background:#eef8f0;text-align:center}.pkg-preview-sample-note strong{color:var(--green-dark);font-size:11px}.pkg-preview-sample-note span{color:#486052;font-size:9.5px;line-height:1.45}.pkg-preview-subjects{display:flex;gap:6px;margin:16px auto 0;max-width:340px;overflow-x:auto;scrollbar-width:none}.pkg-preview-subjects::-webkit-scrollbar,.pkg-preview-thumbs::-webkit-scrollbar{display:none}.pkg-preview-subjects button{flex:1 0 auto;min-height:38px;padding:8px 12px;border:1px solid rgba(22,122,60,.22);border-radius:999px;background:#fffaf2;color:var(--green-dark);font:800 10px/1.1 inherit;cursor:pointer}.pkg-preview-subjects button.is-active{border-color:var(--green);background:var(--green);color:#fff}.pkg-preview-label{display:grid;gap:3px;margin:20px 0 8px;text-align:center}.pkg-preview-label strong{color:var(--green-dark);font-size:12px}.pkg-preview-label span{color:var(--muted);font-size:10px;font-weight:700}.pkg-preview-label b{padding:0 2px;color:var(--orange)}.pkg-preview-category{width:max-content;margin:0 auto 8px;padding:5px 9px;border-radius:999px;background:#fffaf2;color:var(--orange);font-size:9px;font-weight:900;letter-spacing:.08em}.pkg-preview-scene{position:relative;min-height:410px;padding:14px 8px 24px}.pkg-preview-decor{position:absolute;inset:38px 10px 60px;pointer-events:none}.pkg-preview-decor span{position:absolute;width:90px;aspect-ratio:2/3;border-radius:8px;background:linear-gradient(160deg,rgba(255,255,255,.44),rgba(87,130,100,.08));border:1px solid rgba(22,122,60,.08);opacity:.42;filter:blur(.2px)}.pkg-preview-decor .decor-1{left:0;bottom:5px;transform:rotate(-10deg)}.pkg-preview-decor .decor-2{right:0;bottom:22px;transform:rotate(9deg)}.pkg-preview-decor .decor-3{left:50%;top:0;transform:translateX(-50%) rotate(3deg)}.pkg-preview-phone{position:relative;z-index:2;width:min(78vw,278px);margin:0 auto;padding:6px 6px 10px;border:2px solid #304a83;border-radius:34px;background:#0e1118;box-shadow:0 14px 23px rgba(34,40,38,.19);touch-action:pan-y;user-select:none}.pkg-preview-phone:before{left:-4px;top:31%;height:20px;border-radius:3px 0 0 3px;box-shadow:0 27px 0 #243967,0 38px 0 #243967}.pkg-preview-phone:after,.pkg-preview-phone:before{content:"";position:absolute;width:3px;background:#243967}.pkg-preview-phone:after{right:-4px;top:39%;height:34px;border-radius:0 3px 3px 0}.pkg-preview-screen{position:relative;width:100%;aspect-ratio:2/3;border-radius:28px;background:#05090d;overflow:hidden;isolation:isolate;touch-action:pan-y}.pkg-preview-screen>i{position:absolute;z-index:10;top:9px;left:50%;width:66px;height:19px;border-radius:999px;background:linear-gradient(#050609,#151923 60%,#252c3b);transform:translateX(-50%);box-shadow:inset 0 1px 2px rgba(255,255,255,.16)}.pkg-preview-page{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#05090d}.pkg-preview-page>img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;background:#05090d;pointer-events:none;user-select:none}.pkg-preview-page.is-leaving{z-index:1;animation:pkgFadeOut .18s ease-out forwards}.pkg-preview-page.is-entering{z-index:2;opacity:0;animation:pkgFadeIn .2s ease-out forwards}@keyframes pkgFadeOut{to{opacity:.22}}@keyframes pkgFadeIn{to{opacity:1}}.pkg-preview-locked{display:flex;width:100%;height:100%;align-items:center;justify-content:center;flex-direction:column;gap:8px;background:var(--cream);color:var(--green-dark);text-align:center}.pkg-preview-locked>span{font-size:34px}.pkg-preview-locked strong{font-size:17px}.pkg-preview-locked small{max-width:205px;color:var(--muted);font-size:11px;line-height:1.4}.pkg-arrow{position:absolute;z-index:5;top:50%;display:grid;width:36px;height:36px;place-items:center;border:0;border-radius:50%;background:var(--green);color:#fff;font-size:26px;line-height:1;transform:translateY(-50%);cursor:pointer}.pkg-arrow:disabled{opacity:.28}.pkg-arrow.left{left:-18px}.pkg-arrow.right{right:-18px}.pkg-preview-status{margin-top:2px;color:var(--green-dark);font-size:11px;font-weight:800;text-align:center}.pkg-preview-hint{margin:4px 0 12px;color:var(--muted);font-size:9.5px;text-align:center}.pkg-preview-thumbs{display:flex;gap:5px;max-width:320px;margin:0 auto;padding:3px 2px 8px;overflow-x:auto;scrollbar-width:none}.pkg-preview-thumbs button{display:grid;place-items:center;position:relative;flex:0 0 38px;width:38px;min-height:42px;padding:2px;border:2px solid transparent;border-radius:9px;background:#fffaf2;color:var(--green-dark);cursor:pointer}.pkg-preview-thumbs button.is-active{border-color:var(--green);background:#eef8f0}.pkg-thumb-number{position:static!important;display:grid;place-items:center;min-width:0!important;padding:0!important;border-radius:0!important;background:transparent!important;color:var(--green-dark)!important;font-size:10px!important;font-weight:900}.pkg-preview-thumbs .is-locked{flex-basis:50px;gap:2px;font-size:14px}.pkg-preview-thumbs .is-locked .pkg-thumb-number{font-size:8px!important}.pkg-preview-note{margin:13px auto 0;padding:12px;display:grid;grid-template-columns:auto 1fr;gap:4px 9px;max-width:320px;border-radius:14px;background:rgba(255,255,255,.72);text-align:left}.pkg-preview-note b{color:var(--green-dark);font-size:10px}.pkg-preview-note span{color:var(--muted);font-size:9px;line-height:1.35}@media(max-width:390px){.package-smart-preview{margin-inline:0;padding-inline:10px}.pkg-preview-scene{min-height:395px}.pkg-preview-phone{width:min(75vw,268px)}.pkg-preview-subjects button{padding-inline:10px;font-size:9px}.pkg-preview-sample-note{margin-inline:4px}}@media(prefers-reduced-motion:reduce){.pkg-preview-page.is-entering,.pkg-preview-page.is-leaving{animation-duration:1ms}}