:root{color-scheme:dark;font-family:Segoe UI,Arial,sans-serif;background:radial-gradient(circle at top,rgba(38,88,140,.35),transparent 45%),linear-gradient(180deg,#0f1824,#070b12);color:#edf3fb}*{box-sizing:border-box}[hidden]{display:none!important}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden}body{background:#070b12}.viewer-shell{position:relative;width:100%;height:100%}.viewer-canvas{display:block;width:100%;height:100%;touch-action:none}.hud-toggle{position:absolute;top:20px;left:392px;z-index:20;min-width:72px;height:40px;padding:0 14px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:#070b12c7;color:#edf3fb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 12px 32px #00000047;cursor:pointer;font-weight:700}.hud{position:absolute;top:20px;left:20px;z-index:15;width:min(360px,calc(100vw - 40px));max-height:calc(100vh - 40px);overflow:auto;padding:16px 18px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:#070b12cc;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 16px 48px #00000052;transition:transform .18s ease,opacity .18s ease}.viewer-shell.hud-collapsed .hud{opacity:0;pointer-events:none;transform:translate(calc(-100% - 32px))}.viewer-shell.hud-collapsed .hud-toggle{left:20px}.scene-tool-strip{position:absolute;top:18px;left:50%;z-index:19;display:flex;align-items:center;gap:6px;padding:6px;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:#070b12b8;color:#edf3fb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 12px 32px #0000003d;transform:translate(-50%)}.scene-tool-strip button{display:inline-flex;align-items:center;gap:5px;height:32px;min-width:42px;padding:0 8px;border:0;border-radius:9px;background:linear-gradient(135deg,#8dc8ff,#4d8fe4);color:#04101d;cursor:pointer;font-weight:800;line-height:1}.scene-tool-strip button.secondary{background:#ffffff1a;color:#edf3fb}.scene-tool-strip button:disabled{cursor:not-allowed;opacity:.55}.scene-tool-strip .tool-icon{display:inline-flex;align-items:center;justify-content:center;min-width:14px;font-size:14px;line-height:1}.scene-tool-strip .tool-key{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:16px;padding:0 4px;border-radius:5px;background:#04101d29;font-size:10px;font-weight:900;line-height:1;white-space:nowrap}.scene-tool-strip button.secondary .tool-key{background:#ffffff1f}.single-view-strip{position:absolute;top:18px;right:18px;z-index:21;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px;max-width:min(520px,calc(100vw - 120px));padding:6px;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:#070b12b8;color:#edf3fb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 12px 32px #0000003d}.single-view-strip button,.single-view-exit{display:inline-flex;align-items:center;gap:5px;height:32px;min-width:42px;padding:0 8px;border:0;border-radius:9px;background:linear-gradient(135deg,#8dc8ff,#4d8fe4);color:#04101d;cursor:pointer;font-weight:800;line-height:1}.single-view-strip button.secondary{background:#ffffff1a;color:#edf3fb}.single-view-strip .tool-icon{display:inline-flex;align-items:center;justify-content:center;min-width:14px;font-size:12px;line-height:1}.single-view-strip .tool-key{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:16px;padding:0 4px;border-radius:5px;background:#04101d29;font-size:10px;font-weight:900;line-height:1;white-space:nowrap}.single-view-strip button.secondary .tool-key{background:#ffffff1f}.single-view-exit{position:absolute;left:20px;bottom:20px;z-index:21;height:36px;padding:0 12px;background:#070b12c7;color:#edf3fb;border:1px solid rgba(255,255,255,.14);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 12px 32px #0000003d}.asset-dock{position:absolute;top:20px;right:20px;z-index:14;width:min(300px,calc(100vw - 40px));max-height:calc(100vh - 40px);overflow:hidden;padding:14px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:#070b12c7;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 16px 48px #00000052}.asset-dock h2{margin:0 0 10px;font-size:14px;letter-spacing:.04em;color:#edf3fbe0}.hud h1{margin:0 0 10px;font-size:20px;letter-spacing:.04em}.hud p,.hud li,.status{margin:0;color:#edf3fbcc;font-size:14px;line-height:1.45}.hud ul{margin:12px 0 0;padding-left:18px}.toolbar{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.toolbar button{cursor:pointer;padding:10px 14px;border:0;border-radius:999px;background:linear-gradient(135deg,#8dc8ff,#4d8fe4);color:#04101d;font-weight:700}.toolbar button.secondary{background:#ffffff1a;color:#edf3fb}.shortcut{display:inline-flex;align-items:center;justify-content:center;min-width:22px;min-height:18px;margin-left:6px;padding:1px 6px;border-radius:6px;background:#04101d29;color:inherit;font-size:11px;line-height:1;font-weight:800}.toolbar button.secondary .shortcut{background:#ffffff1f}.status,.splat-height-panel,.camera-start-panel,.parts-panel{margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,.12)}.splat-height-panel h2,.camera-start-panel h2,.parts-panel h2{margin:0 0 10px;font-size:14px;letter-spacing:.04em;color:#edf3fbe0}.splat-height-row,.camera-start-row{display:grid;gap:8px}.splat-height-row{grid-template-columns:auto 36px minmax(0,1fr) 36px auto}.camera-start-row{grid-template-columns:auto minmax(0,1fr) auto}.splat-height-row button,.splat-height-row input,.camera-start-row button{min-height:38px;border:0;border-radius:10px;font:inherit;font-weight:700}.splat-height-row button,.camera-start-row button{cursor:pointer;padding:0 12px;background:linear-gradient(135deg,#8dc8ff,#4d8fe4);color:#04101d}.splat-height-row button.secondary,.camera-start-row button.secondary{background:#ffffff1a;color:#edf3fb}.splat-height-row button:disabled,.splat-height-row input:disabled,.camera-start-row button:disabled{cursor:default;opacity:.45}.splat-height-row input{width:100%;min-width:0;padding:0 8px;background:#ffffff1a;color:#edf3fb}.camera-start-status{margin-top:8px;color:#edf3fba8;font-size:12px;line-height:1.35}.asset-list{display:grid;gap:8px;max-height:calc(100vh - 96px);overflow:auto;padding-right:4px}.asset-card{display:grid;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:10px;width:100%;padding:8px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#ffffff0d;color:#edf3fb;text-align:left;cursor:pointer}.asset-card:hover,.asset-card:focus-visible{border-color:#8dc8ffd9;background:#4d8fe438;outline:none}.asset-card:disabled{cursor:wait;opacity:.58}.asset-thumb{display:flex;align-items:center;justify-content:center;width:58px;height:44px;overflow:hidden;border-radius:8px;background:#04101d61;color:#edf3fbb8;font-size:12px;font-weight:900}.asset-thumb img{width:100%;height:100%;object-fit:cover}.asset-meta{display:flex;flex-direction:column;gap:4px;min-width:0}.asset-label{overflow:hidden;font-size:13px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.asset-file{overflow:hidden;color:#edf3fb99;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.asset-empty{padding:10px 12px;border-radius:10px;background:#ffffff0d;color:#edf3fba8;font-size:13px}.parts-list{display:grid;gap:8px;max-height:240px;overflow:auto;padding-right:4px}.part-item{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:10px 12px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#ffffff0d;color:#edf3fb;text-align:left;cursor:pointer}.part-item.active{border-color:#8dc8ffd9;background:#4d8fe43d}.part-item.preview{border-color:#0f5fd7f2;background:#0f5fd738}.part-meta{display:flex;flex-direction:column;gap:4px;min-width:0}.part-label{font-size:14px;font-weight:700}.part-id{font-size:12px;color:#edf3fba8}.part-chip{flex:0 0 auto;min-width:10px;height:10px;border-radius:999px;box-shadow:0 0 0 3px #ffffff0f}.part-item[data-loaded=false]{opacity:.54}.part-mini-dock{position:absolute;left:18px;top:86px;z-index:18;width:min(230px,calc(100vw - 36px));max-height:188px;padding:7px;overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:#070b1294;color:#edf3fb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 12px 32px #00000038}.part-mini-list{display:grid;gap:5px;max-height:174px;overflow-y:auto;overscroll-behavior:contain;padding-right:3px;scrollbar-width:thin}.part-mini-list .part-item{min-height:38px;padding:7px 8px;border-radius:10px;opacity:.42;background:#070b1261}.part-mini-list:hover .part-item,.part-mini-list:focus-within .part-item{opacity:.6}.part-mini-list .part-item.active{opacity:1;border-color:#ff8a00f2;background:#ff8a0042}.part-mini-list .part-item.preview{opacity:1;border-color:#0f5fd7f2;background:#0f5fd757;box-shadow:0 0 0 1px #0f5fd738,0 8px 20px #0003}.part-mini-list .part-item.active+.part-item,.part-mini-list .part-item.preview+.part-item,.part-mini-list .part-item:has(+.part-item.active),.part-mini-list .part-item:has(+.part-item.preview){opacity:.72}.part-mini-list .part-label{overflow:hidden;font-size:12px;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.part-mini-list .part-id{overflow:hidden;font-size:10px;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.part-mini-list .part-chip{width:8px;min-width:8px;height:8px;box-shadow:none}.loading-badge{position:absolute;right:20px;top:20px;display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:#070b12c7;color:#edf3fbe6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);font-size:13px;line-height:1.45;box-shadow:0 16px 48px #00000047}.loading-badge.error{display:block;border-color:#ff6b6b80;background:#380d12db;color:#ffd7d7;max-width:min(520px,calc(100vw - 40px));white-space:pre-wrap}.loading-badge.single-view{top:auto;right:20px;bottom:20px;max-width:min(420px,calc(100vw - 180px))}.selection-readout{position:absolute;left:50%;bottom:20px;z-index:17;max-width:min(720px,calc(100vw - 360px));padding:9px 12px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:#070b12b8;color:#edf3fbe0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 12px 32px #00000038;font-size:12px;font-weight:700;line-height:1.35;overflow:hidden;text-overflow:ellipsis;transform:translate(-50%);white-space:nowrap}@media (max-width: 720px){.hud{top:60px;left:12px;width:min(340px,calc(100vw - 24px));max-height:calc(100vh - 132px);padding:14px}.hud-toggle{top:54px;left:12px;z-index:25;min-width:68px;height:34px}.viewer-shell:not(.hud-collapsed) .hud-toggle{left:auto;right:12px}.viewer-shell.hud-collapsed .hud-toggle{left:12px}.scene-tool-strip{top:12px;right:12px;left:12px;justify-content:flex-start;max-width:calc(100vw - 24px);overflow-x:auto;transform:none}.scene-tool-strip button{flex:0 0 auto;height:30px;min-width:38px;padding:0 7px}.single-view-strip{top:12px;right:12px;left:12px;flex-wrap:nowrap;justify-content:flex-start;max-width:calc(100vw - 24px);overflow-x:auto}.single-view-strip button{flex:0 0 auto;height:30px;min-width:38px;padding:0 7px}.single-view-exit{left:12px;bottom:12px}.selection-readout{right:12px;bottom:58px;left:12px;max-width:none;transform:none;white-space:normal}.loading-badge{display:none}.loading-badge.error{display:block;top:auto;right:12px;bottom:58px;max-width:calc(100vw - 24px);padding:10px 12px}.loading-badge.single-view{display:none}.asset-dock{top:auto;right:12px;bottom:12px;left:12px;width:auto;max-height:32vh}.parts-list,.asset-list{max-height:32vh}}.step-panel{position:absolute;right:20px;bottom:20px;z-index:18;display:flex;align-items:center;gap:8px;padding:10px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:#070b12c7;color:#edf3fbe6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 16px 48px #00000047}.step-panel.public-step-panel{right:auto;left:50%;transform:translate(-50%);gap:12px;padding:9px 12px}.step-panel.collapsed{padding:8px}.step-controls{display:flex;align-items:center;gap:8px}.step-panel.public-step-panel .step-controls{display:contents}.step-panel.collapsed .step-controls,.step-panel.collapsed .step-status{display:none}.step-panel button{cursor:pointer;padding:9px 12px;border:0;border-radius:999px;background:linear-gradient(135deg,#8dc8ff,#4d8fe4);color:#04101d;font-weight:800}.step-panel button.secondary{background:#ffffff1a;color:#edf3fb}.step-panel button:disabled{cursor:default;opacity:.45}.step-panel,.step-panel *,.scene-tool-strip,.scene-tool-strip *,.single-view-strip,.single-view-strip *,.single-view-exit,.part-mini-dock,.part-mini-dock *{touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}#step-panel{touch-action:none}#step-panel button,#step-panel input,#step-panel .step-status{font-size:16px}#step-panel input{touch-action:manipulation;user-select:text;-webkit-user-select:text}.step-status{min-width:92px;font-size:13px;font-weight:700}.step-panel:not(.public-step-panel) .step-controls{display:contents}.step-panel:not(.public-step-panel) #record-step{order:1}.step-panel:not(.public-step-panel) #update-step{order:2}.step-panel:not(.public-step-panel) #prev-step{order:3}.step-panel:not(.public-step-panel) .step-status{order:4;min-width:104px;text-align:center}.step-panel:not(.public-step-panel) #next-step{order:5}.step-jump{display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}.step-jump input{width:46px;height:30px;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:#ffffff1a;color:#edf3fb;font:inherit;font-weight:900;text-align:center}.step-jump input:focus{border-color:#8dc8ffe6;outline:none;box-shadow:0 0 0 2px #8dc8ff2e}.step-jump input:disabled{opacity:.55}.step-panel.public-step-panel .step-status{order:2;min-width:104px;text-align:center;font-size:14px}.step-panel.public-step-panel #prev-step,.step-panel.public-step-panel #next-step{width:42px;height:42px;padding:0;font-size:28px;line-height:1}.step-panel.public-step-panel #prev-step{order:1}.step-panel.public-step-panel #next-step{order:3}