@font-face{font-family:"72";font-weight:300;font-display:swap;src:url(/assets/fonts/72-light.woff2) format("woff2")}@font-face{font-family:"72";font-weight:400;font-display:swap;src:url(/assets/fonts/72-regular.woff2) format("woff2")}@font-face{font-family:"72";font-weight:600;font-display:swap;src:url(/assets/fonts/72-semibold.woff2) format("woff2")}@font-face{font-family:"72";font-weight:700;font-display:swap;src:url(/assets/fonts/72-bold.woff2) format("woff2")}:root{--stage-w:2160px;--stage-h:3840px;--sage-900:#2D4A3E;--sage-700:#3D6B5A;--sage-500:#7A9A8A;--sage-300:#A8C4B8;--sage-100:#D4E4DC;--gold-500:#C4AF7E;--gold-700:#7E6A3E;--canvas:#F6F5F2;--surface:#FFFFFF;--tile:#EEECE7;--modal-surface:#D2E3D8;--modal-inset:#C2D6C9;--backdrop-top:#F8F7F4;--backdrop-bottom:#E9E6E0;--ink:#1A1A1A;--ink-muted:#5B6B63;--primary:#3D6B5A;--on-primary:#FFFFFF;--accent-gold:#7E6A3E;--focus-ring:#3D6B5A;--success:#2D7A4F;--warning:#B7791F;--font-brand:"72",Arial,Helvetica,sans-serif;--ease:cubic-bezier(.22,1,.36,1);--shadow-chip:0 32px 72px -40px rgba(45,74,62,.45);--shadow-soft:0 72px 160px -72px rgba(45,74,62,.5);--pad:128px;--radius-sm:32px;--radius-md:56px;--radius-pill:999px;--touch-min:160px;--band-top:1760px;--band-mid:2080px;--band-bottom:2400px;--dead-zone-top:3440px}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#0d0f0e}body{font-family:var(--font-brand);color:var(--ink);-webkit-font-smoothing:antialiased;touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none}button{font:inherit;color:inherit;border:none;background:none;cursor:pointer}img,video{display:block}#viewport{position:fixed;inset:0;overflow:hidden}#stage{position:absolute;left:50%;top:50%;width:var(--stage-w);height:var(--stage-h);transform-origin:center center;overflow:hidden;background:linear-gradient(180deg,var(--backdrop-top),var(--backdrop-bottom))}#screen{position:absolute;inset:0}.chrome{position:absolute;left:var(--pad);right:var(--pad);top:120px;z-index:50;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.chrome .logo{height:96px;pointer-events:auto}.chrome .acct{pointer-events:auto}#stage.no-chrome .chrome{display:none}.acct{display:flex;align-items:center;gap:28px;height:136px;padding:0 48px 0 16px;border-radius:var(--radius-pill);background:var(--surface);box-shadow:var(--shadow-chip)}.acct .av{width:104px;height:104px;border-radius:50%;display:grid;place-items:center;background:var(--sage-100);color:var(--primary);font-size:44px;font-weight:700}.acct b{display:block;font-size:40px}.acct .st{display:block;font-size:30px;color:var(--ink-muted)}.display{font-size:208px;font-weight:700;letter-spacing:-.01em;line-height:1}.h1{font-size:144px;font-weight:700;letter-spacing:-.01em;line-height:1.02}.h2{font-size:96px;font-weight:700;line-height:1.05}.eyebrow{font-size:52px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-gold)}.lead{font-size:56px;color:var(--ink-muted);line-height:1.35}.muted{color:var(--ink-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:var(--touch-min);padding:0 80px;border-radius:var(--radius-pill);font-size:52px;font-weight:700;background:var(--surface);color:var(--ink);box-shadow:var(--shadow-chip);transition:transform .15s var(--ease)}.btn:active{transform:scale(.97)}.btn[disabled]{opacity:.4;pointer-events:none}.btn.pri{background:var(--primary);color:var(--on-primary)}.btn.ghost{background:transparent;box-shadow:inset 0 0 0 4px #2d4a3e40}.btn.block{width:100%}.btn:focus-visible,.chip:focus-visible,.card:focus-visible{outline:8px solid var(--focus-ring);outline-offset:8px}.chip{display:inline-flex;align-items:center;height:168px;padding:0 68px;border-radius:var(--radius-pill);background:var(--surface);box-shadow:var(--shadow-chip);font-size:50px;font-weight:600}.chip.on{background:var(--sage-100);box-shadow:inset 0 0 0 6px var(--primary)}.backlink{position:absolute;left:var(--pad);top:300px;z-index:40;display:inline-flex;align-items:center;gap:20px;height:136px;padding:0 48px 0 36px;border-radius:var(--radius-pill);background:var(--surface);box-shadow:var(--shadow-chip);font-size:44px;font-weight:600;color:var(--ink-muted)}.backlink svg{width:56px;height:56px}.screen{position:absolute;inset:0}.hero{position:absolute;left:var(--pad);right:var(--pad);top:520px;height:calc(var(--band-top) - 600px);display:flex;flex-direction:column;justify-content:flex-end;gap:48px}.deck{position:absolute;left:var(--pad);right:var(--pad);top:var(--band-top);min-height:calc(var(--band-bottom) - var(--band-top));display:flex;flex-direction:column;gap:48px}.deck .row{display:flex;flex-wrap:wrap;gap:32px}.stub{display:inline-flex;align-items:center;gap:20px;font-size:40px;font-weight:600;color:var(--ink-muted)}.stub:before{content:"";width:24px;height:24px;border-radius:50%;background:var(--gold-500)}.notice{padding:48px 56px;border-radius:var(--radius-md);background:var(--tile);font-size:44px;color:var(--ink-muted);line-height:1.4}.notice.warn{background:#f3e7cf;color:var(--gold-700)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}#stage.show-band:after{content:"";position:absolute;left:0;right:0;top:var(--band-top);height:calc(var(--band-bottom) - var(--band-top));background:#3d6b5a14;border-block:4px dashed rgba(61,107,90,.5);pointer-events:none;z-index:999}.screen{animation:screen-in .6s var(--ease) both}@keyframes screen-in{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}.scene-pick:empty{display:none}.scene-pick{display:flex;gap:48px;align-items:center;padding:36px;border-radius:var(--radius-md);background:#ffffffdb;box-shadow:var(--shadow-soft);backdrop-filter:blur(12px);max-width:1500px}.scene-pick .ph{flex:none;width:300px;height:360px;border-radius:var(--radius-sm);background:#fff;overflow:hidden}.scene-pick .ph img{width:100%;height:100%;object-fit:contain}.scene-pick .tx{display:flex;flex-direction:column;gap:16px;align-items:flex-start;min-width:0}.scene-pick .k{font-size:34px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-gold)}.scene-pick .nm{font-size:56px;font-weight:700;line-height:1.1}.scene-pick .pr{font-size:44px;color:var(--ink-muted)}.scene-pick .btn{margin-top:12px;min-height:136px;padding:0 64px;font-size:46px}.mag-step{position:absolute;inset:0;display:none}.mag-step.on{display:block}.mag-tags{display:flex;flex-wrap:wrap;gap:24px}.mag-tag{height:128px;padding:0 52px;border-radius:var(--radius-pill);background:var(--surface);box-shadow:var(--shadow-chip);font-size:44px;font-weight:600;border:6px solid transparent;transition:transform .12s var(--ease),background .15s var(--ease)}.mag-tag:active{transform:scale(.96)}.mag-tag.on{background:var(--sage-100);border-color:var(--primary);color:var(--sage-900)}.mag-tag[disabled]{opacity:.4}.mag-frame{position:absolute;left:50%;top:330px;width:1260px;height:1680px;transform:translate(-50%);border-radius:72px;overflow:hidden;background:radial-gradient(90% 70% at 50% 40%,#fbfaf8,#e6e3dd);box-shadow:var(--shadow-soft)}.mag-frame video,.mag-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.mag-frame video{transform:scaleX(-1)}.mag-frame .guide{position:absolute;inset:60px;border-radius:48px;box-shadow:inset 0 0 0 4px #ffffffb3;pointer-events:none}.mag-frame .live{position:absolute;top:56px;left:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:20px;height:96px;padding:0 44px;border-radius:var(--radius-pill);background:#1a1a1a99;color:#fff;font-size:36px;font-weight:700;letter-spacing:.12em}.mag-frame .live i{width:24px;height:24px;border-radius:50%;background:#e4002b;animation:mag-pulse 1.6s var(--ease) infinite}@keyframes mag-pulse{50%{opacity:.35}}.mag-frame .empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:40px;padding:120px;text-align:center;font-size:52px;color:var(--ink-muted);line-height:1.35}.mag-frame .empty b{font-size:72px;color:var(--ink)}.mag-count{position:absolute;inset:0;display:none;align-items:center;justify-content:center;background:#f6f5f240}.mag-count.on{display:flex}.mag-count span{font-size:720px;font-weight:700;color:#fff;text-shadow:0 20px 80px rgba(45,74,62,.5);animation:mag-pop .9s var(--ease)}@keyframes mag-pop{0%{transform:scale(.6);opacity:0}30%{opacity:1}to{transform:scale(1.1);opacity:.2}}.mag-flash{position:absolute;inset:0;background:#fff;opacity:0;pointer-events:none}.mag-flash.on{animation:mag-flash .4s var(--ease)}@keyframes mag-flash{20%{opacity:1}to{opacity:0}}.mag-deck{position:absolute;left:var(--pad);right:var(--pad);top:2080px;display:flex;flex-direction:column;gap:36px}.mag-deck .row{display:flex;gap:32px}.mag-deck .row .btn{flex:1}.mag-deck .hint{font-size:42px;color:var(--ink-muted);text-align:center}.mag-gen img{filter:blur(18px) saturate(.8);transform:scale(1.08)}.mag-gen .shimmer{position:absolute;inset:0;background:linear-gradient(110deg,#fff0 30%,#ffffff8c,#fff0 70%);background-size:250% 100%;animation:mag-shim 2.2s linear infinite}@keyframes mag-shim{0%{background-position:120% 0}to{background-position:-120% 0}}.mag-gen .msg{position:absolute;left:80px;right:80px;bottom:120px;text-align:center;font-size:60px;font-weight:700;color:var(--ink);text-shadow:0 2px 20px rgba(255,255,255,.8)}.mag-progress{height:16px;border-radius:999px;background:#2d4a3e24;overflow:hidden}.mag-progress i{display:block;height:100%;width:0;border-radius:inherit;background:var(--primary);transition:width .8s linear}.mag-cover{position:absolute;left:50%;top:330px;width:1260px;height:1680px;transform:translate(-50%) scale(.85);opacity:0;border-radius:40px;overflow:hidden;box-shadow:var(--shadow-soft);transition:transform 1s var(--ease),opacity .8s var(--ease)}.mag-cover.on{transform:translate(-50%);opacity:1}.mag-cover img{width:100%;height:100%;object-fit:cover}.mag-share{display:flex;align-items:center;gap:56px;padding:44px;border-radius:var(--radius-md);background:var(--modal-surface);box-shadow:var(--shadow-chip)}.mag-share canvas{flex:none;width:360px;height:360px;border-radius:32px;background:#fff}.mag-share .t .h{font-size:60px;font-weight:700}.mag-share .t .s{font-size:42px;color:var(--ink-muted);margin-top:16px;line-height:1.35}.mag-ai{font-size:34px;color:var(--ink-muted);text-align:center}.to-plate{position:absolute;inset:0;background:center/cover no-repeat;opacity:.38;-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 40%,transparent 78%);mask-image:linear-gradient(180deg,#000 0%,#000 40%,transparent 78%);transition:background-image .4s var(--ease)}.to-plate.studio{background:radial-gradient(80% 50% at 50% 20%,var(--sage-100),transparent)}.to-head{position:absolute;left:var(--pad);right:var(--pad);top:470px}.to-head .h1{margin-top:28px}.to-head .lead{margin-top:28px;max-width:1700px}.to-product{position:absolute;left:var(--pad);right:var(--pad);top:1020px;display:flex;gap:64px;align-items:center;padding:48px;border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-soft)}.to-product .ph{flex:none;width:420px;height:520px;border-radius:var(--radius-sm);background:#fff;overflow:hidden}.to-product .ph img{width:100%;height:100%;object-fit:contain}.to-product .tx{display:flex;flex-direction:column;gap:24px;min-width:0}.to-product .eyebrow{font-size:40px}.to-product .nm{font-size:76px;font-weight:700;line-height:1.08}.to-product .meta{font-size:48px;color:var(--ink-muted)}.to-scenes{position:absolute;left:var(--pad);right:var(--pad);top:1720px}.to-scenes .gl,.to-sizes .gl{font-size:40px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-muted);margin-bottom:28px}.to-foot{position:absolute;left:var(--pad);right:var(--pad);top:2240px;display:flex;flex-direction:column;gap:28px}.to-foot .hint{font-size:42px;color:var(--ink-muted);text-align:center}.to-deck{gap:32px}.to-sizes .mag-tags{gap:20px}.to-sizes .mag-tag{min-width:160px;height:120px;padding:0 40px}.to-sizes .mag-tag.oos{opacity:.55;border-style:dashed;border-color:#2d4a3e4d}.to-sizes .mag-tag.oos.on{opacity:1;border-color:var(--primary)}.to-status{min-height:56px;font-size:44px;color:var(--ink-muted);text-align:center;display:flex;justify-content:center;align-items:center;gap:24px}.to-link{font-weight:700;color:var(--primary);text-decoration:underline;text-underline-offset:8px}.acc-head{position:absolute;left:var(--pad);right:var(--pad);top:470px}.acc-head .h1{margin-top:28px}.acc-head .lead{margin-top:24px}.acc-body{position:absolute;left:var(--pad);right:var(--pad);top:900px;bottom:1360px;overflow-y:auto;display:flex;flex-direction:column;gap:72px;padding-bottom:40px}.acc-h{font-size:44px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-muted);margin-bottom:32px}.acc-h span{letter-spacing:.04em}.acc-list{display:flex;flex-direction:column;gap:28px}.acc-line{display:flex;align-items:center;gap:40px;padding:28px 40px 28px 28px;border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-chip);transition:opacity .2s}.acc-line .acc-open{flex:1;display:flex;align-items:center;gap:40px;text-align:left;min-width:0}.acc-line .ph{flex:none;width:200px;height:200px}.acc-line .tx{min-width:0;display:flex;flex-direction:column;gap:12px}.acc-line .nm{font-size:48px;font-weight:700;line-height:1.12}.acc-line .mt,.acc-fav .mt{font-size:38px;color:var(--ink-muted)}.acc-line .err{font-size:34px;color:var(--gold-700)}.acc-line .err:empty{display:none}.acc-line .ph,.acc-fav .ph{border-radius:var(--radius-sm);background:#fff;overflow:hidden}.acc-line .ph img,.acc-fav .ph img{width:100%;height:100%;object-fit:contain}.acc-qty{display:flex;align-items:center;gap:8px;padding:8px;border-radius:var(--radius-pill);background:var(--tile)}.acc-qty button{width:120px;height:120px;border-radius:50%;background:var(--surface);font-size:60px;font-weight:700;box-shadow:var(--shadow-chip)}.acc-qty button[disabled]{opacity:.35}.acc-qty .q{min-width:80px;text-align:center;font-size:52px;font-weight:700}.acc-remove{height:120px;padding:0 44px;border-radius:var(--radius-pill);font-size:40px;font-weight:600;color:var(--ink-muted);box-shadow:inset 0 0 0 4px #2d4a3e33}.acc-favs{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}.acc-fav{display:flex;flex-direction:column;gap:20px;padding:32px;border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-chip);transition:opacity .2s}.acc-fav .acc-open{display:flex;flex-direction:column;gap:16px;text-align:left}.acc-fav .ph{width:100%;aspect-ratio:1}.acc-fav .nm{font-size:36px;font-weight:700;line-height:1.15;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.acc-fav .acc-remove{align-self:flex-start;height:104px;font-size:36px}.busy{opacity:.45;pointer-events:none}.acc-deck{position:absolute;left:var(--pad);right:var(--pad);top:2520px;display:flex;flex-direction:column;gap:28px}.acc-deck .row{display:flex;gap:32px}.acc-deck .row .btn{flex:1}.acc-deck .hint{font-size:40px;color:var(--ink-muted);text-align:center}.mag-head{position:absolute;left:var(--pad);right:var(--pad);top:470px}.mag-head .h1,.mag-head .lead{margin-top:28px}.mag-groups{position:absolute;left:var(--pad);right:var(--pad);top:1040px;display:flex;flex-direction:column;gap:64px}.mag-group .gl{font-size:40px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-muted);margin-bottom:28px}.mag-group .gl span{letter-spacing:.04em;text-transform:none;font-weight:600;opacity:.8}.mag-foot{position:absolute;left:var(--pad);right:var(--pad);top:2480px;display:flex;flex-direction:column;gap:28px}.mag-foot .hint{font-size:42px;color:var(--ink-muted);text-align:center}