.mode-nav{display:flex;gap:8px;padding-top:24px}.mode-nav a{color:var(--muted);text-decoration:none;border:1px solid var(--line);padding:11px 15px;border-radius:6px;font-size:14px}.mode-nav a[aria-current]{background:var(--ink);color:white;border-color:var(--ink)}.mode-nav span{font-size:9px;letter-spacing:1px;color:#ff9c75;margin-left:8px}.splat-layout{display:grid;grid-template-columns:330px minmax(0,1fr);gap:28px;align-items:start}.scan-controls h2{font:34px/1.05 Serif,Georgia,serif;margin:12px 0}.scan-controls .muted{font-size:15px;line-height:1.6}.upload-box{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;border:1px dashed #b2b6ab;border-radius:8px;padding:24px 12px;background:#eeeee8;cursor:pointer;min-height:142px}.upload-box:has(input:focus-visible){outline:3px solid var(--orange)}.upload-box strong{max-width:100%;overflow-wrap:anywhere;font-size:16px}.upload-box>span:last-of-type{font-size:12px;color:var(--muted)}.upload-icon{font-size:28px;color:var(--orange)}#clipPreview{width:100%;max-height:170px;object-fit:contain;background:#1d201e;border-radius:6px;margin-top:12px}.quality{border:0;padding:0;margin:22px 0;display:flex;gap:8px}.quality legend{font-size:13px;margin-bottom:8px}.quality label{flex:1;display:flex;gap:7px;padding:12px 8px;background:white;border:1px solid var(--line);border-radius:5px;cursor:pointer}.quality label:has(input:checked){border-color:var(--orange)}.quality input{accent-color:var(--orange);margin-top:5px}.quality strong{display:block;font-size:13px}.quality small{display:block;font-size:11px;line-height:1.5;color:var(--muted);margin-top:4px}.connection{font-size:13px;border-left:2px solid var(--orange);padding-left:12px}.consent{display:flex;gap:9px;font-size:12px;line-height:1.5;color:var(--muted);margin:16px 0}.consent input{accent-color:var(--orange);flex-shrink:0;width:17px;height:17px;margin-top:2px}.create-button{width:100%;justify-content:space-between}.capture-tips{border-top:1px solid var(--line);padding-top:16px;margin-top:18px;font-size:13px;color:var(--muted)}.capture-tips summary{cursor:pointer;color:var(--ink)}.capture-tips ul{padding-left:20px}.capture-tips li{margin:10px 0}.splat-stage{height:510px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 42%,#31342f,#1c1f1c 75%)}.splat-stage canvas{width:100%;height:100%;display:block;touch-action:none}.splat-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#eee;text-align:center;padding:25px;pointer-events:none}.splat-empty h2{font:39px Serif,Georgia,serif;margin:12px 0}.splat-empty p{font-size:15px;line-height:1.7;color:#b2b8ac}.splat-empty>span{font-size:12px;color:#929b8b}.orb{font-size:90px;line-height:1;color:#a9b09f;font-weight:100}.scan-progress{padding:20px;border-bottom:1px solid var(--line)}.progress-header{display:flex;justify-content:space-between;font-size:14px}.progress-header span{color:var(--muted);font-variant-numeric:tabular-nums}#steps{list-style:none;display:flex;gap:10px;padding:0;margin:18px 0 0}#steps li{flex:1;border-top:3px solid #dedfd8;padding-top:8px;font-size:12px;color:var(--muted)}#steps li.done{border-color:var(--orange);color:var(--ink)}.viewer-note{font-size:12px;color:var(--muted);padding:0 18px 18px;margin:0}.splat-panel .toolbar button,.splat-panel .toolbar .button{font-size:13px}#connectionLink{width:100%;padding:12px;border:1px solid var(--line);border-radius:5px;margin-bottom:12px}#connectProcessor{font-size:13px}#disconnectProcessor{margin-left:14px}footer a{color:var(--muted)}
@media(max-width:960px){.splat-layout{grid-template-columns:290px minmax(0,1fr);gap:18px}.splat-stage{height:460px}.splat-empty h2{font-size:32px}}
@media(max-width:680px){.mode-nav{padding-top:20px}.intro{padding-top:28px}.splat-layout{grid-template-columns:1fr}.scan-controls h2{font-size:32px}.scan-controls .eyebrow{font-size:11px}.splat-stage{height:360px}.splat-empty h2{font-size:32px}.quality strong{font-size:14px}.quality small{font-size:12px}.consent{font-size:13px}.connection{font-size:14px}.splat-panel .toolbar label{flex-basis:auto!important}.scan-controls .small{font-size:13px}.panelbar{font-size:11px;padding:13px}.panelbar>span:last-child{font-size:9px;letter-spacing:.5px}}

@media(max-width:680px){.intro h1{font-size:52px}.intro-copy p{font-size:15px}}