*{box-sizing:border-box}body{margin:0;background:#151515;color:#eee;font-family:'Segoe UI','Myanmar Text',sans-serif}button,input,select{font:inherit}button,a,summary,.upload{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #e4c498;outline-offset:3px}.workspace{max-width:1440px;margin:auto;display:grid;grid-template-columns:400px 1fr;min-height:100vh}.controls{padding:28px 30px;border-right:1px solid #ffffff14}.brand{display:flex;align-items:center;gap:10px;font-size:12px;letter-spacing:2px;font-weight:700}.brand-icon{background:#d8c2a1;color:#302517;width:28px;height:28px;display:grid;place-items:center;border-radius:6px;font-size:22px}.version{margin-left:auto;color:#c9aa85;font-size:10px;border:1px solid #ffffff24;border-radius:20px;padding:4px 9px}.intro{margin:26px 0 22px}.eyebrow{font-size:9px;letter-spacing:1.4px;color:#bfa586}.intro h1{font-size:24px;line-height:1.8;margin:11px 0;font-weight:500}.intro em{font-style:normal;color:#e4c498}.intro p,.helper{color:#aaa39b;font-size:12px;line-height:1.9;margin:8px 0 13px}.section-heading{display:flex;align-items:center;gap:10px;margin:23px 0 14px}.section-heading>span:first-child{font-size:10px;color:#bfa586;border:1px solid #ffffff20;padding:3px 5px;border-radius:4px}.section-heading h2{font-size:14px;font-weight:500;margin:0}.pill{color:#e4c498;font-size:8px;margin-left:auto;background:#e4c49815;border-radius:3px;padding:4px 7px;letter-spacing:1px}label{display:block;font-size:11px;color:#c2b9af;margin:11px 0 6px}input,select{width:100%;background:#22211f;color:#f3ede6;border:1px solid #ffffff20;padding:9px 11px;border-radius:6px;min-height:41px;font-size:13px;outline:none}input:focus,select:focus{border-color:#e4c498}input[readonly]{font-size:10px;color:#aaa39b;margin-top:9px;min-height:34px}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.upload{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:12px 10px;border:1px dashed #ffffff2a;border-radius:6px;margin:14px 0;color:#bfb1a0;font-size:11px}.upload span:last-child{font-size:9px;max-width:115px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#8f8275}button{width:100%;border-radius:6px;padding:11px 12px;border:0;font-size:12px;display:flex;justify-content:center;gap:16px;align-items:center;transition:filter .2s}button:hover{filter:brightness(1.15)}button:disabled{opacity:.45;cursor:not-allowed}.primary{color:#302517;background:#e4c498;font-weight:600;justify-content:space-between}.secondary{background:#2a2620;border:1px solid #ffffff20;color:#e0d2c1}#previewButton{margin-top:9px;background:transparent}.connection{display:flex;align-items:center;gap:8px;font-size:10px;color:#b7aa99;margin:11px 0}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#d2aa71;flex-shrink:0}.dot.connected{background:#b9e294;box-shadow:0 0 8px #b1ec6b50}details{margin-top:16px;font-size:11px;border-block:1px solid #ffffff15;padding:12px 0;color:#bfb1a0}details[open] summary{margin-bottom:16px}details label{font-size:10px}a{color:#e4c498}footer{font-size:8px;color:#8f8275;line-height:1.9;margin-top:20px}footer span{margin:0 5px}.notice{font-size:11px;line-height:1.8;color:#e4c498;margin-top:10px;min-height:10px}.preview{padding:24px 30px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0c0c0c;position:sticky;top:0;height:100svh;min-width:0}.preview-label{display:flex;justify-content:space-between;width:100%;max-width:480px;font-size:8px;letter-spacing:1.3px;color:#a49b8f;margin-bottom:14px}.preview-label span:last-child{font-size:8px;color:#756f66}.stage-wrap{width:min(100%,480px,calc((100svh - 105px)*.5625));aspect-ratio:9/16;position:relative;box-shadow:0 12px 60px #0009;overflow:hidden;background:#000;flex-shrink:0}.stage{width:720px;height:1280px;position:absolute;transform-origin:top left;overflow:hidden;background:#000;color:#161810;padding:0;isolation:isolate}.scene-backdrop{position:absolute;inset:0;width:720px;height:1280px;object-fit:fill;z-index:0;user-select:none}.effect-definitions{position:absolute;width:0;height:0;overflow:hidden}.fire-motion{position:absolute;top:810px;left:0;width:720px;height:470px;overflow:hidden;z-index:1;mask-image:linear-gradient(#000 0%,#000 45%,transparent 85%);pointer-events:none}.fire-motion img{position:absolute;left:0;top:-810px;width:720px;height:1280px;filter:url(#fire-shimmer);animation:firelight 1.6s ease-in-out infinite alternate}.embers{position:absolute;left:70px;top:810px;right:70px;bottom:0;overflow:hidden;z-index:2;pointer-events:none}.embers i{position:absolute;width:3px;height:5px;background:#ffb34c;border-radius:100%;box-shadow:0 0 7px #ff5b00;bottom:75px;opacity:0;animation:ember 5s linear infinite}.paper-history{position:absolute;top:388px;left:226px;width:222px;height:205px;border:2px solid #383729;z-index:3;transform:perspective(750px) rotateX(5deg) rotate(-.3deg);text-align:center;mix-blend-mode:multiply}.paper-history[hidden]{display:none}.paper-history img{display:block;width:157px;height:150px;object-fit:cover;border-radius:50%;border:1px solid #4c4a38;margin:10px auto 5px;filter:saturate(.8) sepia(.12)}.paper-history div{font-size:16px;line-height:1.8;font-weight:750;font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:202px;margin:auto}.print-area{position:absolute;top:150px;left:226px;width:222px;height:205px;z-index:3;transform:perspective(750px) rotateX(4deg) rotate(-.4deg);mix-blend-mode:multiply}.print-content{width:100%;height:100%;text-align:center;border:2px solid #383729;clip-path:inset(0 0 100% 0);overflow:hidden}.portrait-border{margin:10px auto 4px;width:157px;height:150px}.portrait-border img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%;border:1px solid #444632;filter:saturate(.8) sepia(.12)}.printed-name{display:flex;justify-content:center;align-items:center;gap:4px;padding:0 7px}.printed-name h3{font-size:16px;font-weight:750;font-style:italic;line-height:1.9;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.printed-name>span{font-size:12px;color:#ab6d62}.paper-window{position:absolute;top:0;left:0;width:720px;height:809px;overflow:hidden;z-index:3;clip-path:polygon(15.5% 8.5%,84% 8.5%,95% 100%,4.7% 100%)}.paper-motion{position:absolute;inset:0;will-change:transform}.roll-prints{position:absolute;top:626px;left:226px;width:222px;height:205px;mix-blend-mode:multiply}.memory-card{border:2px solid #383729;width:222px;height:205px;display:flex;flex-direction:column;align-items:center;padding:10px}.memory-card img{width:157px;height:150px;border-radius:50%;object-fit:cover;filter:saturate(.8) sepia(.12)}.memory-card span{font-size:16px;line-height:1.8;white-space:nowrap;max-width:202px;overflow:hidden;text-overflow:ellipsis;font-weight:750;font-style:italic}.gantry{position:absolute;left:0;right:0;height:72px;top:455px;z-index:5;filter:drop-shadow(0 5px 3px #0005)}.gantry-bar{position:absolute;left:0;right:0;top:24px;height:16px;border-top:1px solid #c9d0c0;border-bottom:1px solid #353b30;background:linear-gradient(#535d4d 0%,#c1cab3 18%,#a9b49d 34%,#535f4c 46%,#3b4434 70%,#88957d 100%);box-shadow:0 4px 5px #0005}.carriage{position:absolute;left:242px;top:0;width:76px;height:66px;background:linear-gradient(100deg,#2a3932,#83958a 50%,#34423b 85%);border:2px solid #233229;border-radius:4px 4px 10px 10px;box-shadow:3px 4px 3px #0005}.carriage:after{content:'';position:absolute;left:4px;right:4px;bottom:6px;height:8px;background:linear-gradient(#bac5b8,#283c31);border-radius:0 0 4px 4px}.carriage-light{position:absolute;top:5px;left:5px;right:5px;height:39px;background:linear-gradient(#f4f5e8,#d4e2d9);border:1px solid #7a8c7d;box-shadow:0 0 10px #d7fff070}.nozzle{position:absolute;left:28px;bottom:-8px;width:16px;height:13px;background:linear-gradient(90deg,#273e2e,#b3c1a8,#21342b);border-radius:0 0 4px 4px}.print-glow{position:absolute;left:-27px;bottom:-52px;width:130px;height:95px;background:radial-gradient(ellipse,#d2fff775 0%,#9cffe42b 28%,transparent 70%);opacity:.35;mix-blend-mode:screen}.printing .print-glow{opacity:1;animation:printlight .17s infinite alternate}.gift-alerts{position:absolute;left:23px;top:657px;width:445px;z-index:8;display:flex;flex-direction:column;gap:10px;pointer-events:none}.gift-alert{height:78px;display:flex;align-items:center;gap:10px;animation:alert-in .4s ease-out}.alert-pill{height:76px;display:flex;align-items:center;gap:10px;padding:7px 17px 7px 8px;min-width:280px;max-width:341px;border-radius:48px;background:linear-gradient(90deg,#212121cc,#2b2a2799 70%,#5044363b);color:#fff}.alert-avatar{width:60px;height:60px;border-radius:50%;object-fit:cover;border:1px solid #ffffff30}.alert-person{display:flex;flex-direction:column;min-width:0;max-width:144px;gap:2px}.alert-person strong{font:italic 600 20px Georgia,'Myanmar Text',serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.8}.alert-person small{color:#e4ded6;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.alert-emoji{font-size:51px;margin-left:auto;line-height:1}.alert-count{font:bold italic 48px 'Segoe UI',sans-serif;color:white;text-shadow:1px 3px 3px #0006;white-space:nowrap}.demo-badge{position:absolute;left:12px;bottom:12px;font:10px 'Segoe UI',sans-serif;letter-spacing:1.6px;background:#0009;color:#fff9;padding:5px 8px;border-radius:4px;z-index:9}.scene-diagnostics{display:none}.preview-caption{font-size:10px;display:flex;align-items:center;gap:7px;color:#a49b8f;margin-top:14px;max-width:100%;text-align:center}.preview-caption .dot{background:#d6b587}.overlay-only{background:#000;overflow:hidden;width:100vw;height:100vh}.overlay-only .controls,.overlay-only .preview-label,.overlay-only .preview-caption{display:none}.overlay-only .workspace{display:block;max-width:none;min-height:0;width:100%;height:100%}.overlay-only .preview{position:static;display:flex;padding:0;background:#000;height:100%;width:100%;overflow:hidden}.overlay-only .stage-wrap{width:100%;height:100%;aspect-ratio:auto;max-width:none;box-shadow:none}@keyframes firelight{0%,100%{opacity:.85}30%{opacity:1}60%{opacity:.8}}@keyframes printlight{to{opacity:.65}}@keyframes ember{0%{opacity:0;transform:translate(0,0) scale(.5)}10%{opacity:.7}80%{opacity:.25}100%{opacity:0;transform:translate(45px,-380px) scale(.25)}}@keyframes alert-in{from{opacity:0;transform:translateX(-35px)}to{opacity:1;transform:translateX(0)}}@media(max-width:800px){.workspace{grid-template-columns:1fr}.controls{padding:25px 22px;max-width:490px;width:100%;margin:auto;border-right:0}.preview{grid-row:1;position:static;height:auto;padding:20px 16px}.stage-wrap{width:min(100%,390px,calc((100svh - 100px)*.5625))}.preview-label{max-width:390px}.intro{margin-top:22px}.overlay-only .preview{height:100%;padding:0}.overlay-only .stage-wrap{width:100%;height:100%;max-width:none}}@media(prefers-reduced-motion:reduce){.fire-motion,.embers{display:none}}
