@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{--bg:#0e1110;--panel:#151b17;--line:#2a332d;--text:#f2f2ec;--muted:#849087;--accent:#e9764f;--green:#72bd91;color:var(--text);background:var(--bg);font-synthesis:none;font-family:Space Grotesk,sans-serif}*{box-sizing:border-box}html,body,#root{background:var(--bg);width:100%;height:100%;margin:0;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer}.app-shell{background:var(--bg);flex-direction:column;height:100%;display:flex}.workspace{flex-direction:column;max-width:720px;height:100%;margin:auto;padding:0 1.25rem;display:flex}.topbar{border-bottom:1px solid var(--line);flex:0 0 72px;justify-content:space-between;align-items:center;height:72px;display:flex}.brand{letter-spacing:-.03em;align-items:center;gap:.55rem;font-size:1rem;font-weight:600;display:flex}.brand-mark{color:var(--accent);font-size:1.35rem;line-height:0}.status-pill{color:#96a099;white-space:nowrap;border:1px solid #2e3931;border-radius:999px;padding:.46rem .65rem;font:500 .62rem DM Mono,monospace}.status-pill span{background:var(--green);border-radius:50%;width:6px;height:6px;margin:0 .4rem .08rem 0;display:inline-block}.screen-content{flex-direction:column;flex:1;min-height:0;display:flex;overflow:auto}.app-screen{flex-direction:column;flex:1;min-height:0;padding:clamp(1.4rem,5vh,3.5rem) 0 1rem;display:flex}.upload-screen,.settings-screen,.history-screen{justify-content:center;gap:clamp(1.5rem,6vh,4rem)}.screen-copy{max-width:530px}.section-kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin:0 0 .9rem;font:500 .62rem DM Mono,monospace}.screen-copy h1{letter-spacing:-.075em;color:var(--text);margin:0 0 1rem;font-size:clamp(2.8rem,9vw,5.5rem);line-height:.9}.screen-copy h1 em{color:var(--accent);font-style:normal}.screen-copy p:last-child{max-width:430px;color:var(--muted);margin:0;font-size:.9rem;line-height:1.5}.upload-card,.settings,.upload-card{max-width:390px;padding:1.3rem}.upload-orb{width:40px;height:40px;color:var(--green);background:#26372b;border-radius:50%;place-items:center;margin-bottom:1.5rem;font-size:1.3rem;display:grid}.upload-card h2,.settings h2,.upload-card p{color:var(--muted);margin:0 0 1.25rem;font-size:.8rem;line-height:1.5}.model-button,.upload-button,.secondary-button{background:var(--accent);color:#1b1512;border:0;border-radius:7px;padding:.78rem 1rem;font-size:.8rem;font-weight:600}.upload-button{align-items:center;gap:.45rem;display:inline-flex}.upload-button input{display:none}.upload-icon{font-size:1.2rem;line-height:.7}.progress{margin-top:1rem}.progress-heading{color:#9fa9a0;text-transform:uppercase;justify-content:space-between;font:500 .61rem DM Mono,monospace;display:flex}.progress-track{background:#28312b;border-radius:4px;height:5px;margin-top:.5rem;overflow:hidden}.progress-track div{background:var(--accent);height:100%;transition:width .2s}.error{background:#3b211b;border-radius:6px;padding:.7rem;color:#ffad94!important;margin:1rem 0 0!important;font-size:.75rem!important}.settings-screen .settings{max-width:390px}.settings{padding:1.25rem}.settings h2{color:#cad1ca;font-size:.85rem}.preset-grid{grid-template-columns:1fr;gap:.45rem;display:grid}.preset-grid label{color:#aab4ab;cursor:pointer;border:1px solid #0000;border-radius:7px;grid-template-columns:auto 1fr auto;align-items:center;gap:.45rem;padding:.6rem;font-size:.77rem;display:grid}.preset-grid label.selected{color:var(--text);background:#202922;border-color:#4b594e}.preset-grid input{accent-color:var(--accent)}.preset-grid small{color:#707c73;font:.62rem DM Mono,monospace}.settings details{color:#aab4ab;margin-top:1rem;font-size:.75rem}.settings summary{cursor:pointer}.settings details label{margin-top:.75rem;display:block}.settings input[type=range]{width:100%;accent-color:var(--accent);margin-top:.45rem;display:block}.notice{color:#626e65!important;margin:1rem 0 0!important;font-size:.66rem!important;line-height:1.4!important}.result-heading{justify-content:space-between;align-items:flex-start;display:flex}.result-heading h2{font-size:1.35rem}.result-heading>span{color:#78857b;font:.65rem DM Mono,monospace}.view-switcher{border:1px solid var(--line);background:#0f1411;border-radius:7px;gap:.25rem;width:max-content;margin:.8rem 0;padding:.25rem;display:flex}.view-switcher button{color:#77837a;background:0 0;border:0;border-radius:5px;padding:.45rem .7rem;font-size:.72rem}.view-switcher button.active{background:var(--accent);color:#1b1512;font-weight:600}.secondary-button{color:#cad5cb;background:#252f28;padding:.55rem .75rem;font-size:.7rem}.result-hint{color:#68756b;margin:.65rem 0 0;font-size:.68rem}.history-grid{flex-direction:column;gap:.35rem;max-width:520px;padding:.6rem;display:flex;overflow:auto}.history-card{color:#c4ccc5;text-align:left;background:0 0;border:0;border-radius:7px;grid-template-columns:auto 1fr auto;align-items:center;gap:.6rem;padding:.8rem;font-size:.8rem;display:grid}.history-card:hover{background:#202922}.history-card small{color:#6f7c72;font:.62rem DM Mono,monospace}.history-dot{background:var(--accent);border-radius:50%;width:6px;height:6px}.empty-result{text-align:center;justify-content:center;align-items:center;padding:2rem}.empty-result-icon{color:var(--accent);margin-bottom:1rem;font-size:2rem}.empty-result h2{font-size:1.4rem}.empty-result p{color:#69756c;font-size:.8rem}.bottom-nav{border-top:1px solid var(--line);height:76px;padding:.4rem 0 calc(.4rem + env(safe-area-inset-bottom));background:#111512;flex:0 0 76px;grid-template-columns:repeat(4,1fr);display:grid}.bottom-nav button{color:#68756c;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:.25rem;display:flex;position:relative}.bottom-nav button.active{color:var(--accent)}.bottom-nav button:disabled{opacity:.35;cursor:not-allowed}.bottom-nav button span{font-size:1.1rem;line-height:1}.bottom-nav button small{font-size:.62rem}.bottom-nav button b{background:var(--accent);color:#1b1512;border-radius:9px;place-items:center;min-width:15px;height:15px;margin-left:25px;font:500 .58rem DM Mono,monospace;display:grid;position:absolute;top:7px}@media (width>=720px){.workspace{border-inline:1px solid #1c241e;padding-inline:2.5rem}.bottom-nav{border-radius:12px 12px 0 0}}@media (height<=650px){.screen-copy h1{font-size:clamp(2.3rem,8vw,3.8rem)}.upload-screen,.settings-screen,.history-screen{gap:1rem}.upload-card{padding:1rem}}.history-card{grid-template-columns:38px auto 1fr auto}.history-card img{object-fit:cover;background:#0d100e;border-radius:5px;width:38px;height:38px}.history-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.home-screen{justify-content:flex-start;gap:1.2rem}.home-heading h1{letter-spacing:-.075em;color:var(--text);margin:0;font-size:clamp(2.8rem,9vw,5rem);line-height:.9}.home-heading h1 em{color:var(--accent);font-style:normal}.home-upload-card{border:1px solid var(--line);background:var(--panel);border-radius:14px;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;display:flex}.home-upload-card h2{margin:.5rem 0 .3rem;font-size:1rem}.home-upload-card p{color:var(--muted);margin:0;font-size:.72rem;line-height:1.4}.home-upload-card .upload-orb{width:32px;height:32px;margin:0;font-size:1rem}.home-upload-card .progress{min-width:150px}.home-history{flex-direction:column;gap:.5rem;min-height:0;display:flex}.section-row{justify-content:space-between;align-items:center;display:flex}.section-row .section-kicker{margin:0}.section-row>span{color:#6f7c72;font:.62rem DM Mono,monospace}.home-history .history-grid{flex:1;max-width:none;min-height:0}.empty-history{text-align:center;color:#69756c;justify-content:center;align-items:center;gap:.7rem;min-height:100px;font-size:.75rem;display:flex}.empty-history span{color:var(--accent);font-size:1.5rem}.empty-history p{margin:0}.home-screen .history-card{padding:.55rem .7rem}.home-history{flex:1;overflow:hidden}.home-upload-card h2{color:var(--text)}:root{--accent:#39c6ad;--green:#76e0b0;--accent-dark:#123d3a}.app-screen{padding-bottom:3.5rem}.bottom-nav{padding-bottom:calc(1.1rem + env(safe-area-inset-bottom));flex-basis:88px;height:88px}.history-grid{overflow:auto}.virtual-history{flex:none;position:relative}.virtual-history .history-card{position:absolute;left:0;right:0}.history-loading{color:var(--muted);font:.62rem DM Mono,monospace;position:absolute;bottom:.5rem;left:50%;transform:translate(-50%)}.home-history .history-grid{flex:none;height:290px;max-height:290px}.home-upload-card{padding:.8rem 1rem}.home-upload-card .model-button,.home-upload-card .upload-button{padding:.62rem .8rem}.upload-screen{justify-content:center;gap:1rem}.upload-screen .screen-copy h1{margin-bottom:0;font-size:clamp(2.4rem,8vw,4rem)}.upload-screen .upload-card{padding:1rem}.upload-screen .upload-card h2{margin-bottom:.8rem}.upload-screen .upload-orb{margin-bottom:1rem}.home-upload-card>div:first-child{align-items:center;gap:.7rem;display:flex}.home-upload-card .upload-orb{flex:none}.home-upload-card h2{margin:0}.home-upload-card .upload-button,.home-upload-card .model-button{flex:none}.upload-screen .upload-card{flex-wrap:wrap;align-items:center;gap:.7rem;display:flex}.upload-screen .upload-orb{flex:none;margin:0}.upload-screen .upload-card h2{margin:0}.upload-screen .upload-card .model-button,.upload-screen .upload-card .upload-button{flex:none;margin-left:auto}.upload-screen .upload-card .progress,.upload-screen .upload-card .error{flex:0 0 100%}.home-history .history-grid{height:300px;max-height:300px;padding:0}.home-history .history-grid{height:320px;max-height:320px}.home-history .history-card,.virtual-history .history-card{height:60px;min-height:60px}.home-history .history-grid{flex:1;height:auto;min-height:0;max-height:none}.home-heading{padding-top:0}.upload-screen .screen-copy h1,.settings-screen .screen-copy h1{white-space:nowrap;font-size:clamp(2rem,8vw,4rem)}.video-workspace{flex-direction:column;gap:1rem;height:100%;padding-bottom:1rem;display:flex;overflow:auto}.video-heading h1{color:var(--text);margin:0;font-size:clamp(2rem,7vw,3.5rem)}.video-heading em{color:var(--accent);font-style:normal}.video-picker{border:1px solid var(--line);background:var(--panel);color:var(--text);cursor:pointer;border-radius:8px;align-items:center;gap:.6rem;padding:.8rem;font-size:.8rem;display:flex}.video-picker span{color:var(--accent);font-size:1.2rem}.video-picker input{display:none}.video-progress{color:var(--muted);font:.62rem DM Mono,monospace}.video-progress>span:nth-child(2){float:right}.video-progress>div{background:#28312b;border-radius:4px;height:5px;margin-top:.45rem;overflow:hidden}.video-progress i{background:var(--accent);height:100%;display:block}.video-preview{border:1px solid var(--line);background:#0d100e;border-radius:10px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.8rem;min-height:0;padding:1rem;display:flex}.video-preview canvas{object-fit:contain;max-width:100%;max-height:calc(100vh - 330px)}.video-preview button,.video-controls button{color:var(--text);background:#25342e;border:0;border-radius:6px;padding:.6rem .8rem;font-size:.72rem}.video-controls{gap:.4rem;display:flex}.video-controls button.active{background:var(--accent);color:#102522}.video-controls button:last-child{background:var(--accent);color:#102522;margin-left:auto}.video-status{color:var(--muted);font-size:.75rem}.bottom-nav{grid-template-columns:repeat(3,1fr)}.video-preview{position:relative}.video-play-overlay{pointer-events:none;position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%)}.video-export-overlay{pointer-events:none;position:absolute;top:1.25rem;right:1.25rem}.video-overlay-btn{color:#fffffff2;cursor:pointer;background:#00000038;font-size:.85rem;transition:background .15s;pointer-events:auto!important;border:0!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;width:30px!important;height:30px!important;padding:0!important;display:flex!important}.video-overlay-btn:hover{background:#000000bf}.video-overlay-btn:disabled{opacity:.35;cursor:wait}.app-shell{flex-direction:column;display:flex}.result-screen{overflow-y:auto}.screen-content{overflow:auto}.result-panel{flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.depth-frame{background:#0d100e;border-radius:8px;flex:1;justify-content:center;align-items:center;width:100%;min-height:0;padding:.8rem;display:flex;position:relative;overflow:hidden}.depth-frame canvas{width:100%;height:auto;display:block}