@font-face{font-family:"Press Start 2P";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/press-start-2p.ttf)format("truetype")}@font-face{font-family:VT323;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/vt323.ttf)format("truetype")}:root{--bg-navy:#0d0c1d;--bg-purple:#1a1438;--bg-purple-deep:#251640;--pink-soft:#ff9ebb;--pink-vivid:#f78da7;--pink-deep:#e76f93;--cream-warm:#fff5ea;--cream-paper:#fdf6e2;--lavender-muted:#b8a9c9;--lavender-dark:#83729c;--gold-star:#ffd166;--gold-light:#ffe494;--border-dark:#13112c;--border-pixel:4px;--font-pixel:"Press Start 2P", monospace, cursive;--font-retro:"VT323", monospace;--header-height:54px}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{background-color:var(--bg-navy);width:100%;height:100%;color:var(--cream-warm);font-family:var(--font-retro);image-rendering:pixelated;image-rendering:crisp-edges;font-size:18px;line-height:1.5;overflow-x:hidden}#root{flex-direction:column;width:100%;min-height:100vh;display:flex}.pixel-bg{background:radial-gradient(circle at 50% 25%, #231642 0%, #140f2e 55%, var(--bg-navy) 100%);flex-direction:column;width:100%;min-height:100vh;transition:background 1s;display:flex;position:relative;overflow:hidden}.pixel-bg--intro{background:radial-gradient(circle at 65% 20%, #291a4d 0%, #151030 55%, var(--bg-navy) 100%)}.pixel-bg--gift{background:radial-gradient(circle at 50% 45%, #2a1645 0%, #171032 55%, var(--bg-navy) 100%)}.pixel-bg--memory{background:radial-gradient(circle at 50% 30%, #2e1840 0%, #180f2d 60%, var(--bg-navy) 100%)}.pixel-bg--collage{background:radial-gradient(circle at 50% 35%, #2b1747 0%, #161033 60%, var(--bg-navy) 100%)}.pixel-bg--letter{background:radial-gradient(circle at 50% 40%,#190f2b 0%,#0d0817 65%,#05040a 100%)}.pixel-bg--celebration{background:radial-gradient(circle at 50% 30%, #3a1a59 0%, #1c1038 60%, var(--bg-navy) 100%)}.pixel-bg__stars{pointer-events:none;z-index:1;transition:transform .1s ease-out;position:absolute;inset:0}.pixel-star{image-rendering:pixelated;animation:ease-in-out infinite alternate starTwinkle;position:absolute}@keyframes starTwinkle{0%{opacity:.2;transform:scale(.75)}50%{opacity:.95;transform:scale(1.2)}to{opacity:.35;transform:scale(.85)}}.pixel-shooting-star{opacity:0;background:linear-gradient(90deg,#0000,#ffd166,#fff);width:90px;height:3px;animation:9s ease-in-out 2.5s infinite shootStar;position:absolute;top:14%;left:-80px;transform:rotate(-35deg)}@keyframes shootStar{0%{opacity:0;transform:translate(0)rotate(-35deg)}3%{opacity:.95}9%{opacity:0;transform:translate(650px,400px)rotate(-35deg)}to{opacity:0;transform:translate(650px,400px)rotate(-35deg)}}.pixel-bg__moon-container{pointer-events:none;z-index:2;position:absolute;top:32px;right:48px}.pixel-crescent-moon{filter:drop-shadow(0 0 10px #ffe49466);border-radius:50%;width:42px;height:42px;box-shadow:7px 7px #ffe494}.pixel-bg__spotlight{pointer-events:none;z-index:2;background:radial-gradient(circle,#ffd16629 0%,#ff9ebb0d 50%,#0000 75%);width:400px;height:400px;animation:3.5s ease-in-out infinite pulseSpotlight;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)}@keyframes pulseSpotlight{0%,to{opacity:.6;transform:translate(-50%,-50%)scale(.95)}50%{opacity:.95;transform:translate(-50%,-50%)scale(1.06)}}.pixel-bg__warm-vignette{pointer-events:none;z-index:2;background:radial-gradient(circle,#0000 40%,#0a0714bf 100%);position:absolute;inset:0}.pixel-bg__particles{pointer-events:none;z-index:2;position:absolute;inset:0}.pixel-particle{background:var(--lavender-muted);opacity:.45;animation:linear infinite floatParticle;position:absolute;bottom:-10px}@keyframes floatParticle{0%{opacity:0;transform:translateY(0)}10%{opacity:.55}90%{opacity:.35}to{opacity:0;transform:translateY(-105vh)}}.pixel-bg__scanlines{pointer-events:none;z-index:99;opacity:.4;background:linear-gradient(#12101000 50%,#00000038 50%) 0 0/100% 4px;position:absolute;inset:0}.pixel-bg__vignette{pointer-events:none;z-index:98;background:radial-gradient(#0000 65%,#040308bf 100%);position:absolute;inset:0}.pixel-bg__content{z-index:10;flex-direction:column;flex:1;width:100%;display:flex;position:relative}.pixel-transition-layer{z-index:999;pointer-events:none;position:fixed;inset:0}.pixel-wipe-curtain{width:100%;height:100%;display:flex}.pixel-wipe-col{background:var(--bg-navy);transform-origin:top;border-right:1px solid #ffd16640;flex:1;height:100%}.pixel-burst-curtain{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.pixel-burst-star{clip-path:polygon(50% 0%,63% 38%,100% 50%,63% 62%,50% 100%,37% 62%,0% 50%,37% 38%);background:radial-gradient(circle,#fff5ea 0%,#ffd166 40%,#0000 72%);width:420px;height:420px}.pixel-dark-curtain{background:#080512;position:absolute;inset:0}.app-container{flex-direction:column;width:100%;max-width:920px;min-height:100vh;margin:0 auto;padding:12px 16px 28px;display:flex}.app-header{height:var(--header-height);z-index:20;justify-content:space-between;align-items:center;width:100%;margin-bottom:8px;display:flex}.quest-progress{border:2px solid var(--lavender-muted);box-shadow:2px 2px 0 var(--border-dark);background:#13112ce6;align-items:center;gap:8px;padding:6px 12px;display:flex}.quest-label{font-family:var(--font-pixel);color:var(--gold-star);letter-spacing:1px;font-size:10px}.quest-hearts{gap:4px;display:flex}.quest-heart{font-size:14px;line-height:1}.quest-heart--active{color:var(--pink-soft);text-shadow:0 0 6px #ff9ebbd9}.quest-heart--inactive{color:#4b3d68}.sound-toggle-btn{border:2px solid var(--gold-star);color:var(--gold-light);font-family:var(--font-pixel);cursor:pointer;box-shadow:2px 2px 0 var(--border-dark);background:#13112ce6;align-items:center;gap:6px;min-height:40px;padding:6px 12px;font-size:9px;transition:transform .1s,background .15s;display:flex}.sound-toggle-btn:hover{background:#2a1b4ef2;transform:translateY(-1px)}.sound-toggle-btn:active{transform:translateY(1px)}.sound-toggle-btn:focus-visible{outline:2px solid var(--gold-star);outline-offset:2px}.app-stage{flex:1;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.secret-star-btn{cursor:pointer;color:var(--gold-star);z-index:50;opacity:.65;background:0 0;border:none;outline:none;padding:8px;font-size:16px;transition:opacity .2s,transform .2s;position:absolute;top:14px;left:20px}.secret-star-btn:hover{opacity:1;text-shadow:0 0 10px var(--gold-light)}.secret-star-btn--found{opacity:1;color:#ffe494;text-shadow:0 0 12px #ffe494e6}.secret-star-found-halo{border:1px dashed var(--gold-star);border-radius:50%;animation:1.5s infinite alternate starTwinkle;position:absolute;inset:2px}.secret-star-toast{z-index:1000;width:90%;max-width:440px;position:fixed;top:20px;left:50%;transform:translate(-50%)}.secret-star-toast__inner{border:3px solid var(--gold-star);text-align:center;background:#1a1438;padding:14px 18px;position:relative;box-shadow:0 8px #0009,0 0 20px #ffd16666}.secret-star-toast__badge{background:var(--gold-star);color:var(--border-dark);font-family:var(--font-pixel);letter-spacing:1px;margin-bottom:6px;padding:3px 8px;font-size:9px;display:inline-block}.secret-star-toast__text{font-family:var(--font-retro);color:var(--cream-warm);white-space:pre-line;font-size:19px;line-height:1.35}.secret-star-toast__close{color:var(--lavender-muted);cursor:pointer;font-family:var(--font-pixel);background:0 0;border:none;padding:4px;font-size:11px;position:absolute;top:6px;right:8px}.secret-star-toast__close:hover{color:var(--cream-warm)}.screen{flex-direction:column;justify-content:center;align-items:center;width:100%;padding:10px 0 20px;display:flex}.pixel-text{text-rendering:optimizelegibility;margin:0}.pixel-text--pixel{font-family:var(--font-pixel);letter-spacing:.5px;line-height:1.45}.pixel-text--retro{font-family:var(--font-retro);letter-spacing:1px;line-height:1.35}.pixel-text--xs{font-size:10px}.pixel-text--sm{font-size:13px}.pixel-text--md{font-size:18px}.pixel-text--lg{font-size:24px}.pixel-text--xl{font-size:32px}.pixel-text--2xl{font-size:40px}@media (width<=600px){.pixel-text--lg{font-size:19px}.pixel-text--xl{font-size:24px}.pixel-text--2xl{font-size:28px}}.pixel-text--cream{color:var(--cream-warm)}.pixel-text--pink{color:var(--pink-soft)}.pixel-text--gold{color:var(--gold-star)}.pixel-text--lavender{color:var(--lavender-muted)}.pixel-text--white{color:#fff}.pixel-text--dim{color:#7f6e9c}.pixel-text--align-center{text-align:center}.pixel-text--align-left{text-align:left}.pixel-text--align-right{text-align:right}.pixel-text--glow{text-shadow:0 0 10px #ffd16699, 2px 2px 0 var(--border-dark)}.pixel-btn{font-family:var(--font-pixel);cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;background:0 0;border:none;outline:none;justify-content:center;align-items:center;min-height:48px;padding:0;display:inline-flex;position:relative}.pixel-btn__inner{letter-spacing:1px;text-transform:uppercase;justify-content:center;align-items:center;gap:8px;width:100%;height:100%;padding:12px 26px;font-size:12px;transition:transform 80ms,box-shadow 80ms;display:inline-flex;position:relative}.pixel-btn--primary .pixel-btn__inner{background:var(--pink-deep);color:var(--cream-warm);box-shadow:0 -4px 0 0 var(--pink-soft), 0 4px 0 0 #91274c, -4px 0 0 0 var(--pink-soft), 4px 0 0 0 #91274c, 0 8px 0 0 var(--border-dark)}.pixel-btn--primary:hover .pixel-btn__inner{background:var(--pink-vivid);box-shadow:0 -4px 0 0 #ffc2d4, 0 4px 0 0 #91274c, -4px 0 0 0 #ffc2d4, 4px 0 0 0 #91274c, 0 10px 0 0 var(--border-dark)}.pixel-btn--gold .pixel-btn__inner{color:#1a1438;box-shadow:0 -4px 0 0 var(--gold-light), 0 4px 0 0 #b05c21, -4px 0 0 0 var(--gold-light), 4px 0 0 0 #b05c21, 0 8px 0 0 var(--border-dark);background:#f4a261}.pixel-btn--gold:hover .pixel-btn__inner{background:var(--gold-star);box-shadow:0 -4px 0 0 #fff0b3, 0 4px 0 0 #b05c21, -4px 0 0 0 #fff0b3, 4px 0 0 0 #b05c21, 0 10px 0 0 var(--border-dark)}.pixel-btn--lavender .pixel-btn__inner{color:var(--cream-warm);box-shadow:0 -4px 0 0 var(--lavender-muted), 0 4px 0 0 #3a1e5c, -4px 0 0 0 var(--lavender-muted), 4px 0 0 0 #3a1e5c, 0 8px 0 0 var(--border-dark);background:#6a4c93}.pixel-btn--outline .pixel-btn__inner{color:var(--gold-light);box-shadow:0 -3px 0 0 var(--gold-star), 0 3px 0 0 var(--gold-star), -3px 0 0 0 var(--gold-star), 4px 0 0 0 var(--gold-star), 0 6px 0 0 var(--border-dark);background:#1a1438e6}.pixel-btn--sm .pixel-btn__inner{padding:8px 16px;font-size:10px}.pixel-btn--lg .pixel-btn__inner{padding:16px 32px;font-size:13px}.pixel-btn:active .pixel-btn__inner{transform:translateY(4px);box-shadow:0 -2px 0 0 #00000080, 0 2px 0 0 #00000080, -2px 0 0 0 #00000080, 2px 0 0 0 #00000080, 0 3px 0 0 var(--border-dark)!important}.pixel-btn:focus-visible{outline:3px solid var(--gold-star);outline-offset:3px}.pixel-btn:disabled{cursor:not-allowed;opacity:.5}.typewriter-container{display:inline}.typewriter--skippable{cursor:pointer}.typewriter-cursor{color:var(--gold-star);margin-left:4px;display:inline-block}.typewriter-cursor--blinking{animation:.85s infinite blinkCursor}@keyframes blinkCursor{0%,49%{opacity:1}50%,to{opacity:0}}.photo-card{background:var(--cream-paper);-webkit-user-select:none;user-select:none;padding:10px 10px 18px;transition:transform .2s,box-shadow .2s;position:relative;box-shadow:0 -3px #fff,0 4px #baa68f,-3px 0 #fff,4px 0 #baa68f,4px 8px #0a08148c}.photo-card--sm{width:140px}.photo-card--md{width:230px}.photo-card--lg{width:290px}@media (width<=600px){.photo-card--sm{width:125px}.photo-card--md{width:200px}.photo-card--lg{width:250px}}.photo-card__tape{background-color:var(--gold-star);opacity:.88;clip-path:polygon(0% 0%,94% 0%,100% 30%,96% 70%,100% 100%,6% 100%,0% 70%,4% 30%);z-index:10;width:50px;height:18px;position:absolute;top:-12px;left:50%;transform:translate(-50%);box-shadow:1px 2px #00000040}.photo-card__sticker{z-index:15;pointer-events:none;filter:drop-shadow(1px 2px #0006);font-size:20px;position:absolute}.photo-card__sticker--pin{top:-12px;right:8px}.photo-card__sticker--star{bottom:6px;right:6px}.photo-card__sticker--heart{bottom:6px;left:6px}.photo-card__image-frame{aspect-ratio:1;background:#110d22;border:2px solid #2a2046;width:100%;position:relative;overflow:hidden}.photo-card__img{object-fit:cover;width:100%;height:100%;display:block}.photo-card__scanlines{pointer-events:none;opacity:.35;background:linear-gradient(#12101000 50%,#0003 50%) 0 0/100% 3px;position:absolute;inset:0}.photo-card__demo-badge{border:1px dashed var(--gold-star);color:var(--gold-star);font-family:var(--font-pixel);text-align:center;letter-spacing:.5px;pointer-events:none;text-shadow:1px 1px #000;background:#0d0c1de0;padding:3px 2px;font-size:7px;position:absolute;top:4px;left:4px;right:4px}.photo-card__caption{text-align:center;margin-top:10px}.photo-card__caption-text{font-family:var(--font-retro);color:#2b223d;letter-spacing:.5px;font-size:18px;line-height:1.15}.photo-card--sm .photo-card__caption-text{font-size:14px}.photo-reveal-container{justify-content:center;align-items:center;display:flex;position:relative}.photo-reveal__sparkles{pointer-events:none;z-index:20;position:absolute;inset:-20px}.pixel-sparkles-layer{pointer-events:none;z-index:30}.pixel-sparkles-layer--fullscreen{position:fixed;inset:0}.pixel-sparkles-layer--local{position:absolute;inset:0}.pixel-sparkle{justify-content:center;align-items:center;display:flex;position:absolute}.pixel-sparkle__shape{clip-path:polygon(35% 0%,65% 0%,65% 35%,100% 35%,100% 65%,65% 65%,65% 100%,35% 100%,35% 65%,0% 65%,0% 35%,35% 35%);width:100%;height:100%}.pixel-hearts-layer{pointer-events:none;z-index:35;position:fixed;inset:0;overflow:hidden}.pixel-heart-float{position:absolute}.pixel-confetti-layer{pointer-events:none;z-index:40;position:fixed;inset:0;overflow:hidden}.pixel-confetti-piece{image-rendering:pixelated;position:absolute;box-shadow:1px 1px #00000059}.gift-box-wrapper{justify-content:center;align-items:center;display:flex;position:relative}.gift-box-stage__glow{pointer-events:none;z-index:1;background:radial-gradient(circle,#ffd16638 0%,#0000 70%);border-radius:50%;width:300px;height:300px;position:absolute}.gift-box-container{cursor:pointer;z-index:10;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.gift-box--interactive:hover{filter:drop-shadow(0 0 14px #ff9ebb80)}.gift-box__prompt-tag{background:var(--gold-star);color:var(--border-dark);font-family:var(--font-pixel);border:2px solid var(--border-dark);box-shadow:2px 2px 0 var(--border-dark);letter-spacing:1px;padding:3px 8px;font-size:8px;position:absolute;bottom:0}.gift-box__light-beam{clip-path:polygon(25% 0%,75% 0%,100% 100%,0% 100%);pointer-events:none;z-index:25;background:linear-gradient(#fffffff2,#ffd166bf,#0000);width:100px;position:absolute;bottom:50px}.gift-box__ground-shadow{pointer-events:none;background:radial-gradient(#0d0c1dcc 0%,#0000 75%);border-radius:50%;width:95px;height:10px;position:absolute;bottom:-4px}.gift-ribbon-glint{animation:2.2s infinite alternate starTwinkle}.gift-box__burst{pointer-events:none;z-index:28;width:20px;height:20px;position:absolute}.gift-burst-particle{background:var(--gold-star);width:8px;height:8px;box-shadow:0 0 8px var(--pink-soft);position:absolute}.screen--intro{text-align:center}.intro-card{flex-direction:column;align-items:center;gap:16px;max-width:520px;padding:24px 20px;display:flex}.intro-card--skippable,.pixel-letter--skippable{cursor:pointer}.intro-stars-header,.intro-stars-footer{color:var(--gold-star);gap:16px;font-size:20px;display:flex}.twinkle-star-left{animation:1.8s infinite alternate starTwinkle}.twinkle-star-center{color:var(--pink-soft);animation:2.3s .4s infinite alternate starTwinkle}.twinkle-star-right{animation:1.5s .8s infinite alternate starTwinkle}.intro-title-box{min-height:48px}.intro-message-box{max-width:440px;min-height:40px}.intro-pixel-heart{margin:6px 0}.intro-action-box{flex-direction:column;align-items:center;min-height:64px;margin-top:8px;display:flex}.intro-hint-text{font-family:var(--font-retro);color:var(--lavender-muted);margin-top:10px;font-size:15px}.gift-screen-content{flex-direction:column;align-items:center;gap:20px;display:flex}.gift-hint-text{min-height:32px}.gift-box-stage{justify-content:center;align-items:center;margin:16px 0;display:flex;position:relative}.gift-action-box{margin-top:8px}.screen--shake-reaction{animation:.4s screenShake}@keyframes screenShake{0%,to{transform:translate(0)}20%{transform:translate(-3px,2px)}40%{transform:translate(3px,-2px)}60%{transform:translate(-2px,-2px)}80%{transform:translate(2px,1px)}}.memory-card-wrapper{flex-direction:column;align-items:center;gap:16px;display:flex}.memory-photo-stage{margin:10px 0}.memory-action-box{margin-top:10px}.collage-screen-inner{flex-direction:column;align-items:center;width:100%;display:flex}.collage-header{text-align:center;margin-bottom:16px}.collage-board-stage{justify-content:center;width:100%;margin-bottom:20px;display:flex}.pixel-collage-container{border:3px dashed var(--lavender-dark);background:#161230b3;justify-content:center;align-items:center;width:100%;max-width:560px;min-height:390px;padding:20px 14px;display:flex;position:relative;box-shadow:inset 0 0 24px #0000008c}.scrapbook-mat-corner{background:var(--gold-star);opacity:.85;z-index:10;width:32px;height:14px;position:absolute;box-shadow:1px 1px #0000004d}.scrapbook-mat-corner--tl{top:-6px;left:-8px;transform:rotate(-40deg)}.scrapbook-mat-corner--tr{top:-6px;right:-8px;transform:rotate(40deg)}.scrapbook-mat-corner--bl{bottom:-6px;left:-8px;transform:rotate(40deg)}.scrapbook-mat-corner--br{bottom:-6px;right:-8px;transform:rotate(-40deg)}.pixel-collage__sparkles{pointer-events:none;position:absolute;inset:0}.pixel-collage__grid{grid-template-columns:repeat(2,1fr);place-items:center;gap:18px;width:100%;display:grid}.pixel-collage__slot{justify-content:center;align-items:center;min-height:165px;display:flex}.pixel-collage__item{justify-content:center;align-items:center;display:flex}.collage-action-bar{min-height:54px}.letter-screen-inner{flex-direction:column;align-items:center;gap:16px;width:100%;max-width:580px;display:flex}.letter-stage{justify-content:center;width:100%;margin:10px 0;display:flex}.pixel-envelope-box{cursor:pointer;flex-direction:column;align-items:center;display:flex}.envelope-label-tag{background:var(--bg-navy);border:2px solid var(--pink-soft);color:var(--pink-soft);font-family:var(--font-pixel);letter-spacing:1px;margin-top:14px;padding:6px 14px;font-size:10px}.pixel-letter-paper{background:var(--cream-paper);color:#1e152e;border:4px solid var(--border-dark);width:100%;max-width:490px;padding:24px 22px;position:relative;box-shadow:0 -3px #fff,0 4px #c7b49d,-3px 0 #fff,4px 0 #c7b49d,6px 10px #0a081499}.letter-paper__seal-mini{background:var(--pink-deep);color:#fff;border:2px solid var(--cream-paper);border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;display:flex;position:absolute;top:-12px;right:20px}.letter-paper__content{flex-direction:column;gap:12px;display:flex}.letter-paragraph{font-family:var(--font-retro);color:#2b223d;font-size:21px;line-height:1.35}.letter-signature{font-family:var(--font-retro);color:var(--pink-deep);text-align:right;margin-top:12px;font-size:24px;font-weight:700}.letter-action-bar{min-height:52px}.screen--finale{justify-content:center;align-items:center;width:100%;min-height:70vh;display:flex;position:relative}.finale-floating-photos{pointer-events:none;z-index:5;position:absolute;inset:0}.finale-bg-photo{position:absolute}.finale-polaroid-mini{background:var(--cream-paper);border:2px solid var(--border-dark);width:85px;height:85px;padding:4px;box-shadow:2px 4px #0006}.finale-mini-img{object-fit:cover;width:100%;height:100%}@media (width<=600px){.finale-polaroid-mini{width:65px;height:65px}}.finale-centerpiece{z-index:15;text-align:center;flex-direction:column;align-items:center;gap:20px;max-width:560px;padding:20px;display:flex;position:relative}.finale-pre-msg{min-height:48px}.finale-emotional-msg{max-width:460px;margin-bottom:8px}.finale-birthday-banner{flex-direction:column;align-items:center;gap:8px;display:flex}.finale-heart-icon{color:var(--pink-soft);font-size:26px;animation:1.4s infinite alternate starTwinkle}.finale-celebrate-cheer{margin-top:10px}.finale-actions{min-height:56px;margin-top:12px}.finale-replay-box{margin-top:14px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.pixel-star,.pixel-particle,.pixel-sparkle,.pixel-heart-float,.pixel-confetti-piece,.pixel-shooting-star,.gift-box__spotlight{animation:none!important}}.header-audio-controls{align-items:center;gap:8px;display:flex}.music-toggle-btn{color:#06d6a0;font-family:var(--font-pixel);cursor:pointer;box-shadow:2px 2px 0 var(--border-dark);background:#13112ce6;border:2px solid #06d6a0;align-items:center;gap:6px;min-height:40px;padding:6px 12px;font-size:9px;transition:transform .1s,background .15s;display:flex}.music-toggle-btn:hover{background:#06d6a026;transform:translateY(-1px)}.music-toggle-btn:active{transform:translateY(1px)}.music-toggle-btn--playing{border-color:var(--pink-soft);color:var(--pink-soft);box-shadow:0 0 8px #ff9ebb66, 2px 2px 0 var(--border-dark)}.music-toggle-icon{font-size:13px}.autoplay-prompt-banner{z-index:1000;border:3px solid var(--gold-star);cursor:pointer;background-color:#13112cf5;align-items:center;gap:12px;padding:10px 20px;animation:2s ease-in-out infinite bouncePrompt;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #000000b3,3px 3px #000}@keyframes bouncePrompt{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,-6px)}}.autoplay-prompt-icon{color:var(--gold-star);font-size:18px;animation:1s infinite alternate starTwinkle}.autoplay-prompt-text{font-family:var(--font-pixel);color:var(--cream-warm);font-size:10px}.recipient-status-stage{z-index:10;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:20px;display:flex;position:relative}.recipient-status-card{border:4px solid var(--gold-star);text-align:center;width:100%;max-width:480px;box-shadow:6px 6px 0 var(--border-dark);background-color:#13112cf2;flex-direction:column;align-items:center;gap:16px;padding:32px 24px;display:flex}.recipient-status-icon{font-size:44px}.recipient-status-icon--pulse{animation:1.4s ease-in-out infinite pulseDot}.recipient-status-title{font-family:var(--font-pixel);color:var(--gold-star);font-size:15px;line-height:1.5}.recipient-status-sub{color:var(--cream-warm);margin:0;font-size:20px;line-height:1.4}.recipient-loading-bar{border:2px solid var(--border-dark);background-color:#0b0a1a;width:100%;height:12px;margin-top:8px;position:relative;overflow:hidden}.recipient-loading-fill{background:linear-gradient(90deg, var(--gold-star), var(--pink-soft));width:40%;height:100%;animation:1.2s ease-in-out infinite loadingSlide;position:absolute}@keyframes loadingSlide{0%{width:30%;left:-40%}50%{width:50%;left:40%}to{width:30%;left:100%}}.recipient-status-actions{margin-top:8px}:root{--editor-bg:#0d0c1d;--editor-surface:#171530;--editor-surface-light:#232047;--editor-panel-bg:#1c1938;--editor-panel-border:#3d3768;--editor-cream:#fdf6e2;--editor-gold:#ffd166;--editor-gold-glow:#ffd16666;--editor-pink:#f78da7;--editor-lavender:#cfc2e6;--editor-mint:#06d6a0;--editor-danger:#e76f51;--editor-font-pixel:"Press Start 2P", monospace, sans-serif;--editor-font-retro:"VT323", monospace, sans-serif}.editor-workspace{background-color:var(--editor-bg);width:100vw;height:100vh;color:var(--editor-cream);font-family:var(--editor-font-retro);box-sizing:border-box;flex-direction:column;font-size:18px;display:flex;overflow:hidden}.editor-top-toolbar{background-color:var(--editor-surface);z-index:100;border-bottom:3px solid #13112c;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:8px 16px;display:flex;box-shadow:0 4px 12px #00000080}.editor-toolbar-brand{align-items:center;gap:10px;display:flex}.brand-logo-icon{font-size:24px}.brand-text-group{flex-direction:column;display:flex}.brand-title{font-family:var(--editor-font-pixel);color:var(--editor-gold);letter-spacing:.5px;text-shadow:1px 1px #000;font-size:13px}.brand-subtitle{color:var(--editor-lavender);letter-spacing:.5px;font-size:14px}.editor-toolbar-status{align-items:center;gap:12px;display:flex}.status-pill{font-family:var(--editor-font-pixel);letter-spacing:.5px;border:1px solid;border-radius:2px;padding:4px 8px;font-size:9px}.status-pill--ready{color:var(--editor-mint);background-color:#06d6a01f}.status-pill--draft{color:var(--editor-pink);background-color:#f78da71f}.save-indicator-container{font-family:var(--editor-font-pixel);align-items:center;gap:6px;font-size:9px;display:flex}.save-indicator-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.save-dot--saved{background-color:var(--editor-mint);box-shadow:0 0 6px var(--editor-mint)}.save-dot--saving{background-color:var(--editor-gold);animation:1s infinite pulse}.save-dot--unsaved{background-color:var(--editor-pink)}.save-dot--error{background-color:var(--editor-danger)}.save-indicator-time{color:#a8a3c9;font-size:8px}.editor-toolbar-actions{align-items:center;gap:8px;display:flex}.toolbar-btn-group{gap:2px;display:flex}.toolbar-icon-btn,.toolbar-action-btn{font-family:var(--editor-font-pixel);background-color:var(--editor-surface-light);color:var(--editor-cream);border:2px solid var(--editor-panel-border);cursor:pointer;align-items:center;gap:5px;padding:6px 10px;font-size:10px;transition:transform 80ms,background-color .12s;display:flex;box-shadow:2px 2px #000}.toolbar-icon-btn:hover:not(:disabled),.toolbar-action-btn:hover:not(:disabled){background-color:#312c5f;transform:translateY(-1px)}.toolbar-icon-btn:active:not(:disabled),.toolbar-action-btn:active:not(:disabled){transform:translate(1px,1px);box-shadow:0 0 #000}.toolbar-icon-btn:disabled,.toolbar-action-btn:disabled{opacity:.4;cursor:not-allowed}.toolbar-action-btn--save{color:var(--editor-gold);border-color:var(--editor-gold)}.toolbar-action-btn--preview{color:var(--editor-mint);border-color:var(--editor-mint);background-color:#2b2353}.toolbar-action-btn--preview-active{background-color:var(--editor-mint);color:#0d0c1d}.toolbar-action-btn--view-site{color:var(--editor-lavender)}.toolbar-v-divider{background-color:var(--editor-panel-border);width:2px;height:24px;margin:0 4px}.editor-main-layout{flex-direction:column;flex:1;min-height:0;display:flex}.editor-mobile-tabs{background-color:var(--editor-surface);border-bottom:2px solid var(--editor-panel-border);display:none}.mobile-tab-btn{font-family:var(--editor-font-pixel);color:var(--editor-lavender);cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;flex:1;padding:10px 4px;font-size:8px}.mobile-tab-btn--active{color:var(--editor-gold);border-bottom-color:var(--editor-gold);background-color:#ffd16614}.editor-workspace-body{flex:1;grid-template-columns:250px 1fr 320px;min-height:0;display:grid;overflow:hidden}.editor-column{background-color:var(--editor-panel-bg);border-right:2px solid var(--editor-panel-border);flex-direction:column;min-height:0;display:flex;overflow-y:auto}.editor-column--canvas{border-right:2px solid var(--editor-panel-border);background-color:#121024;position:relative;overflow:hidden}.editor-column--properties{background-color:var(--editor-surface);border-right:none}.screen-manager-timeline{flex-direction:column;height:100%;display:flex}.timeline-header{border-bottom:2px solid var(--editor-panel-border);background-color:var(--editor-surface);justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.timeline-title{font-family:var(--editor-font-pixel);color:var(--editor-gold);font-size:11px}.timeline-count{color:var(--editor-lavender);font-size:14px}.timeline-list{flex-direction:column;flex:1;gap:6px;padding:10px;display:flex;overflow-y:auto}.timeline-card{background-color:var(--editor-surface-light);border:2px solid var(--editor-panel-border);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:8px 10px;transition:border-color .1s,transform 80ms;display:flex;box-shadow:2px 2px #000}.timeline-card:hover{border-color:var(--editor-lavender);transform:translate(2px)}.timeline-card--selected{border-color:var(--editor-gold);box-shadow:2px 2px 0 var(--editor-gold);background-color:#2c2756}.timeline-card-main{align-items:center;gap:8px;display:flex}.timeline-card-index{font-family:var(--editor-font-pixel);color:#8c86b8;font-size:9px}.timeline-card-icon{font-size:16px}.timeline-card-label{font-family:var(--editor-font-pixel);color:var(--editor-cream);font-size:10px}.timeline-card-actions{gap:3px;display:flex}.timeline-action-btn{background-color:var(--editor-surface);color:var(--editor-cream);border:1px solid var(--editor-panel-border);cursor:pointer;border-radius:2px;padding:2px 6px;font-size:12px}.timeline-action-btn:hover:not(:disabled){background-color:var(--editor-gold);color:#000}.timeline-action-btn--delete:hover:not(:disabled){background-color:var(--editor-danger);color:#fff}.timeline-action-btn:disabled{opacity:.3;cursor:default}.timeline-footer{border-top:2px solid var(--editor-panel-border);padding:10px}.timeline-add-btn{width:100%;font-family:var(--editor-font-pixel);background-color:var(--editor-surface-light);color:var(--editor-gold);border:2px dashed var(--editor-gold);cursor:pointer;padding:8px;font-size:9px}.timeline-add-btn:hover{background-color:#ffd16626}.canvas-header-bar{background-color:var(--editor-surface);border-bottom:2px solid var(--editor-panel-border);flex-shrink:0;justify-content:space-between;align-items:center;padding:8px 14px;display:flex}.canvas-mode-switch{gap:4px;display:flex}.canvas-mode-btn{font-family:var(--editor-font-pixel);background-color:var(--editor-surface-light);color:var(--editor-lavender);border:2px solid var(--editor-panel-border);cursor:pointer;padding:6px 10px;font-size:9px}.canvas-mode-btn--active{color:var(--editor-gold);border-color:var(--editor-gold);background-color:#383069}.canvas-center-hint{color:#9d96c8;font-size:14px}.canvas-stage-area{flex-direction:column;flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.collage-editor-wrapper{flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.collage-editor-toolbar{border-bottom:1px solid var(--editor-panel-border);font-family:var(--editor-font-pixel);background-color:#171530b3;justify-content:space-between;align-items:center;padding:8px 14px;font-size:10px;display:flex}.collage-photo-count{color:var(--editor-gold)}.collage-hint-empty{color:var(--editor-pink);margin-left:10px;font-size:9px}.collage-add-select{padding:4px 8px;font-size:9px}.collage-canvas-board{-webkit-user-select:none;user-select:none;background-color:#2b2545;background-image:radial-gradient(#3a335d 1px,#0000 1px),linear-gradient(90deg,#0003 1px,#0000 1px),linear-gradient(#0003 1px,#0000 1px);background-size:20px 20px,40px 40px,40px 40px;border:3px solid #13112c;flex:1;margin:10px;position:relative;overflow:hidden;box-shadow:inset 0 0 40px #0009}.canvas-crosshair{pointer-events:none;background-color:#ffd16626;position:absolute}.canvas-crosshair--h{height:1px;top:50%;left:0;right:0}.canvas-crosshair--v{width:1px;top:0;bottom:0;left:50%}.canvas-photo-item{cursor:grab;will-change:transform}.canvas-photo-item:active{cursor:grabbing}.canvas-photo-card-wrap{pointer-events:none}.canvas-photo-item--selected .canvas-selection-outline{border:2px dashed var(--editor-gold);pointer-events:none;box-shadow:0 0 8px var(--editor-gold-glow);position:absolute;inset:-6px}.canvas-manipulator-box{pointer-events:auto;position:absolute;inset:0}.canvas-rotation-handle-wrap{cursor:grab;touch-action:none;flex-direction:column;align-items:center;display:flex;position:absolute;top:-34px;left:50%;transform:translate(-50%)}.canvas-rotation-stem{background-color:var(--editor-gold);width:2px;height:18px}.canvas-rotation-knob{background-color:var(--editor-gold);color:#0d0c1d;border:1px solid #000;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:11px;font-weight:700;display:flex;box-shadow:0 2px 4px #00000080}.canvas-rotation-handle-wrap:hover .canvas-rotation-knob{background-color:#fff;transform:scale(1.15)}.canvas-corner-handle{background-color:var(--editor-gold);touch-action:none;border:2px solid #13112c;width:12px;height:12px;position:absolute;box-shadow:1px 1px 2px #0009}.canvas-corner-handle--nw{cursor:nwse-resize;top:-10px;left:-10px}.canvas-corner-handle--ne{cursor:nesw-resize;top:-10px;right:-10px}.canvas-corner-handle--se{cursor:nwse-resize;bottom:-10px;right:-10px}.canvas-corner-handle--sw{cursor:nesw-resize;bottom:-10px;left:-10px}.canvas-corner-handle:hover{background-color:#fff;transform:scale(1.25)}.collage-properties-panel{background-color:var(--editor-surface);border-top:2px solid var(--editor-panel-border);flex-direction:column;gap:8px;padding:10px 14px;display:flex;box-shadow:0 -4px 10px #0000004d}.properties-header{justify-content:space-between;align-items:center;display:flex}.properties-title{font-family:var(--editor-font-pixel);color:var(--editor-gold);font-size:10px}.properties-close-btn{color:var(--editor-cream);cursor:pointer;background:0 0;border:none;font-size:14px}.properties-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.prop-control-group{flex-direction:column;gap:4px;display:flex}.prop-label{font-family:var(--editor-font-pixel);color:var(--editor-lavender);font-size:8px}.prop-stepper{background-color:var(--editor-bg);border:1px solid var(--editor-panel-border);align-items:center;display:flex}.stepper-btn{background-color:var(--editor-surface-light);width:24px;height:24px;color:var(--editor-cream);font-family:var(--editor-font-pixel);cursor:pointer;border:none;font-size:11px}.stepper-btn:hover{background-color:var(--editor-gold);color:#000}.stepper-input{width:40px;min-width:0;color:var(--editor-cream);font-family:var(--editor-font-retro);text-align:center;background:0 0;border:none;flex:1;font-size:16px}.prop-slider{accent-color:var(--editor-gold);cursor:pointer}.prop-layer-toolbar{align-items:center;gap:8px;display:flex}.prop-layer-title{font-family:var(--editor-font-pixel);color:var(--editor-lavender);font-size:8px}.layer-btn-group{gap:4px;display:flex}.layer-btn{font-family:var(--editor-font-pixel);background-color:var(--editor-surface-light);color:var(--editor-cream);border:1px solid var(--editor-panel-border);cursor:pointer;padding:4px 6px;font-size:8px}.layer-btn:hover{background-color:var(--editor-gold);color:#000}.prop-actions-bar{gap:8px;margin-top:2px;display:flex}.prop-action-btn{font-family:var(--editor-font-pixel);border:1px solid var(--editor-panel-border);cursor:pointer;flex:1;padding:6px;font-size:9px}.prop-action-btn--reset{background-color:var(--editor-surface-light);color:var(--editor-cream)}.prop-action-btn--remove{color:var(--editor-danger);border-color:var(--editor-danger);background-color:#e76f5126}.collage-selection-placeholder{background-color:var(--editor-surface);border-top:1px solid var(--editor-panel-border);color:#a49fc5;justify-content:space-between;align-items:center;padding:8px 14px;font-size:14px;display:flex}.keyboard-shortcuts-hint{color:#7973a8;font-size:12px}.screen-editor-container{flex-direction:column;gap:14px;padding:14px;display:flex}.screen-editor-header{border-bottom:2px solid var(--editor-panel-border);padding-bottom:8px}.screen-editor-badge{font-family:var(--editor-font-pixel);color:var(--editor-gold);font-size:11px}.settings-section{background-color:var(--editor-surface-light);border:2px solid var(--editor-panel-border);flex-direction:column;gap:10px;padding:10px;display:flex;box-shadow:2px 2px #000}.settings-section-title{font-family:var(--editor-font-pixel);color:var(--editor-pink);letter-spacing:.5px;font-size:10px}.section-header-row{justify-content:space-between;align-items:center;display:flex}.editor-field-group{flex-direction:column;gap:4px;display:flex}.editor-field-label{font-family:var(--editor-font-pixel);color:var(--editor-lavender);font-size:8px}.field-hint{color:#9c95c7;font-size:13px}.editor-checkbox-label{color:var(--editor-cream);cursor:pointer;align-items:center;gap:8px;font-size:15px;display:flex}.pixel-checkbox{width:16px;height:16px;accent-color:var(--editor-gold)}.pixel-input,.pixel-textarea,.pixel-select{box-sizing:border-box;background-color:var(--editor-bg);border:2px solid var(--editor-panel-border);width:100%;color:var(--editor-cream);font-family:var(--editor-font-retro);padding:6px 8px;font-size:18px;box-shadow:inset 1px 1px 2px #0009}.pixel-input:focus,.pixel-textarea:focus,.pixel-select:focus{border-color:var(--editor-gold);box-shadow:0 0 6px var(--editor-gold-glow);outline:none}.pixel-textarea{resize:vertical;line-height:1.3}.paragraphs-list{flex-direction:column;gap:8px;display:flex}.paragraph-editor-card{background-color:var(--editor-bg);border:1px solid var(--editor-panel-border);flex-direction:column;gap:4px;padding:6px;display:flex}.paragraph-card-header{justify-content:space-between;align-items:center;display:flex}.paragraph-num{font-family:var(--editor-font-pixel);color:var(--editor-gold);font-size:8px}.paragraph-actions{gap:2px;display:flex}.para-btn{background-color:var(--editor-surface-light);color:var(--editor-cream);border:1px solid var(--editor-panel-border);cursor:pointer;padding:1px 5px;font-size:11px}.para-btn--delete:hover{background-color:var(--editor-danger);color:#fff}.floating-photos-selector-grid{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.floating-photo-pick{aspect-ratio:1;border:2px solid var(--editor-panel-border);cursor:pointer;position:relative;overflow:hidden}.floating-pick-thumb{object-fit:cover;width:100%;height:100%}.floating-photo-pick--active{border-color:var(--editor-gold)}.floating-pick-check{color:var(--editor-gold);background-color:#000000b3;padding:1px 4px;font-size:11px;position:absolute;top:2px;right:2px}.editor-bottom-shelf{background-color:var(--editor-surface);z-index:10;border-top:3px solid #13112c;flex-direction:column;flex-shrink:0;height:160px;display:flex}.image-manager-panel{box-sizing:border-box;flex-direction:column;height:100%;padding:8px 14px;display:flex}.image-manager-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.image-manager-title-group{align-items:center;gap:10px;display:flex}.image-manager-heading{font-family:var(--editor-font-pixel);color:var(--editor-gold);font-size:11px}.image-manager-counter{font-family:var(--editor-font-pixel);background-color:var(--editor-bg);border:1px solid var(--editor-gold);color:var(--editor-gold);padding:2px 6px;font-size:10px}.image-manager-counter--full{border-color:var(--editor-mint);color:var(--editor-mint)}.image-manager-draft-alert{color:var(--editor-pink);font-size:13px}.image-manager-grid{flex:1;align-items:center;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.image-grid-slot{flex-shrink:0;height:105px}.image-grid-slot--uploader{width:140px}.image-dropzone{border:2px dashed var(--editor-gold);cursor:pointer;box-sizing:border-box;text-align:center;background-color:#ffd1660d;justify-content:center;align-items:center;height:100%;padding:4px;transition:background-color .12s;display:flex}.image-dropzone--active{background-color:#ffd16626;border-color:#fff}.image-dropzone--disabled{border-color:var(--editor-panel-border);cursor:not-allowed;opacity:.5}.dropzone-inner{flex-direction:column;align-items:center;gap:2px;display:flex}.dropzone-icon{font-size:18px}.dropzone-prompt{font-family:var(--editor-font-pixel);color:var(--editor-gold);margin:0;font-size:8px}.dropzone-subprompt{color:var(--editor-lavender);font-size:12px}.dropzone-formats{color:#7973a8;font-size:10px}.image-grid-card{background-color:var(--editor-surface-light);border:2px solid var(--editor-panel-border);cursor:pointer;box-sizing:border-box;flex-direction:column;width:95px;transition:border-color .1s,transform 80ms;display:flex;position:relative;box-shadow:2px 2px #000}.image-grid-card:hover{border-color:var(--editor-lavender);transform:translateY(-2px)}.image-grid-card--active{border-color:var(--editor-gold);box-shadow:0 0 6px var(--editor-gold-glow)}.image-card-thumb-wrap{background-color:#000;width:100%;height:72px;position:relative;overflow:hidden}.image-card-thumb{object-fit:cover;width:100%;height:100%}.image-card-demo-badge{color:var(--editor-gold);font-family:var(--editor-font-pixel);background-color:#000000b3;border-radius:1px;padding:1px 3px;font-size:6px;position:absolute;top:2px;left:2px}.image-card-in-use-badge{color:#000;font-family:var(--editor-font-pixel);background-color:#06d6a0d9;padding:1px 3px;font-size:6px;position:absolute;bottom:2px;left:2px}.image-card-delete-btn{color:#fff;cursor:pointer;background-color:#e76f51d9;border:none;border-radius:2px;justify-content:center;align-items:center;width:16px;height:16px;font-size:9px;display:flex;position:absolute;top:2px;right:2px}.image-card-delete-btn:hover{background-color:#f33}.image-card-caption-line{white-space:nowrap;text-overflow:ellipsis;background-color:var(--editor-bg);padding:3px 4px;overflow:hidden}.image-card-caption-text{color:var(--editor-cream);font-size:12px}.modal-overlay,.safe-delete-modal-overlay,.image-editor-modal-overlay{z-index:1000;box-sizing:border-box;background-color:#000000bf;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.pixel-dialog,.safe-delete-modal,.image-editor-modal{background-color:var(--editor-surface);border:3px solid var(--editor-gold);box-sizing:border-box;flex-direction:column;gap:14px;width:100%;max-width:480px;padding:16px;display:flex;box-shadow:6px 6px #000}.pixel-dialog__header,.safe-delete-modal__header,.image-editor-modal__header{border-bottom:2px solid var(--editor-panel-border);justify-content:space-between;align-items:center;padding-bottom:8px;display:flex}.pixel-dialog__title,.safe-delete-badge,.image-editor-title{font-family:var(--editor-font-pixel);color:var(--editor-gold);font-size:11px}.safe-delete-badge{color:var(--editor-danger)}.safe-delete-list{color:var(--editor-gold);margin:6px 0;padding-left:14px;font-size:15px}.pixel-dialog__actions,.safe-delete-modal__actions,.image-editor-modal__footer{border-top:2px solid var(--editor-panel-border);justify-content:flex-end;gap:10px;padding-top:12px;display:flex}.pixel-dialog__actions .pixel-btn,.safe-delete-modal__actions .pixel-btn,.image-editor-modal__footer .pixel-btn{font-family:var(--editor-font-pixel);cursor:pointer;border:2px solid #000;padding:8px 14px;font-size:10px;box-shadow:2px 2px #000}.pixel-btn--primary{background-color:var(--editor-surface-light);color:var(--editor-cream);border-color:var(--editor-panel-border)}.pixel-btn--primary:hover{color:var(--editor-gold);background-color:#383069}.pixel-btn--danger{color:#fff;background-color:#9e2a2b;border-color:#f55}.pixel-btn--danger:hover{background-color:#d90429}.pixel-btn--gold{background-color:var(--editor-gold);color:#0d0c1d;font-weight:700}.uploader-alert-dialog{background-color:var(--editor-surface);border:2px solid var(--editor-gold);z-index:999;max-width:380px;padding:12px 16px;position:fixed;bottom:24px;right:24px;box-shadow:4px 4px #000}.uploader-alert-dialog__inner{flex-direction:column;gap:8px;display:flex}.uploader-alert-badge{font-family:var(--editor-font-pixel);color:var(--editor-gold);font-size:10px}.uploader-alert-text{color:var(--editor-cream);white-space:pre-line;margin:0;font-size:15px}.image-editor-modal__body{grid-template-columns:140px 1fr;gap:14px;display:grid}.image-editor-preview-stage{border:2px solid var(--editor-panel-border);background-color:#000;height:140px;position:relative;overflow:hidden}.image-editor-img{object-fit:cover;width:100%;height:100%}.image-editor-demo-tag{color:var(--editor-gold);font-family:var(--editor-font-pixel);background-color:#000000b3;padding:2px 4px;font-size:7px;position:absolute;bottom:4px;left:4px}.image-editor-fields{flex-direction:column;gap:8px;display:flex}.image-usage-box{color:var(--editor-lavender);flex-direction:column;gap:2px;margin-top:4px;font-size:13px;display:flex}.image-usage-list{margin:0;padding-left:10px;list-style:none}.image-usage-item{color:var(--editor-mint);font-size:12px}.live-preview-overlay{z-index:500;background-color:#000;flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.live-preview-bar{background-color:var(--editor-surface);border-bottom:2px solid var(--editor-panel-border);z-index:10;justify-content:space-between;align-items:center;padding:8px 16px;display:flex}.preview-bar-left{align-items:center;gap:12px;display:flex}.preview-badge{font-family:var(--editor-font-pixel);color:var(--editor-gold);font-size:10px}.preview-screen-indicator{color:var(--editor-lavender);font-size:15px}.preview-bar-center{align-items:center;gap:6px;display:flex}.preview-btn{font-family:var(--editor-font-pixel);background-color:var(--editor-surface-light);color:var(--editor-cream);border:1px solid var(--editor-panel-border);cursor:pointer;padding:5px 8px;font-size:9px}.preview-btn:hover:not(:disabled){background-color:var(--editor-gold);color:#000}.preview-btn:disabled{opacity:.3}.preview-divider{background-color:var(--editor-panel-border);width:1px;height:18px;margin:0 4px}.device-switchers{gap:4px;display:flex}.device-btn{font-family:var(--editor-font-pixel);background-color:var(--editor-bg);color:var(--editor-lavender);border:1px solid var(--editor-panel-border);cursor:pointer;padding:5px 8px;font-size:8px}.device-btn--active{background-color:var(--editor-gold);color:#000;border-color:var(--editor-gold)}.live-preview-viewport{background-color:#05050d;flex:1;justify-content:center;align-items:center;padding:12px;display:flex;position:relative;overflow:auto}.preview-frame{flex-direction:column;height:100%;transition:width .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 0 30px #000c}.preview-frame--desktop{width:100%;max-width:100%}.preview-frame--tablet{border:8px solid #232047;border-radius:8px;width:768px}.preview-frame--mobile{border:8px solid #232047;border-radius:12px;width:375px}.embedded-preview-container{width:100%;height:100%;position:relative}@media (width<=900px){.editor-workspace-body{grid-template-columns:220px 1fr 280px}}@media (width<=768px){.editor-mobile-tabs{display:flex}.editor-workspace-body{flex-direction:column;display:flex;position:relative}.editor-column{border-right:none;flex:1;display:none}.editor-column--mobile-active{display:flex}.editor-bottom-shelf{display:none}.editor-bottom-shelf--mobile-active{border-top:none;height:100%;display:flex}.editor-top-toolbar{padding:6px 10px}.brand-subtitle{display:none}.preview-frame--tablet{width:100%}.properties-grid{grid-template-columns:repeat(2,1fr)}}.toolbar-action-btn--publish{background-color:var(--editor-gold);color:#121024;border-color:#ffe066;font-weight:700}.toolbar-action-btn--publish:hover{background-color:#ffe066;box-shadow:0 0 10px #ffd16680}.toolbar-action-btn--published{color:#0d2818;background-color:#06d6a0;border-color:#2ec4b6}.pixel-dialog--publish{width:95%;max-width:580px}.publish-live-banner{background-color:#06d6a01f;border:2px solid #06d6a0;flex-direction:column;gap:10px;margin-bottom:16px;padding:14px;display:flex}.publish-live-badge{font-family:var(--editor-font-pixel);color:#06d6a0;align-items:center;gap:8px;font-size:10px;font-weight:700;display:flex}.live-pulse-dot{background-color:#06d6a0;border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite pulseDot;box-shadow:0 0 8px #06d6a0}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.4)}}.publish-url-box{border:1px solid var(--editor-panel-border);background-color:#121024;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;display:flex}.publish-url-text{color:var(--editor-gold);word-break:break-all;font-family:monospace;font-size:13px}.publish-live-actions{justify-content:flex-end;gap:10px;display:flex}.publish-checklist{background-color:var(--editor-surface-light);border:1px solid var(--editor-panel-border);margin-bottom:14px;padding:12px}.checklist-title{font-family:var(--editor-font-pixel);color:var(--editor-lavender);margin-bottom:8px;font-size:9px;display:block}.checklist-items{flex-direction:column;gap:6px;display:flex}.checklist-item{align-items:center;gap:8px;font-size:14px;display:flex}.checklist-item--pass{color:#06d6a0}.checklist-item--fail{color:#ef476f}.checklist-item--neutral{color:#a49fc5}.publish-errors-box{color:#ef476f;background-color:#ef476f26;border:1px solid #ef476f;margin-top:10px;padding:8px 12px;font-size:13px}.publish-errors-box ul{margin:4px 0 0 18px;padding:0}.publish-progress-box{background-color:var(--editor-surface-light);border:1px solid var(--editor-panel-border);align-items:center;gap:10px;margin-bottom:14px;padding:12px;display:flex}.publish-progress-box .pixel-loading-spinner{border:2px solid var(--editor-gold);border-top-color:#0000;border-radius:50%;width:14px;height:14px;animation:.8s linear infinite spin}.publish-progress-box .progress-text{color:var(--editor-cream);font-size:13px}.publish-error-banner{color:#ef476f;background-color:#ef476f26;border:1px solid #ef476f;margin-bottom:14px;padding:10px;font-size:13px}.publish-notes-text{color:#a49fc5;margin-top:10px;font-size:13px;line-height:1.5}.music-editor-panel{flex-direction:column;gap:10px;display:flex}.music-editor-header{justify-content:space-between;align-items:center;display:flex}.music-editor-title{font-family:var(--editor-font-pixel);color:var(--editor-gold);font-size:9px}.music-editor-desc{color:#a49fc5;margin:0;font-size:13px;line-height:1.4}.music-upload-error{color:#ef476f;background-color:#ef476f26;border:1px solid #ef476f;padding:8px 10px;font-size:12px}.music-dropzone{border:2px dashed var(--editor-panel-border);cursor:pointer;background-color:#12102480;flex-direction:column;align-items:center;gap:6px;padding:24px 16px;transition:all .2s;display:flex}.music-dropzone:hover,.music-dropzone--active{border-color:var(--editor-gold);background-color:#ffd1660d}.music-dropzone-icon{color:var(--editor-gold);font-size:24px}.music-dropzone-prompt{font-family:var(--editor-font-pixel);color:var(--editor-cream);font-size:9px}.music-dropzone-sub{color:#7973a8;font-size:12px}.music-configured-card{background-color:var(--editor-surface-light);border:1px solid var(--editor-panel-border);flex-direction:column;gap:12px;padding:12px;display:flex}.music-card-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.music-info-badge{align-items:center;gap:10px;display:flex}.music-note-icon{color:var(--editor-gold);font-size:20px}.music-meta-group{flex-direction:column;display:flex}.music-track-title{color:var(--editor-cream);font-size:14px;font-weight:700}.music-track-artist{color:var(--editor-lavender);font-size:12px}.music-card-actions{gap:8px;display:flex}.music-settings-grid{border-top:1px solid var(--editor-panel-border);flex-direction:column;gap:10px;padding-top:10px;display:flex}.volume-label-row{justify-content:space-between;align-items:center;display:flex}.volume-value-text{font-size:12px;font-family:var(--editor-font-pixel);color:var(--editor-gold)}.music-toggles-row{flex-direction:column;gap:6px;margin-top:4px;display:flex}.pixel-checkbox-label{color:var(--editor-cream);cursor:pointer;align-items:center;gap:8px;font-size:13px;display:flex}