:root{color:#fff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-tap-highlight-color:transparent;--glass:#0e10129e;--glass-strong:#0e1012db;--line:#ffffff29;--muted:#ffffffa8;--accent:#fff;--ok:#5ee6b5;--warn:#ff8a65;background:#111315;font-family:Inter,Segoe UI,system-ui,-apple-system,Arial,sans-serif}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{overflow:hidden}button,input{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit}button:focus-visible,input:focus-visible{outline-offset:2px;outline:2px solid #fff}.stage{isolation:isolate;background:radial-gradient(circle at 50% 38%,#2c3236,#111315 70%);width:100%;height:100dvh;position:relative;overflow:hidden}.capture-viewport{position:absolute;inset:0;overflow:hidden}.capture-layer{width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scaleX(-1)}.capture-layer video,.capture-layer canvas{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.capture-layer video{opacity:0}.stage.is-active .capture-layer video{opacity:1}.capture-layer canvas{pointer-events:none}.topbar{z-index:3;padding:max(14px, env(safe-area-inset-top)) 16px 14px;background:linear-gradient(#00000073,#0000);justify-content:space-between;align-items:center;gap:12px;display:flex;position:absolute;top:0;left:0;right:0}.topbar-title{letter-spacing:.01em;font-size:15px;font-weight:600}.topbar-actions{gap:8px;display:flex}.pill-button,.icon-button{border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(12px);border-radius:999px;min-height:40px}.pill-button{padding:0 16px;font-size:14px}.topbar-link{align-items:center;text-decoration:none;display:inline-flex}.icon-button{place-items:center;width:40px;font-size:15px;display:grid}.intro{z-index:2;text-align:center;width:min(440px,100% - 32px);position:absolute;top:50%;left:50%;transform:translate(-50%,-60%)}.intro h1{letter-spacing:-.02em;margin:0 0 14px;font-size:clamp(30px,7vw,44px);font-weight:600;line-height:1.08}.intro p{color:var(--muted);margin:0 0 24px;font-size:15px;line-height:1.5}.intro .intro-error{color:var(--warn)}.start-button{color:#111315;background:var(--accent);border:0;border-radius:999px;min-height:54px;padding:0 32px;font-size:16px;font-weight:600;transition:transform .16s,opacity .16s}.start-button:hover:not(:disabled){transform:translateY(-1px)}.start-button:disabled{cursor:wait;opacity:.6}.dock{z-index:3;padding:40px 0 max(14px, env(safe-area-inset-bottom));background:linear-gradient(#0000,#0000008c);gap:10px;display:grid;position:absolute;bottom:0;left:0;right:0}.status{background:var(--glass);-webkit-backdrop-filter:blur(12px);text-align:center;border-radius:999px;width:max-content;max-width:calc(100% - 32px);margin:0 auto 12px;padding:8px 14px;font-size:13px}.status.is-lost,.status.is-error{color:var(--warn)}.colorway-picker{scrollbar-width:none;justify-content:safe center;gap:8px;margin:0;padding:0 16px;display:flex;overflow-x:auto}.colorway-picker::-webkit-scrollbar{display:none}.colorway-option{border:1px solid var(--line);background:var(--glass);border-radius:999px;flex:none;align-items:center;gap:8px;min-height:40px;padding:5px 12px 5px 6px;font-size:12px;transition:border-color .16s,background .16s;display:flex}.colorway-option .colorway-swatch{border:2px solid #ffffffb8;border-radius:50%;width:28px;height:28px;box-shadow:inset 0 0 0 1px #00000038}.colorway-option.is-selected{background:var(--glass-strong);border-color:#fff}.colorway-name{white-space:nowrap}.frame-picker{scroll-snap-type:x mandatory;scrollbar-width:none;justify-content:safe center;gap:10px;padding:0 16px;display:flex;overflow-x:auto}.frame-picker::-webkit-scrollbar{display:none}.frame-option{border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(12px);text-align:left;scroll-snap-align:center;border-radius:16px;flex:none;align-items:center;gap:10px;min-width:150px;padding:10px 14px 10px 10px;transition:border-color .16s,background .16s;display:flex}.frame-option.is-selected{background:var(--glass-strong);border-color:#fff}.frame-shape{flex:none;width:40px;height:24px;position:relative}.frame-shape i{border:2px solid #ffffffd1;border-radius:6px;width:18px;height:16px;position:absolute;top:3px}.frame-shape i:first-child{left:0}.frame-shape i:last-child{right:0}.frame-shape:after{content:"";border-top:2px solid #ffffffd1;width:6px;position:absolute;top:10px;left:17px}.frame-text{gap:2px;display:grid}.frame-text strong{font-size:14px;font-weight:600}.frame-text small{color:var(--muted);font-size:12px}.choice-group{gap:6px;display:grid}.choice-label{color:#ffffff94;letter-spacing:.12em;text-transform:uppercase;padding:0 16px;font-size:10px;font-weight:700}.color-choice-group{border-top:1px solid #ffffff1f;padding-top:9px}.settings-sheet{z-index:4;top:calc(max(14px, env(safe-area-inset-top)) + 52px);border:1px solid var(--line);background:var(--glass-strong);-webkit-backdrop-filter:blur(16px);border-radius:18px;width:min(340px,100% - 32px);padding:16px;position:absolute;right:16px}.sheet-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.sheet-head .icon-button{width:32px;min-height:32px;font-size:13px}.sheet-note{color:var(--muted);margin:0 0 14px;font-size:13px;line-height:1.45}.pd-control{grid-template-columns:1fr auto;align-items:center;gap:8px 12px;display:grid}.pd-control label{color:var(--muted);grid-column:1/-1;font-size:13px}.pd-control input{accent-color:#fff;width:100%;min-width:0}.range-input-row{grid-template-columns:minmax(0,1fr) 58px;align-items:center;gap:10px;display:grid}.range-input-row output{color:#fff;font-variant-numeric:tabular-nums;text-align:right;font-size:12px}.range-ends{color:#ffffff75;justify-content:space-between;font-size:10px;display:flex!important}.pd-control .range-ends{grid-column:1}.pd-control button{color:#111315;background:#fff;border:0;border-radius:10px;padding:10px 14px;font-weight:600}.fit-tuning{border-top:1px solid var(--line);gap:12px;margin-top:14px;padding-top:14px;display:grid}.fit-tuning label{color:var(--muted);gap:6px;font-size:12px;display:grid}.fit-tuning input{accent-color:#fff;width:100%}.debug-actions{border-top:1px solid var(--line);flex-wrap:wrap;gap:8px;margin-top:14px;padding-top:14px;display:flex}.debug-actions button{border:1px solid var(--line);background:0 0;border-radius:999px;padding:7px 11px;font-size:12px}.debug-panel{z-index:3;top:calc(max(14px, env(safe-area-inset-top)) + 52px);color:#ecfff9;background:#090e0fc7;border-radius:12px;width:min(210px,100% - 32px);padding:12px;font-family:Cascadia Mono,SFMono-Regular,Consolas,monospace;font-size:10px;position:absolute;left:16px}.debug-title{text-transform:uppercase;color:var(--ok);justify-content:space-between;margin-bottom:10px;display:flex}.live-indicator{color:var(--warn)}.debug-panel dl{gap:6px;margin:0;display:grid}.debug-panel dl div{justify-content:space-between;gap:16px;display:flex}.debug-panel dt{color:#ecfff98c}.debug-panel dd{text-align:right;margin:0}.model-viewer-page{color:#f7f8f8;background:radial-gradient(circle at 50% 36%,#5a697161,#0000 38%),linear-gradient(145deg,#20262a,#0d1012 72%);grid-template-rows:auto minmax(0,1fr) auto;height:100dvh;display:grid;overflow:hidden}.viewer-header{z-index:2;padding:max(18px, env(safe-area-inset-top)) 24px 14px;grid-template-columns:44px 1fr auto;align-items:center;gap:14px;display:grid}.viewer-header p{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin:0 0 3px;font-size:11px}.viewer-header h1{margin:0;font-size:clamp(20px,3vw,30px);font-weight:600}.viewer-back,.viewer-try-link{border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);background:#0a0c0e7a}.viewer-back{border-radius:50%;place-items:center;width:44px;height:44px;font-size:21px;text-decoration:none;display:grid}.viewer-try-link{border-radius:999px;align-items:center;min-height:42px;padding:0 18px;font-size:14px;text-decoration:none;display:inline-flex}.viewer-stage{touch-action:none;min-height:0;position:relative;overflow:hidden}.viewer-canvas{cursor:grab;width:100%;height:100%;display:block}.viewer-canvas:active{cursor:grabbing}.viewer-message{color:var(--muted);background:var(--glass);border-radius:999px;padding:10px 16px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.viewer-message.is-error{color:var(--warn)}.viewer-catalog{z-index:2;padding:14px 24px max(18px, env(safe-area-inset-bottom));background:linear-gradient(#0000,#0000004d)}.viewer-color-control{justify-content:center;align-items:center;gap:22px;display:flex}.viewer-description{gap:2px;min-width:max-content;display:grid}.viewer-description strong{font-size:13px}.viewer-description span{color:var(--muted);font-size:12px}.viewer-catalog .colorway-picker{justify-content:flex-start;padding:0}@media (width<=640px){.viewer-header,.viewer-try-link,.viewer-catalog{padding-inline:14px}.viewer-color-control{justify-content:stretch;gap:8px;display:grid}.viewer-description{grid-template-columns:auto 1fr;gap:8px}.viewer-catalog .colorway-picker{justify-content:flex-start;overflow-x:auto}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important}}