:root{font-family:Avenir Next,Segoe UI,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;color:#f5f6fb;background:#08090d;font-synthesis:none;text-rendering:optimizeLegibility;--bg: #08090d;--panel: rgba(13, 15, 22, .9);--panel-solid: #0f1118;--surface: #151821;--surface-hover: #1b1f2a;--border: rgba(228, 232, 255, .11);--border-strong: rgba(228, 232, 255, .2);--text: #f5f6fb;--muted: #a4a9b8;--quiet: #6e7485;--accent: #7787ff;--accent-bright: #98a3ff;--accent-soft: rgba(119, 135, 255, .16);--amber: #f2b66d;--amber-soft: rgba(242, 182, 109, .13);--green: #79d8ad;--red: #ff8b83;--radius: 18px;--radius-control: 11px;--mono: "SFMono-Regular", "Cascadia Code", Consolas, monospace;--ease: cubic-bezier(.16, 1, .3, 1);--strip-space: 142px}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}body{overflow:hidden;background:var(--bg)}button,input,textarea,select{font:inherit}button{color:inherit;-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent-bright);outline-offset:3px}button:disabled{opacity:.46;cursor:not-allowed;transform:none!important}.app-shell{position:relative;width:100%;min-height:100dvh;overflow:hidden;background:var(--bg)}.viewer-layer,.chrome-layer{position:absolute;inset:0}.viewer-layer{z-index:0;isolation:isolate;background:#08090d}.viewer-poster{position:absolute;z-index:0;inset:0;background-position:center;background-size:cover;background-repeat:no-repeat}.viewer-canvas{position:relative;z-index:1;width:100%!important;height:100%!important;display:block}.viewer-canvas.projection-fisheye{border-radius:28%;transform:scale(.93);box-shadow:0 0 0 1px var(--border),0 32px 80px #0000008c}.viewer-canvas.projection-little-planet{border-radius:50%;transform:scale(.82);box-shadow:0 0 0 1px var(--border),0 38px 120px #000000a8}.viewer-hit-area{position:absolute;z-index:3;inset:0;cursor:grab;touch-action:none}.viewer-hit-area:active{cursor:grabbing}.flat-panorama{position:absolute;z-index:0;inset:0;background-color:var(--bg);background-position:center;background-size:contain;background-repeat:no-repeat}.viewer-vignette{position:absolute;z-index:2;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 44%,transparent 42%,rgba(5,6,10,.23) 100%),linear-gradient(180deg,rgba(5,6,10,.26),transparent 18%,transparent 72%,rgba(5,6,10,.46))}.viewer-loading,.viewer-error{position:absolute;z-index:5;inset:0;display:grid;place-content:center;gap:12px;color:var(--muted);font-size:13px;letter-spacing:.02em;background:var(--bg)}.viewer-loading>*{justify-self:center}.viewer-error button{border:1px solid var(--border);background:var(--surface);padding:9px 15px;border-radius:var(--radius-control);cursor:pointer}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.welcome-experience{position:absolute;z-index:10;inset:0;overflow:hidden;color:#fff;isolation:isolate}.welcome-scrim{position:absolute;z-index:-1;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(3,4,8,.82) 0%,rgba(3,4,8,.44) 27%,transparent 58%),linear-gradient(180deg,rgba(3,4,8,.56) 0%,transparent 34%,transparent 64%,rgba(3,4,8,.68) 100%),radial-gradient(circle at 46% 43%,transparent 0%,transparent 34%,rgba(3,4,8,.16) 75%,rgba(3,4,8,.35) 100%)}.welcome-topbar{position:absolute;top:clamp(14px,2.2vw,30px);right:clamp(16px,3vw,48px);left:clamp(16px,3vw,48px);min-height:68px;padding:9px 10px 9px 11px;border:1px solid rgba(225,229,255,.17);border-radius:18px;display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(120deg,#090b11db,#0c0e16b3);box-shadow:inset 0 1px #ffffff17,0 24px 72px #00000047;backdrop-filter:blur(22px) saturate(120%);-webkit-backdrop-filter:blur(22px) saturate(120%)}.welcome-brand{min-width:0;display:flex;align-items:center;gap:12px}.welcome-brand-mark{width:44px;height:44px;display:grid;place-items:center;border:1px solid rgba(190,198,255,.4);border-radius:13px;background:linear-gradient(145deg,#919cff,#5668ee);box-shadow:inset 0 1px #ffffff52,0 16px 42px #3845bb59}.welcome-brand-copy{display:flex;align-items:flex-start;flex-direction:column;gap:4px}.welcome-brand-copy strong{font-size:13px;font-weight:780;line-height:1;letter-spacing:.2em}.welcome-brand-copy small{color:#b6bdff;font:750 8px/1 var(--mono);letter-spacing:.13em}.welcome-top-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.welcome-top-actions button{min-height:46px;padding:0 17px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;gap:9px;white-space:nowrap;font-size:12px;font-weight:700;cursor:pointer;transition:transform .18s var(--ease),border-color .16s ease,background .16s ease,box-shadow .18s ease}.welcome-open-short{display:none}.welcome-story{position:absolute;left:clamp(22px,4.5vw,72px);top:clamp(120px,17vh,188px);width:min(590px,48vw);text-shadow:0 3px 28px rgba(0,0,0,.48)}.welcome-label{display:block;margin-bottom:17px;color:#b8c0ff;font:760 10px/1 var(--mono);letter-spacing:.22em}.welcome-story h1{max-width:9.5ch;margin:0;font-size:clamp(54px,6.4vw,96px);font-weight:610;line-height:.94;letter-spacing:-.06em;text-wrap:balance}.welcome-story>p{max-width:39ch;margin:22px 0 0;color:#eff1fac7;font-size:clamp(14px,1.25vw,18px);line-height:1.55;text-wrap:balance}.welcome-primary{border:1px solid rgba(189,197,255,.48);background:linear-gradient(135deg,#8a96ff,#5869ef);box-shadow:inset 0 1px #ffffff4d,0 18px 44px #3846be59}.welcome-secondary{border:1px solid rgba(236,239,255,.2);background:#0b0d1494}.welcome-top-actions button:hover{transform:translateY(-2px)}.welcome-primary:hover{box-shadow:inset 0 1px #ffffff57,0 22px 56px #3846be7a}.welcome-secondary:hover{border-color:#ecefff57;background:#131620c2}.welcome-top-actions button:active{transform:translateY(1px) scale(.985)}.welcome-worlds{position:absolute;right:clamp(22px,3.4vw,54px);bottom:clamp(62px,7.5vh,88px);width:min(780px,57vw);padding:14px;border:1px solid rgba(217,222,255,.23);border-radius:18px;color:#f8f9ff;background:linear-gradient(145deg,#11141ef0,#090b11db);box-shadow:inset 0 1px #ffffff14,0 28px 86px #0000006b;backdrop-filter:blur(20px) saturate(116%);-webkit-backdrop-filter:blur(20px) saturate(116%)}.welcome-skill{position:relative;margin-bottom:13px;padding:11px;border:1px solid rgba(176,185,255,.26);border-radius:14px;display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:11px;overflow:hidden;background:linear-gradient(105deg,#7787ff2e,#7787ff0e 46%,#ffffff06);box-shadow:inset 0 1px #ffffff17}.welcome-skill:after{position:absolute;top:-56px;left:22%;width:190px;height:110px;border-radius:50%;background:#8492ff1f;filter:blur(36px);content:"";pointer-events:none}.welcome-skill-icon{position:relative;z-index:1;width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(190,198,255,.32);border-radius:12px;color:#c4caff;background:linear-gradient(145deg,#8997ff42,#414eb133);box-shadow:inset 0 1px #ffffff24}.welcome-skill-copy{position:relative;z-index:1;min-width:0;display:flex;flex-direction:column;gap:3px}.welcome-skill-copy small{color:#aeb7ff;font:720 7px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase}.welcome-skill-copy strong{color:#f7f8ff;font-size:12px;font-weight:700}.welcome-skill-copy>span{overflow:hidden;color:#dcdfeca3;font-size:8px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.welcome-skill-actions{position:relative;z-index:1;display:flex;align-items:center;gap:5px}.welcome-skill-actions button{min-height:36px;padding:0 10px;border:1px solid rgba(222,226,255,.15);border-radius:9px;display:inline-flex;align-items:center;justify-content:center;gap:6px;color:#e4e7f7;background:#ffffff0b;font-size:9px;font-weight:680;white-space:nowrap;cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s var(--ease)}.welcome-skill-actions button:hover{border-color:#b8c1ff66;background:#7787ff24;transform:translateY(-1px)}.welcome-skill-actions button:active{transform:translateY(1px) scale(.98)}.welcome-skill-actions button:last-child{border-color:#b8c1ff57;color:#fff;background:linear-gradient(135deg,#8492ffdb,#5365e2db);box-shadow:inset 0 1px #fff3}.welcome-worlds-header{min-height:42px;margin-bottom:11px;display:flex;align-items:center;justify-content:space-between;gap:16px}.welcome-worlds-header>div:first-child{min-width:0;display:flex;align-items:center;gap:10px}.welcome-prompt-icon{flex:0 0 38px;width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(173,182,255,.26);border-radius:12px;color:#afb7ff;background:#7787ff1f}.welcome-worlds-header>div:first-child>span:last-child{min-width:0;display:flex;flex-direction:column;gap:4px}.welcome-worlds-header strong{font-size:13px;font-weight:690}.welcome-worlds-header small{overflow:hidden;color:#dcdfec9e;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.welcome-worlds-actions{flex:0 0 auto;display:flex;align-items:center;gap:6px}.welcome-worlds-actions button{height:36px;padding:0 10px;border:1px solid rgba(222,226,255,.14);border-radius:10px;display:inline-grid;place-items:center;color:#dfe2f5;background:#ffffff0b;font-size:10px;font-weight:650;white-space:nowrap;cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s var(--ease)}.welcome-worlds-actions button:hover{border-color:#aeb8ff6b;background:#7787ff21;transform:translateY(-1px)}.welcome-worlds-actions button:active{transform:translateY(1px) scale(.98)}.welcome-worlds-track{margin:0;padding:0 2px 5px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-color:rgba(152,163,255,.38) transparent;scrollbar-width:thin}.welcome-worlds-marquee{width:max-content;display:flex;animation:welcome-worlds-drift 158s linear infinite;will-change:transform}.welcome-worlds-track.is-paused .welcome-worlds-marquee{animation-play-state:paused}@keyframes welcome-worlds-drift{0%{transform:translateZ(0)}to{transform:translate3d(-50%,0,0)}}.welcome-worlds-list{margin:0;padding:0 9px 0 0;display:flex;gap:9px;list-style:none}.welcome-worlds-list li{width:clamp(190px,17.3vw,238px);min-width:0}.welcome-worlds-track li>button{width:100%;min-width:0;padding:0 9px 9px;border:1px solid rgba(225,229,255,.13);border-radius:13px;display:grid;grid-template-columns:minmax(0,1fr) 16px;align-items:center;gap:7px;overflow:hidden;color:#eef0fb;background:#ffffff09;text-align:left;cursor:pointer;transition:border-color .17s ease,background .17s ease,transform .18s var(--ease),box-shadow .18s ease}.welcome-worlds-track li>button:hover{border-color:#aeb8ff66;background:#7787ff17;transform:translateY(-2px);box-shadow:0 14px 32px #00000042}.welcome-worlds-track li>button:active{transform:translateY(1px) scale(.99)}.welcome-worlds-track img{grid-column:1/-1;width:calc(100% + 18px);height:92px;margin:0 -9px;display:block;object-fit:cover;background:#0a0c12}.welcome-worlds-track li>button span{min-width:0;overflow:hidden;font-size:10px;font-weight:620;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.welcome-worlds-track li>button svg{color:#aeb7ff}.welcome-footer{position:absolute;right:clamp(22px,4.5vw,72px);bottom:clamp(20px,3vw,38px);left:clamp(22px,4.5vw,72px);display:flex;align-items:center;justify-content:space-between;gap:18px;color:#dee1ed99;font-size:10px;letter-spacing:.02em}.welcome-footer strong{color:#f5f6fbd6;font-weight:620}.entry-open .chrome-layer>*,.prompt-lab-open .chrome-layer>*{pointer-events:none}.prompt-lab-layer{position:absolute;z-index:20;inset:0;overflow:hidden;background:var(--bg)}.prompt-lab-loading{width:100%;height:100%;display:grid;place-content:center;justify-items:center;gap:12px;color:var(--muted);font-size:12px;background:radial-gradient(circle at 50% 20%,rgba(119,135,255,.13),transparent 34rem),var(--bg)}.prompt-lab-loading svg{color:var(--accent-bright)}.chrome-layer{z-index:3;pointer-events:none;transition:opacity .14s ease-out}.chrome-layer>*{pointer-events:auto}.chrome-hidden .chrome-layer{pointer-events:none}.glass-panel{background-color:var(--panel);background-image:radial-gradient(circle at 1px 1px,rgba(164,174,255,.055) 1px,transparent 0);background-size:16px 16px;border:1px solid var(--border);box-shadow:inset 0 1px #ffffff0e,0 24px 70px #00000047;backdrop-filter:blur(24px) saturate(118%);-webkit-backdrop-filter:blur(24px) saturate(118%)}.topbar{position:absolute;top:14px;left:14px;right:14px;height:62px;display:grid;grid-template-columns:minmax(240px,1fr) auto minmax(240px,1fr);align-items:center;gap:16px;padding:0 10px 0 12px;border-radius:var(--radius)}.brand-block{display:flex;align-items:center;gap:11px;min-width:0}.source-title-button{width:100%;min-width:0;padding:0;border:0;color:inherit;background:transparent;text-align:left;cursor:pointer}.brand-mark{flex:0 0 38px;width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(152,163,255,.28);border-radius:12px;color:#fff;background:linear-gradient(145deg,#8b98ff,#596af3);box-shadow:inset 0 1px #ffffff4d,0 8px 24px #5363ea40;transition:transform .18s var(--ease),box-shadow .18s ease}.source-title-button:hover .brand-mark{transform:rotate(-4deg) scale(1.04);box-shadow:inset 0 1px #ffffff57,0 10px 30px #5363ea61}.source-title-button:active .brand-mark{transform:rotate(-2deg) scale(.97)}.brand-copy{min-width:0;display:flex;flex-direction:column;gap:3px}.product-wordmark{min-width:0;display:flex;align-items:baseline;gap:7px;line-height:1;white-space:nowrap}.product-wordmark strong{color:var(--text);font-size:11px;font-weight:760;letter-spacing:.17em}.product-wordmark em{color:var(--accent-bright);font:normal 700 7px var(--mono);letter-spacing:.1em}.brand-copy>.source-name{min-width:0;overflow:hidden;color:var(--muted);font-size:11px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.projection-switcher{display:flex;align-items:center;gap:3px;padding:4px;border:1px solid rgba(255,255,255,.07);border-radius:13px;background:#04050975}.projection-switcher button{height:34px;padding:0 14px;border:0;border-radius:9px;color:var(--quiet);background:transparent;font-size:11px;font-weight:600;cursor:pointer;transition:color .16s ease,background .16s ease,transform .16s var(--ease)}.projection-switcher button:hover{color:var(--text);background:#ffffff0e}.projection-switcher button:active{transform:scale(.97)}.projection-switcher button.is-active{color:#fff;background:#7787ff33;box-shadow:inset 0 0 0 1px #98a3ff42,0 5px 16px #3e4cbf24}.top-actions{min-width:0;display:flex;justify-content:flex-end;align-items:center;gap:8px}.prompt-worlds-button{color:#dfe2ff;border-color:#97a3ff38;background:#7787ff12}.prompt-worlds-button svg{color:var(--accent-bright)}.primary-button,.secondary-button{min-height:38px;padding:0 14px;border:1px solid var(--border);border-radius:var(--radius-control);display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;font-size:12px;font-weight:650;cursor:pointer;transition:background .16s ease,transform .16s var(--ease),border-color .16s ease,box-shadow .16s ease}.primary-button{color:#fff;border-color:#a8b2ff57;background:linear-gradient(135deg,#8391ff,#5869ef);box-shadow:inset 0 1px #ffffff45,0 10px 26px #4554d842}.primary-button:hover{transform:translateY(-1px);box-shadow:inset 0 1px #ffffff52,0 12px 34px #4554d866}.secondary-button{color:var(--text);background:#ffffff0b}.secondary-button:hover{transform:translateY(-1px);border-color:var(--border-strong);background:#ffffff14;box-shadow:0 8px 22px #0000002e}.open-button svg{color:var(--accent-bright)}.primary-button:active,.secondary-button:active{transform:translateY(1px) scale(.985)}.left-rail,.right-rail{position:absolute;top:90px;bottom:152px;overflow:hidden;border-radius:var(--radius)}.left-rail{left:14px;width:294px}.right-rail{right:14px;width:304px;overflow-y:auto;scrollbar-color:var(--border-strong) transparent;scrollbar-width:thin}.rail-reveal{position:absolute;top:50%;width:38px;height:64px;margin-top:-32px;border-radius:12px;display:grid;place-items:center;color:var(--muted);cursor:pointer;transition:color .16s ease,transform .18s var(--ease),border-color .16s ease,box-shadow .16s ease}.rail-reveal:hover{border-color:#98a3ff47;color:var(--accent-bright);transform:translateY(-1px);box-shadow:inset 0 1px #ffffff14,0 12px 34px #00000057}.rail-reveal:after{position:absolute;top:50%;padding:7px 9px;border:1px solid var(--border);border-radius:8px;color:var(--text);background:#0a0c12f0;box-shadow:0 10px 28px #00000057;font:8px var(--mono);white-space:nowrap;opacity:0;pointer-events:none;content:attr(aria-label);transition:opacity .15s ease,transform .18s var(--ease)}.rail-reveal:hover:after,.rail-reveal:focus-visible:after{opacity:1}.rail-reveal.left{left:14px}.rail-reveal.right{right:14px}.rail-reveal.left:after{left:calc(100% + 9px);transform:translate(-4px,-50%)}.rail-reveal.left:hover:after,.rail-reveal.left:focus-visible:after{transform:translateY(-50%)}.rail-reveal.right:after{right:calc(100% + 9px);transform:translate(4px,-50%)}.rail-reveal.right:hover:after,.rail-reveal.right:focus-visible:after{transform:translateY(-50%)}.rail-tabs{height:52px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) 34px;gap:4px;padding:6px;border-bottom:1px solid var(--border)}.rail-tabs button{border:0;border-radius:9px;display:flex;align-items:center;justify-content:center;gap:6px;color:var(--quiet);background:transparent;font-size:10px;font-weight:620;cursor:pointer;transition:color .15s ease,background .15s ease}.rail-tabs button:hover{color:var(--text);background:#ffffff0b}.rail-tabs button.is-active{color:var(--accent-bright);background:var(--accent-soft);box-shadow:inset 0 0 0 1px #7787ff1f}.rail-tabs .rail-close{color:var(--muted);background:#ffffff09}.rail-tabs .rail-close:hover{color:var(--text);background:#ffffff14}.rail-tabs button span{padding:2px 5px;border-radius:5px;color:var(--text);background:#ffffff14;font:8px var(--mono)}.source-library,.shots-panel{position:relative;height:calc(100% - 52px);min-height:0;display:flex;flex-direction:column}.library-heading{flex:0 0 68px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 16px;border-bottom:1px solid var(--border)}.library-heading>div{min-width:0;display:flex;flex-direction:column;gap:5px}.library-heading strong{overflow:hidden;color:var(--text);font-size:13px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.library-heading span{overflow:hidden;color:var(--quiet);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.library-heading>svg{flex:0 0 auto;color:var(--accent-bright)}.source-list{min-height:0;flex:1;overflow-y:auto;padding:8px;scrollbar-color:var(--border-strong) transparent;scrollbar-width:thin}.source-row{position:relative;width:100%;min-width:0;min-height:72px;display:grid;grid-template-columns:84px minmax(0,1fr) 18px;align-items:center;gap:10px;padding:7px;border:1px solid transparent;border-radius:13px;color:var(--text);background:transparent;text-align:left;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .16s var(--ease)}.source-row:hover{background:#ffffff0d}.source-row:active{transform:scale(.99)}.source-row.is-selected{border-color:#7787ff4d;background:linear-gradient(90deg,#7787ff29,#7787ff0e)}.source-row.is-selected:before{position:absolute;top:17px;bottom:17px;left:-1px;width:3px;border-radius:4px;background:var(--accent);content:""}.source-thumb{width:84px;height:56px;border-radius:9px;background-position:center;background-size:cover;box-shadow:inset 0 0 0 1px #ffffff1f}.source-copy{min-width:0;display:flex;flex-direction:column;gap:7px}.source-copy strong{overflow:hidden;font-size:11px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.source-copy small{color:var(--quiet);font:8.5px var(--mono)}.source-valid{color:var(--green)}.source-actions{flex:0 0 auto;display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:10px 10px 7px;border-top:1px solid var(--border)}.source-actions button{min-width:0;min-height:40px;padding:6px;border:1px solid var(--border);border-radius:10px;display:flex;align-items:center;justify-content:center;gap:6px;color:var(--muted);background:#ffffff0a;font-size:9px;font-weight:600;cursor:pointer;transition:color .15s ease,background .15s ease,border-color .15s ease,transform .16s var(--ease),box-shadow .16s ease}.source-actions button svg{color:var(--accent-bright)}.source-actions button:hover{border-color:#7787ff66;color:var(--text);background:var(--accent-soft);transform:translateY(-1px);box-shadow:0 8px 20px #0003}.source-actions button:active{transform:translateY(1px) scale(.98)}.drop-note{flex:0 0 auto;display:flex;align-items:flex-start;gap:8px;margin:0 10px 10px;padding:10px;border:1px dashed rgba(255,255,255,.09);border-radius:10px;color:var(--quiet);background:#ffffff06;font-size:8.5px;line-height:1.5}.drop-note svg{flex:0 0 auto;margin-top:1px;color:var(--accent-bright)}.shot-list{min-height:0;flex:1;display:flex;flex-direction:column;gap:3px;overflow-y:auto;padding:7px;scrollbar-width:thin}.shot-row{position:relative;width:100%;min-height:66px;display:grid;grid-template-columns:22px 64px minmax(0,1fr) auto;align-items:center;gap:8px;padding:6px;border:1px solid transparent;border-radius:12px;color:var(--text);background:transparent;text-align:left;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .15s var(--ease)}.shot-row:hover{background:#ffffff0d}.shot-row:active{transform:scale(.99)}.shot-row.is-selected{border-color:#7787ff4d;background:var(--accent-soft)}.shot-row.is-selected:before{position:absolute;top:16px;bottom:16px;left:-1px;width:3px;border-radius:3px;background:var(--accent);content:""}.shot-index{color:var(--quiet);font:9px var(--mono)}.shot-thumb{width:64px;height:48px;border-radius:8px;background-size:360% auto;background-repeat:no-repeat;box-shadow:inset 0 0 0 1px #ffffff1c}.shot-copy{min-width:0;display:flex;flex-direction:column;gap:6px}.shot-copy strong{overflow:hidden;font-size:10.5px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.shot-copy small{display:flex;align-items:center;gap:5px;color:var(--muted);font:8.5px var(--mono)}.shot-copy small i{width:1px;height:8px;background:var(--border-strong)}.mini-budget{padding:3px 5px;border-radius:5px;color:var(--green);background:#79d8ad1a;font:7px var(--mono)}.mini-budget[data-badge=soft]{color:var(--amber);background:var(--amber-soft)}.mini-budget[data-badge=poor]{color:var(--red);background:#ff8b831f}.add-shot-button{flex:0 0 38px;margin:0 10px 10px;border:1px dashed rgba(119,135,255,.28);border-radius:10px;display:flex;align-items:center;justify-content:center;gap:7px;color:var(--accent-bright);background:#7787ff12;font-size:9.5px;font-weight:620;cursor:pointer}.add-shot-button:hover{border-color:#7787ff85;background:var(--accent-soft)}.empty-shots{min-height:0;flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;padding:24px;color:var(--quiet);text-align:center}.empty-shots svg{margin-bottom:3px;color:var(--accent-bright)}.empty-shots strong{color:var(--muted);font-size:12px;font-weight:620}.empty-shots span{font-size:9px;line-height:1.5}.icon-button{position:relative;width:34px;height:34px;padding:0;border:1px solid transparent;border-radius:10px;display:grid;place-items:center;color:var(--muted);background:transparent;cursor:pointer;transition:color .15s ease,background .15s ease,transform .15s var(--ease),border-color .15s ease,box-shadow .15s ease}.icon-button:hover,.icon-button.is-active{border-color:var(--border);color:var(--text);background:#ffffff12}.icon-button.is-active{border-color:#7787ff4d;color:var(--accent-bright);background:var(--accent-soft);box-shadow:inset 0 0 0 1px #7787ff14}.icon-button:active{transform:scale(.94)}.panel-heading{height:70px;padding:0 13px 0 17px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.panel-heading>div{display:flex;flex-direction:column;gap:5px}.panel-heading h2{margin:0;font-size:14px;line-height:1;font-weight:650}.section-kicker{color:var(--accent-bright);font-size:8px;line-height:1;text-transform:uppercase;letter-spacing:.18em;font-weight:700}.inspector-section{padding:15px 17px;border-bottom:1px solid var(--border)}.focal-hero{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;align-items:center}.focal-hero>span{color:var(--muted);font-size:9px}.focal-hero>div{grid-row:1/3;grid-column:2;display:flex;align-items:baseline;gap:4px}.focal-hero strong{font:400 38px/.95 var(--mono);letter-spacing:-.08em}.focal-hero em{color:var(--muted);font:normal 10px var(--mono)}.focal-hero small{color:var(--quiet);font-size:9px}.lens-slider-row{display:grid;grid-template-columns:28px 1fr 28px;align-items:center;gap:8px;margin-top:16px}.lens-slider-row button{width:28px;height:28px;padding:0;border:1px solid var(--border);border-radius:8px;display:grid;place-items:center;color:var(--muted);background:#ffffff0a;cursor:pointer;transition:color .15s ease,border-color .15s ease,background .15s ease,transform .15s var(--ease)}.lens-slider-row button:hover{border-color:#7787ff5c;color:var(--accent-bright);background:var(--accent-soft)}.lens-slider-row button:active{transform:scale(.93)}input[type=range]{width:100%;accent-color:var(--accent);cursor:ew-resize}.lens-ticks{display:flex;justify-content:space-between;padding:7px 32px 0;color:var(--quiet);font:7px var(--mono)}.camera-coordinates{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;padding:0;background:var(--border)}.camera-coordinates>div{padding:13px 11px;display:flex;flex-direction:column;gap:7px;background:#0c0e14f5}.camera-coordinates span{color:var(--quiet);font-size:8px}.camera-coordinates strong{font:500 10px var(--mono)}.budget-title,.section-title{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:9px}.budget-badge{padding:3px 6px;border-radius:5px;color:var(--green);background:#79d8ad1a;font:7px var(--mono)}.budget-badge[data-badge=soft]{color:var(--amber);background:var(--amber-soft)}.budget-badge[data-badge=poor]{color:var(--red);background:#ff8b831f}.budget-meter{--budget: 50%;height:6px;overflow:hidden;margin:12px 0 13px;border-radius:5px;background:#ffffff13}.budget-meter i{display:block;width:var(--budget);height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),#9ea8ff);transition:width .16s ease}.budget-data{margin:0;display:grid;gap:8px}.budget-data>div{display:flex;justify-content:space-between;align-items:baseline}.budget-data dt{color:var(--quiet);font-size:8.5px}.budget-data dd{margin:0;color:var(--muted);font:8.5px var(--mono)}.polar-warning{margin:10px 0 0;color:var(--amber);font-size:9px;line-height:1.45}.frame-section,.source-details{display:grid;gap:10px}.section-title strong{color:var(--text);font:9px var(--mono)}.frame-specs{display:grid;grid-template-columns:1fr 1fr;gap:7px}.frame-specs div{min-height:34px;display:flex;align-items:center;gap:7px;padding:0 8px;border:1px solid var(--border);border-radius:8px;color:var(--muted);background:#ffffff09;font:8px var(--mono)}.source-details p{margin:0;color:var(--quiet);font:8.5px/1.65 var(--mono)}.projection-inspector{display:grid;gap:11px}.lens-projection-switch{display:grid;grid-template-columns:1fr 1fr;gap:5px}.lens-projection-switch button{min-width:0;min-height:52px;padding:8px 9px;border:1px solid var(--border);border-radius:9px;display:flex;justify-content:center;flex-direction:column;gap:5px;color:var(--muted);background:#ffffff06;text-align:left;cursor:pointer;transition:border-color .15s ease,color .15s ease,background .15s ease,transform .15s var(--ease)}.lens-projection-switch button:hover{border-color:var(--border-strong);background:#ffffff0d}.lens-projection-switch button:active{transform:scale(.98)}.lens-projection-switch button.is-active{border-color:#7787ff6b;color:var(--text);background:var(--accent-soft);box-shadow:inset 0 0 0 1px #7787ff14}.lens-projection-switch strong{font-size:8.5px;font-weight:650}.lens-projection-switch small{color:var(--quiet);font-size:7px}.simple-controls{position:absolute;z-index:5;left:50%;bottom:148px;min-height:50px;max-width:calc(100vw - 32px);transform:translate(-50%);display:flex;align-items:center;gap:3px;padding:7px;border-color:#e4e8ff26;border-radius:16px;box-shadow:inset 0 1px #ffffff13,inset 0 -1px #00000047,0 18px 52px #00000061}.simple-controls .icon-button{flex:0 0 34px;border-color:#ffffff0e;background:#ffffff06}.simple-controls .icon-button:hover{border-color:#98a3ff47;color:var(--accent-bright);background:#7787ff1f;transform:translateY(-1px);box-shadow:inset 0 1px #ffffff14,0 7px 18px #0003}.simple-controls .icon-button:active{transform:translateY(1px) scale(.94)}.simple-controls .icon-button:after{position:absolute;left:50%;bottom:calc(100% + 12px);padding:7px 8px;border:1px solid var(--border);border-radius:8px;color:var(--text);background:#0a0c12f2;box-shadow:0 9px 28px #0000005c;font:8px var(--mono);white-space:nowrap;opacity:0;pointer-events:none;content:attr(aria-label);transform:translate(-50%,4px);transition:opacity .14s ease,transform .17s var(--ease)}.simple-controls .icon-button:hover:after,.simple-controls .icon-button:focus-visible:after{opacity:1;transform:translate(-50%)}.focal-readout{height:34px;min-width:62px;padding:0 9px;border:1px solid rgba(255,255,255,.065);border-radius:9px;color:var(--text);background:#fff1;font:13px var(--mono);cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .15s var(--ease)}.focal-readout:hover{border-color:#98a3ff3d;background:#7787ff1f}.focal-readout:active{transform:scale(.96)}.focal-readout span{margin-left:3px;color:var(--quiet);font-size:7px}.toolbar-rule{width:1px;height:20px;margin:0 4px;background:var(--border)}.capture-control{height:34px;padding:0 7px 0 10px;border:1px solid rgba(168,178,255,.4);border-radius:9px;display:flex;align-items:center;gap:7px;color:#fff;background:linear-gradient(135deg,#7c8bff8f,#4c5bdc6b);box-shadow:inset 0 1px #ffffff2e,0 7px 20px #3644ba2e;font-size:10px;font-weight:700;cursor:pointer;transition:transform .16s var(--ease),background .16s ease,box-shadow .16s ease}.capture-control:hover{background:linear-gradient(135deg,#8997ffb8,#5363eb8f);box-shadow:inset 0 1px #ffffff3d,0 10px 27px #3644ba52;transform:translateY(-1px)}.capture-control:active{transform:translateY(1px) scale(.97)}.capture-control kbd{min-width:20px;height:20px;display:grid;place-items:center;border-radius:6px;color:var(--muted);background:#04050959;font:8px var(--mono)}.strip-rail{position:absolute;left:14px;right:14px;bottom:14px;height:122px;padding:9px;border-radius:var(--radius);border-color:#d5dbff2b;box-shadow:inset 0 1px #ffffff14,0 26px 70px #0006}.strip-rail header{height:25px;display:flex;justify-content:space-between;align-items:flex-start;padding:0 5px}.strip-rail header>div{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:8px;font-weight:620}.strip-rail header strong{color:var(--quiet);font:7px var(--mono);font-weight:400}.strip-meta{gap:14px!important}.maker-credit{color:var(--quiet);font:7px var(--mono);white-space:nowrap}.maker-credit strong{color:var(--muted);font-weight:560}.strip-legend{display:flex;align-items:center;gap:7px!important;font:7px var(--mono)!important}.strip-legend i{width:9px;height:2px;display:inline-block}.anchor-key{background:var(--accent)}.seam-key{background:var(--amber)}.strip-image{position:relative;height:78px;overflow:hidden;border-radius:11px;background-color:#090b10;background-position:50% 50%;background-repeat:no-repeat;background-size:100% auto;box-shadow:inset 0 0 0 1px #ffffff2e,0 8px 24px #00000047;cursor:ew-resize;-webkit-user-select:none;user-select:none;touch-action:none;isolation:isolate}.strip-image:before{position:absolute;z-index:1;inset:0;background:linear-gradient(180deg,rgba(5,7,12,.32),transparent 28%,transparent 68%,rgba(5,7,12,.4)),radial-gradient(ellipse at center,transparent 42%,rgba(4,5,9,.2) 100%);content:"";pointer-events:none}.strip-image:after{position:absolute;z-index:4;inset:0;border:1px solid rgba(203,210,255,.16);border-radius:inherit;box-shadow:inset 0 1px #ffffff14;content:"";pointer-events:none}.strip-image.is-dragging{cursor:grabbing}.strip-grid{position:absolute;z-index:2;inset:0;pointer-events:none;background-image:linear-gradient(90deg,transparent calc(25% - .5px),rgba(255,255,255,.1) 25%,transparent calc(25% + .5px)),linear-gradient(90deg,transparent calc(50% - .5px),rgba(255,255,255,.14) 50%,transparent calc(50% + .5px)),linear-gradient(90deg,transparent calc(75% - .5px),rgba(255,255,255,.1) 75%,transparent calc(75% + .5px))}.strip-footprint{position:absolute;z-index:3;top:5px;bottom:5px;min-width:24px;border:2px solid #aeb7ff;border-radius:3px;background:linear-gradient(180deg,#7787ff1a,#7787ff33);box-shadow:0 0 0 1px #040509d1,inset 0 0 0 1px #ffffff29,0 0 30px #7787ff47;transform:translate(-50%);pointer-events:none}.strip-footprint .grip{position:absolute;top:50%;width:5px;height:18px;margin-top:-9px;border-radius:2px;background:var(--accent-bright);box-shadow:0 0 0 2px #040509b8}.strip-footprint .grip.left{left:-3px}.strip-footprint .grip.right{right:-3px}.anchor-line,.seam-line{position:absolute;z-index:3;top:0;bottom:0;width:1px;pointer-events:none}.anchor-line{left:50%;background:linear-gradient(180deg,#98a3ff33,#98a3ffe0 28% 72%,#98a3ff33)}.seam-line{top:7px;bottom:7px;border-left:1px dashed rgba(242,182,109,.48);width:0}.seam-line.left{left:0}.seam-line.right{right:0}.anchor-line span,.seam-line span{position:absolute;top:5px;left:5px;padding:2px 4px;border:1px solid rgba(255,255,255,.08);border-radius:4px;color:var(--text);background:#05060ac7;font:7px var(--mono)}.seam-line span{color:#ffdcb2cc}.guide-overlay{position:absolute;z-index:2;left:20px;right:20px;top:92px;bottom:calc(var(--strip-space) + 16px);opacity:.62;pointer-events:none}.guide-thirds i{position:absolute;background:#f0f2ff70;box-shadow:0 0 0 .5px #0000004d}.guide-thirds i:nth-child(1),.guide-thirds i:nth-child(2){top:0;bottom:0;width:1px}.guide-thirds i:nth-child(1){left:33.333%}.guide-thirds i:nth-child(2){left:66.666%}.guide-thirds i:nth-child(3),.guide-thirds i:nth-child(4){left:0;right:0;height:1px}.guide-thirds i:nth-child(3){top:33.333%}.guide-thirds i:nth-child(4){top:66.666%}.guide-centre i{position:absolute;background:#f0f2ff80}.guide-centre i:first-child{left:50%;top:calc(50% - 14px);width:1px;height:28px}.guide-centre i:last-child{top:50%;left:calc(50% - 14px);width:28px;height:1px}.guide-safe .safe-action,.guide-safe .safe-title{position:absolute;border:1px solid rgba(240,242,255,.38)}.guide-safe .safe-action{inset:5%}.guide-safe .safe-title{inset:10%;border-style:dashed}.interaction-hint{position:absolute;z-index:4;left:50%;top:50%;transform:translate(-50%,-50%);padding:10px 14px;border-radius:12px;display:flex;align-items:center;gap:9px;color:var(--text);font-size:10px;font-weight:560;pointer-events:none}.interaction-hint i{width:3px;height:3px;border-radius:50%;background:var(--accent-bright)}.drop-overlay{position:absolute;z-index:30;inset:10px;display:grid;place-items:center;border:2px dashed rgba(119,135,255,.72);border-radius:22px;color:var(--text);background:#080a12c7;pointer-events:none;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.drop-overlay>div{width:min(430px,calc(100vw - 52px));min-height:220px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;padding:32px;border:1px solid rgba(119,135,255,.25);border-radius:20px;background-color:#0e1019f0;background-image:radial-gradient(circle at 1px 1px,rgba(152,163,255,.12) 1px,transparent 0);background-size:16px 16px;text-align:center;box-shadow:0 30px 100px #0000007a}.drop-overlay svg{margin-bottom:5px;color:var(--accent-bright)}.drop-overlay strong{font-size:19px;font-weight:680;letter-spacing:-.02em}.drop-overlay span{max-width:290px;color:var(--muted);font-size:11px;line-height:1.55}.file-input{position:fixed;top:-20px;left:-20px;width:1px;height:1px;opacity:0;pointer-events:none}.toast{position:absolute;z-index:40;left:50%;top:90px;bottom:auto;transform:translate(-50%);min-height:46px;max-width:calc(100vw - 32px);overflow:hidden;padding:0 7px 0 13px;border-color:#79d8ad3b;border-radius:13px;display:flex;align-items:center;gap:9px;color:var(--text);font-size:10px;white-space:nowrap;box-shadow:inset 0 1px #ffffff0f,0 18px 46px #0006}.toast-icon{width:24px;height:24px;flex:0 0 24px;display:grid;place-items:center;border-radius:8px;color:var(--green);background:#79d8ad1c}.toast-message{min-width:0;padding-right:4px}.toast-close{width:30px;height:30px;flex:0 0 30px;padding:0;border:0;border-radius:9px;display:grid;place-items:center;color:var(--quiet);background:transparent;cursor:pointer;transition:color .14s ease,background .14s ease,transform .14s var(--ease)}.toast-close:hover{color:var(--text);background:#ffffff12}.toast-close:active{transform:scale(.92)}.toast-life{position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--green);transform-origin:left center}.toast[data-tone=warning]{border-color:#f2b66d40}.toast[data-tone=warning] .toast-icon{color:var(--amber);background:var(--amber-soft)}.toast[data-tone=warning] .toast-life{background:var(--amber)}.toast[data-tone=error]{border-color:#ff8b834d}.toast[data-tone=error] .toast-icon{color:var(--red);background:#ff8b831f}.toast[data-tone=error] .toast-life{background:var(--red)}.modal-backdrop{position:absolute;inset:0;z-index:20;display:grid;place-items:center;padding:20px;background:#040509b8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.modal{width:min(560px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow-y:auto;border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--panel-solid);box-shadow:inset 0 1px #ffffff0f,0 38px 120px #000000ad}.modal-header{height:78px;padding:0 18px 0 21px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.modal-header>div{display:flex;flex-direction:column;gap:7px}.modal-header h2{margin:0;font-size:18px;font-weight:660;letter-spacing:-.025em}.modal-actions{min-height:70px;margin-top:16px;padding:14px 16px;display:flex;align-items:center;justify-content:flex-end;gap:8px;border-top:1px solid var(--border)}.health-score{min-height:126px;display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:14px;padding:0 22px;color:var(--accent-bright)}.health-score strong{font:400 44px var(--mono);letter-spacing:-.08em}.health-score span{color:var(--muted);font-size:11px}.diagnostic-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;border-block:1px solid var(--border);background:var(--border)}.diagnostic-grid article{min-height:94px;display:flex;flex-direction:column;justify-content:center;gap:8px;padding:14px 18px;background:var(--panel-solid)}.diagnostic-grid article>span{color:var(--quiet);font-size:9px}.diagnostic-grid article strong{font:500 12px var(--mono)}.diagnostic-grid article small{display:flex;align-items:center;gap:5px;color:var(--green);font-size:8px}.shortcuts-modal{width:min(640px,calc(100vw - 32px))}.shortcut-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border)}.shortcut-grid div{min-height:54px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--panel-solid)}.shortcut-grid kbd{color:var(--text);font:9px var(--mono)}.shortcut-grid span{color:var(--muted);font-size:9px}.export-backdrop{padding:24px}.export-loading-card{min-width:210px;min-height:108px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;border:1px solid var(--border);border-radius:16px;color:var(--muted);background:var(--panel-solid);font-size:11px;box-shadow:0 28px 90px #00000073}.export-loading-card svg{color:var(--accent-bright)}.export-studio{width:min(1120px,calc(100vw - 36px));max-height:calc(100dvh - 36px);display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;border:1px solid rgba(196,202,255,.2);border-radius:22px;background-color:#0e1017;background-image:radial-gradient(circle at 1px 1px,rgba(152,163,255,.055) 1px,transparent 0);background-size:18px 18px;box-shadow:inset 0 1px #fff1,0 45px 150px #000000b8}.export-studio-header{min-height:84px;padding:16px 20px 15px 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);background:#090b11c7}.export-studio-header>div{min-width:0;display:grid;gap:5px}.export-studio-header h2{margin:0;font-size:21px;font-weight:680;letter-spacing:-.035em}.export-studio-header p{margin:0;overflow:hidden;color:var(--quiet);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.export-studio-body{min-height:0;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr);overflow:hidden}.export-visual-column{min-width:0;overflow-y:auto;padding:18px;border-right:1px solid var(--border);scrollbar-width:thin}.export-settings-column{min-width:0;overflow-y:auto;padding:18px;background:#080a0f7a;scrollbar-width:thin}.export-choice-row{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:12px}.export-choice-group{min-width:0;display:grid;gap:7px}.export-choice-group>span{padding-left:4px;color:var(--quiet);font-size:8px;font-weight:650}.export-mode-switch{width:fit-content;display:flex;gap:3px;margin-bottom:12px;padding:4px;border:1px solid var(--border);border-radius:12px;background:#0304086b}.export-choice-row .export-mode-switch{margin-bottom:0}.export-mode-switch button{height:34px;padding:0 12px;border:0;border-radius:8px;display:flex;align-items:center;gap:7px;color:var(--quiet);background:transparent;font-size:10px;font-weight:620;cursor:pointer}.export-mode-switch button.is-active{color:var(--text);background:#7787ff29}.export-mode-switch button span{min-width:18px;height:18px;display:grid;place-items:center;border-radius:6px;color:var(--accent-bright);background:#7787ff1f;font:8px var(--mono)}.export-scope-switch button{padding-inline:10px}.export-live-preview{position:relative;aspect-ratio:16/9;overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:16px;background:#07080c;box-shadow:inset 0 0 0 1px #00000080,0 20px 55px #0000004d}.export-live-preview.is-panorama{aspect-ratio:2/1}.export-live-preview.is-transparent{background-color:#f0f0f0;background-image:linear-gradient(45deg,#d7d7d7 25%,transparent 25%),linear-gradient(-45deg,#d7d7d7 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#d7d7d7 75%),linear-gradient(-45deg,transparent 75%,#d7d7d7 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.export-live-preview:after{position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 80px #0003;pointer-events:none;content:""}.export-live-preview img{width:100%;height:100%;display:block;object-fit:cover}.export-preview-state{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;color:var(--muted);background:#07080cd6;font-size:10px}.export-preview-state.is-error{padding:24px;color:var(--red);text-align:center}.preview-chrome{position:absolute;z-index:3;top:10px;left:10px;display:flex;align-items:center;gap:8px}.preview-chrome span,.preview-chrome strong,.preview-lens{padding:5px 7px;border:1px solid rgba(255,255,255,.13);border-radius:7px;color:var(--text);background:#05060a9e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font:7px var(--mono)}.preview-chrome span{color:var(--accent-bright);letter-spacing:.11em}.preview-chrome strong{font-weight:500}.preview-lens{position:absolute;z-index:3;right:10px;bottom:10px}.batch-filmstrip{min-height:62px;display:flex;align-items:center;gap:7px;margin-top:10px;overflow-x:auto}.batch-filmstrip>div{position:relative;flex:0 0 82px;height:52px;border:1px solid var(--border);border-radius:8px;background-repeat:no-repeat;background-size:360% auto}.batch-filmstrip>div.is-previewed{border-color:var(--accent-bright);box-shadow:0 0 0 2px #7787ff21}.batch-filmstrip>div span{position:absolute;left:4px;bottom:4px;padding:2px 4px;border-radius:4px;background:#05060ab8;font:7px var(--mono)}.batch-filmstrip>strong{flex:0 0 auto;color:var(--muted);font:9px var(--mono)}.batch-filmstrip>p{margin:0;color:var(--amber);font-size:9px}.export-readout-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.export-readout-grid article{min-width:0;min-height:64px;padding:11px;border:1px solid var(--border);border-radius:11px;display:flex;justify-content:center;flex-direction:column;gap:7px;background:#ffffff06}.export-readout-grid span{color:var(--quiet);font-size:8px}.export-readout-grid strong{overflow:hidden;font:500 9px var(--mono);text-overflow:ellipsis;white-space:nowrap}.export-readout-grid article[data-badge=native] strong,.export-readout-grid article[data-badge=ok] strong{color:var(--green)}.export-readout-grid article[data-badge=soft] strong{color:var(--amber)}.export-readout-grid article[data-badge=poor] strong{color:var(--red)}.export-trust-note{margin-top:10px;display:flex;align-items:center;gap:8px;color:var(--quiet);font-size:8.5px;line-height:1.45}.export-trust-note svg{flex:0 0 auto;color:var(--green)}.distortion-note{margin-top:10px;display:flex;align-items:flex-start;gap:8px;padding:10px 11px;border:1px solid rgba(242,182,109,.22);border-radius:10px;color:var(--amber);background:var(--amber-soft);font-size:8.5px;line-height:1.45}.distortion-note svg{flex:0 0 auto;margin-top:1px}.export-setting-block{padding:0 0 17px;margin-bottom:17px;border-bottom:1px solid var(--border)}.export-setting-heading{display:flex;align-items:center;gap:11px;margin-bottom:12px}.export-setting-heading>span{color:#7787ff6b;font:600 22px/1 var(--mono);letter-spacing:-.08em}.export-setting-heading>div{display:flex;flex-direction:column;gap:4px}.export-setting-heading strong{font-size:11px;font-weight:650}.export-setting-heading small{color:var(--quiet);font-size:8px}.resolution-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.resolution-grid button{min-width:0;min-height:51px;padding:9px 10px;border:1px solid var(--border);border-radius:10px;display:flex;justify-content:center;flex-direction:column;gap:6px;color:var(--muted);background:#ffffff06;text-align:left;cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .15s var(--ease)}.resolution-grid button:hover{border-color:var(--border-strong);background:#ffffff0d}.resolution-grid button:active{transform:scale(.985)}.resolution-grid button.is-active{border-color:#7787ff73;color:var(--text);background:var(--accent-soft);box-shadow:inset 0 0 0 1px #7787ff14}.resolution-grid span{font-size:9px;font-weight:620}.resolution-grid strong{color:var(--quiet);font:7.5px var(--mono);font-weight:400}.resolution-grid button.is-active strong{color:var(--accent-bright)}.setting-footnote{margin:10px 1px 0;color:var(--quiet);font-size:7.8px;line-height:1.55}.projection-options{display:grid;grid-template-columns:1fr 1fr;gap:7px}.projection-options button{position:relative;min-height:66px;padding:10px;border:1px solid var(--border);border-radius:11px;display:flex;justify-content:center;flex-direction:column;gap:5px;color:var(--muted);background:#ffffff06;text-align:left;cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .15s var(--ease)}.projection-options button:hover{border-color:var(--border-strong);background:#ffffff0d}.projection-options button:active{transform:scale(.985)}.projection-options button.is-active{border-color:#7787ff73;color:var(--text);background:var(--accent-soft);box-shadow:inset 0 0 0 1px #7787ff14}.projection-options button>span{display:flex;flex-direction:column;gap:5px}.projection-options strong{font-size:9.5px;font-weight:650}.projection-options small{color:var(--quiet);font-size:7.6px;line-height:1.35}.projection-options em{position:absolute;top:7px;right:7px;color:var(--accent-bright);font:normal 650 5.8px var(--mono);letter-spacing:.06em}.format-switch{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;border:1px solid var(--border);border-radius:11px;background:#03040861}.format-switch button{height:32px;border:0;border-radius:8px;color:var(--quiet);background:transparent;font:600 9px var(--mono);cursor:pointer}.format-switch button.is-active{color:var(--text);background:var(--accent-soft)}.quality-slider{display:grid;gap:8px;margin-top:12px}.quality-slider>span{display:flex;justify-content:space-between;color:var(--quiet);font-size:8.5px}.quality-slider strong{color:var(--text);font:8px var(--mono)}.sampling-options{display:grid;gap:7px}.sampling-options button{position:relative;width:100%;min-height:56px;padding:9px 10px;border:1px solid var(--border);border-radius:11px;display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:8px;color:var(--muted);background:#ffffff06;text-align:left;cursor:pointer}.sampling-options button:hover{border-color:var(--border-strong)}.sampling-options button.is-active{border-color:#7787ff6b;color:var(--accent-bright);background:var(--accent-soft)}.sampling-options button>span{display:flex;flex-direction:column;gap:4px}.sampling-options strong{color:var(--text);font-size:9.5px;font-weight:650}.sampling-options small{color:var(--quiet);font-size:8px}.sampling-options em{padding:3px 5px;border-radius:5px;color:var(--accent-bright);background:#7787ff21;font:normal 650 6.5px var(--mono);letter-spacing:.08em}.lineart-profiles{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.lineart-profiles button{min-width:0;min-height:62px;padding:9px;border:1px solid var(--border);border-radius:10px;display:flex;justify-content:center;flex-direction:column;gap:6px;color:var(--muted);background:#ffffff06;text-align:left;cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .15s var(--ease)}.lineart-profiles button:hover{border-color:var(--border-strong)}.lineart-profiles button:active{transform:scale(.98)}.lineart-profiles button.is-active{border-color:#7787ff73;color:var(--text);background:var(--accent-soft)}.lineart-profiles strong{font-size:8.8px;font-weight:650}.lineart-profiles small{color:var(--quiet);font-size:6.8px;line-height:1.35}.lineart-slider{display:grid;gap:7px;margin-top:12px}.lineart-slider>span{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:8px}.lineart-slider strong{color:var(--text);font:8px var(--mono)}.lineart-background{margin-top:13px}.lineart-background button{text-transform:capitalize}.export-advanced{margin-top:-3px;border:1px solid var(--border);border-radius:12px;overflow:hidden;background:#ffffff05}.export-advanced summary{position:relative;min-height:54px;padding:9px 11px;display:grid;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:8px;color:var(--muted);cursor:pointer;list-style:none}.export-advanced summary::-webkit-details-marker{display:none}.export-advanced summary:hover{color:var(--text);background:#ffffff09}.export-advanced summary>span{display:flex;flex-direction:column;gap:4px}.export-advanced summary strong{color:var(--text);font-size:9px;font-weight:630}.export-advanced summary small{color:var(--quiet);font-size:7.5px}.export-advanced summary:after{position:absolute;right:30px;color:var(--quiet);content:"+"}.export-advanced[open] summary:after{content:"−"}.export-advanced-body{display:grid;gap:10px;padding:0 10px 10px;border-top:1px solid var(--border)}.export-advanced-body .sampling-options{margin-top:10px}.export-toggle-list{display:grid;gap:7px}.export-toggle-list label{min-height:54px;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:10px;padding:9px 10px;border:1px solid var(--border);border-radius:11px;background:#ffffff06;cursor:pointer}.export-toggle-list input{position:absolute;opacity:0;pointer-events:none}.switch-track{grid-row:1;width:30px;height:18px;padding:2px;border-radius:12px;background:#ffffff1f;transition:background .15s ease}.switch-track i{width:14px;height:14px;display:block;border-radius:50%;background:var(--muted);transition:transform .18s var(--ease),background .15s ease}.export-toggle-list input:checked+.switch-track{background:var(--accent)}.export-toggle-list input:checked+.switch-track i{transform:translate(12px);background:#fff}.export-toggle-list label>span:last-child{grid-column:2;grid-row:1;display:flex;flex-direction:column;gap:4px}.export-toggle-list strong{color:var(--text);font-size:9px;font-weight:620}.export-toggle-list small{color:var(--quiet);font-size:7.5px;line-height:1.35}.export-studio-footer{position:relative;min-height:76px;display:flex;align-items:center;gap:9px;padding:14px 18px;border-top:1px solid var(--border);background:#080a0fe6}.export-footer-summary{min-width:0;flex:1;display:flex;align-items:center;gap:8px;color:var(--accent-bright)}.export-footer-summary>span{display:flex;align-items:center;gap:8px;color:var(--quiet);font:8.5px var(--mono)}.export-footer-summary strong{color:var(--text);font-family:inherit}.export-submit{min-width:148px}.export-progress{position:absolute;left:18px;right:18px;top:-4px;height:3px;overflow:hidden;border-radius:4px;background:#ffffff14}.export-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent-bright));transition:width .18s ease}.export-progress.is-indeterminate span{width:34%;animation:export-scan 1.05s var(--ease) infinite}@keyframes export-scan{0%{transform:translate(-110%)}to{transform:translate(305%)}}.plan-panel{position:absolute;z-index:5;left:330px;bottom:134px;width:392px;height:446px;overflow:hidden;border-radius:var(--radius)}.plan-stage{position:relative;width:326px;height:294px;margin:11px auto 0;overflow:hidden;background:radial-gradient(circle at center,rgba(119,135,255,.07),transparent 60%)}.room-shell{position:absolute;left:38px;top:35px;width:254px;height:210px;border:1px solid rgba(230,232,244,.34);clip-path:polygon(4% 7%,91% 0,100% 79%,70% 100%,0 92%);background:#ffffff06}.room-shell:before{position:absolute;left:38px;right:34px;top:32px;height:6px;border:1px solid rgba(119,135,255,.28);background:#7787ff2e;content:""}.distance-ring{position:absolute;left:50%;top:50%;border:1px dashed rgba(255,255,255,.11);border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}.ring-one{width:102px;height:102px}.ring-two{width:196px;height:196px}.standpoint{position:absolute;z-index:4;left:calc(50% - 9px);top:calc(50% - 9px);color:var(--accent-bright)}.plan-cone-wrap{position:absolute;z-index:2;left:calc(50% - 80px);top:calc(50% - 80px);width:160px;height:160px;transform-origin:50% 50%;pointer-events:none}.plan-cone{--cone: 40deg;position:absolute;width:160px;height:160px;clip-path:polygon(50% 50%,25% 0,75% 0);background:linear-gradient(180deg,#7787ff47,#7787ff0a);border-top:1px solid rgba(119,135,255,.5);transform-origin:center}.sun-bearing{position:absolute;right:48px;top:50px;color:var(--amber)}.plan-target{position:absolute;z-index:3;padding:3px 5px;border:0;border-radius:4px;color:var(--muted);background:#0b0c12d6;font-size:7px;cursor:pointer}.plan-target:hover{color:var(--accent-bright)}.target-screen{top:12px;left:92px}.target-client{left:8px;top:104px;transform:rotate(-4deg)}.target-seam{right:38px;bottom:40px}.shot-bearing{position:absolute;z-index:4;left:calc(50% - 3px);top:calc(50% - 3px);width:7px;height:7px;padding:0;border:1px solid rgba(230,232,244,.65);border-radius:50%;background:var(--panel-solid);cursor:pointer}.shot-bearing:hover{background:var(--accent)}.plan-footer{height:68px;display:grid;grid-template-columns:repeat(3,1fr);padding:0 14px;border-top:1px solid var(--border)}.plan-footer div{display:flex;justify-content:center;flex-direction:column;gap:5px}.plan-footer span{color:var(--quiet);font-size:8px}.plan-footer strong{font:500 9px var(--mono)}.projection-flat .simple-controls,.projection-flat .strip-rail,.projection-flat .rail-reveal.right,.projection-flat .right-rail,.projection-flat .guide-overlay{display:none}.projection-flat .left-rail{bottom:14px}@media(max-width:1080px){.prompt-worlds-button{width:38px;padding:0}.prompt-worlds-button span{display:none}.left-rail{width:250px}.right-rail{width:270px}.shot-row{grid-template-columns:20px 54px minmax(0,1fr)}.shot-thumb{width:54px}.mini-budget{display:none}.plan-panel{left:286px}.export-studio-body{grid-template-columns:minmax(0,1.1fr) minmax(330px,.9fr)}}@media(max-width:820px){:root{--strip-space: 108px}.welcome-story{top:clamp(116px,15vh,150px);width:min(560px,72vw)}.welcome-story h1{font-size:clamp(50px,10vw,76px)}.welcome-worlds{width:min(600px,66vw)}.topbar{grid-template-columns:1fr auto}.projection-switcher{display:none}.left-rail{top:88px;bottom:116px;width:min(300px,calc(100vw - 28px))}.right-rail,.rail-reveal.right{display:none}.strip-rail{height:90px}.strip-image{height:54px}.simple-controls{bottom:112px}.guide-overlay{top:90px;bottom:126px}.plan-panel{left:14px;right:14px;bottom:116px;width:auto;height:min(446px,calc(100dvh - 218px))}.toast{top:90px;bottom:auto}.export-backdrop{padding:10px}.export-studio{width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}.export-studio-body{grid-template-columns:1fr;overflow-y:auto}.export-visual-column,.export-settings-column{overflow:visible}.export-visual-column{border-right:0;border-bottom:1px solid var(--border)}.export-choice-row{align-items:stretch;flex-direction:column}}@media(max-width:560px){.welcome-scrim{background:linear-gradient(180deg,#030408b3,#03040847 44%,#030408c2),linear-gradient(90deg,rgba(3,4,8,.45),transparent 82%)}.welcome-topbar{top:10px;right:10px;left:10px;min-height:58px;padding:8px;gap:10px;border-radius:15px}.welcome-brand{gap:9px}.welcome-brand-mark{width:40px;height:40px}.welcome-brand-copy strong{font-size:11px}.welcome-brand-copy small{font-size:7px}.welcome-top-actions{gap:6px}.welcome-top-actions button{min-height:40px;padding:0 12px;gap:7px;font-size:11px}.welcome-story{top:102px;right:18px;left:18px;width:auto}.welcome-label{margin-bottom:13px;font-size:8px}.welcome-story h1{max-width:8.7ch;font-size:clamp(44px,13.8vw,60px)}.welcome-story>p{max-width:34ch;margin-top:16px;font-size:13px}.welcome-worlds{right:12px;bottom:48px;left:12px;width:auto;padding:10px;border-radius:15px}.welcome-worlds-header{min-height:36px;margin-bottom:8px;gap:8px}.welcome-prompt-icon{flex-basis:34px;width:34px;height:34px;border-radius:10px}.welcome-worlds-header strong{font-size:11px}.welcome-worlds-header small{display:none}.welcome-worlds-actions{gap:4px}.welcome-worlds-actions button{height:34px;padding:0 9px}.welcome-skill{padding:9px;grid-template-columns:36px minmax(0,1fr);gap:8px}.welcome-skill-icon{width:36px;height:36px;border-radius:10px}.welcome-skill-copy>span{display:none}.welcome-skill-actions{grid-column:1/-1;display:grid;grid-template-columns:.85fr 1.15fr 1fr}.welcome-skill-actions button{min-width:0;min-height:34px;padding:0 7px;font-size:8px}.welcome-worlds-list{gap:7px;padding-right:7px}.welcome-worlds-list li{width:min(252px,72vw)}.welcome-worlds-track img{height:84px}.welcome-footer{right:18px;bottom:18px;left:18px;font-size:8px}.welcome-footer>span:first-child{max-width:42vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar{top:8px;left:8px;right:8px;height:56px}.brand-mark{flex-basis:36px;width:36px;height:36px}.product-wordmark{gap:5px}.product-wordmark strong{font-size:10px}.product-wordmark em{font-size:6px;letter-spacing:.07em}.brand-copy>.source-name{max-width:132px;font-size:9px}.open-button{width:38px;padding:0}.open-button span{display:none}.top-actions .primary-button{padding:0 11px}.left-rail{top:72px;left:8px;bottom:104px;width:min(300px,calc(100vw - 16px))}.rail-reveal.left{left:8px}.strip-rail{left:8px;right:8px;bottom:8px;height:84px;padding:6px}.strip-rail header{height:19px}.strip-legend{display:none!important}.strip-meta{gap:0!important}.maker-credit{font-size:6.5px}.strip-image{height:53px}.simple-controls{bottom:98px;max-width:calc(100vw - 16px)}.simple-controls .icon-button:nth-of-type(4),.simple-controls .icon-button:last-child,.simple-controls .toolbar-rule:last-of-type{display:none}.capture-control span,.capture-control kbd{display:none}.capture-control{width:34px;padding:0;justify-content:center}.plan-panel{left:8px;right:8px;bottom:104px}.plan-stage{transform:scale(.86);transform-origin:top center;margin-bottom:-38px}.toast{top:74px;bottom:auto;width:min(360px,calc(100vw - 16px));white-space:normal}.toast-message{line-height:1.4}.modal-backdrop{padding:8px}.modal{width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}.diagnostic-grid,.shortcut-grid{grid-template-columns:1fr}.export-studio{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);border-radius:18px}.export-studio-header{min-height:76px;padding:14px 13px 13px 17px}.export-studio-header h2{font-size:18px}.export-visual-column,.export-settings-column{padding:13px}.export-mode-switch{width:100%}.export-mode-switch button{flex:1;justify-content:center}.export-readout-grid{grid-template-columns:1fr 1fr}.export-readout-grid article:last-child{grid-column:1/-1}.export-studio-footer{min-height:82px;padding:12px;flex-wrap:wrap}.export-footer-summary{display:none}.export-studio-footer>button{flex:1}.export-progress{left:12px;right:12px}}@media(max-width:420px){.welcome-brand-mark{width:36px;height:36px;border-radius:11px}.welcome-top-actions button{min-height:36px;padding:0 9px}.welcome-open-full{display:none}.welcome-open-short{display:inline}}@media(max-width:350px){.welcome-brand-copy{display:none}}@media(hover:none),(pointer:coarse){.simple-controls .icon-button:after,.rail-reveal:after{display:none}.interaction-hint i,.interaction-hint-scroll{display:none}}@media(max-height:680px)and (min-width:821px){.welcome-story{top:92px}.welcome-story h1{font-size:clamp(48px,6vw,72px)}.welcome-story>p{margin-top:14px}.welcome-worlds{bottom:52px}.welcome-skill{padding-top:8px;padding-bottom:8px}.welcome-skill-copy>span{display:none}.left-rail,.right-rail{bottom:110px}.strip-rail{height:82px}.strip-image{height:46px}.simple-controls{bottom:94px}.toast{top:88px;bottom:auto}.plan-panel{bottom:110px;height:min(446px,calc(100dvh - 208px))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.welcome-worlds-marquee{animation-duration:240s!important;animation-iteration-count:infinite!important}}@media(prefers-reduced-transparency:reduce){.glass-panel{background:var(--panel-solid);backdrop-filter:none;-webkit-backdrop-filter:none}.welcome-topbar{background:#11141d;backdrop-filter:none;-webkit-backdrop-filter:none}.welcome-scrim{background:linear-gradient(90deg,#030408e6,#03040861 58%,#03040840),linear-gradient(180deg,rgba(3,4,8,.46),transparent 38%,rgba(3,4,8,.68))}.welcome-worlds{background:#11141d;backdrop-filter:none;-webkit-backdrop-filter:none}}