:root{color-scheme:dark;--bg:#07090d;--panel:#10141b;--line:#29313d;--text:#f2f5f7;--muted:#94a0ad;--gold:#ffbf47;--cyan:#53d8ff}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% -20%,#263141 0,#0a0d12 44%,#05070a 100%);color:var(--text);font:16px/1.45 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.shell{width:min(1540px,100%);min-height:100vh;margin:auto;padding:18px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:12px;align-items:start}.stage{display:grid;gap:12px;min-width:0}.viewer{position:relative;min-height:min(78vh,790px);overflow:hidden;border:1px solid var(--line);border-radius:20px;background:#000;box-shadow:0 20px 70px #0008;touch-action:none;cursor:ew-resize}.viewer video{position:absolute;width:100%;height:100%;object-fit:contain;background:#000;opacity:0;transition:opacity .1s linear}.viewer video.preparing{opacity:.001}.viewer video.active{opacity:1}.topbar{position:absolute;z-index:4;left:0;right:0;top:0;display:flex;justify-content:space-between;align-items:flex-start;padding:18px 20px;background:linear-gradient(#000c,transparent);pointer-events:none}.topbar b{font-size:1.05rem;letter-spacing:.02em}.topbar span{display:block;color:#b9c2cc;font-size:.82rem;margin-top:2px}.view-status{display:flex;align-items:center;gap:12px}.view-status strong{font-size:1.75rem;font-variant-numeric:tabular-nums}.pill{padding:5px 10px;border-radius:99px;color:#071017!important;font-weight:750}.pill.model{background:var(--gold)}.pill.nvs{background:var(--cyan)}.drag-hint{position:absolute;z-index:4;bottom:14px;left:50%;transform:translateX(-50%);padding:7px 13px;border:1px solid #ffffff24;border-radius:99px;background:#06090dc9;color:#d8dee5;font-size:.82rem;pointer-events:none}.controls{display:grid;grid-template-columns:auto auto minmax(160px,1fr) auto auto;gap:12px;align-items:center;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:#11161dcf;backdrop-filter:blur(12px)}button,select{height:38px;border:1px solid #36404d;border-radius:9px;background:#1a212b;color:var(--text);font:inherit}button{width:44px;cursor:pointer}select{padding:0 10px}.controls span{font-size:.88rem;color:#bcc5cf;font-variant-numeric:tabular-nums}input[type=range]{width:100%;accent-color:var(--cyan)}.lower{display:grid;gap:12px;position:sticky;top:18px}.orbit-card,.readout{border:1px solid var(--line);border-radius:16px;background:var(--panel);padding:18px}.model-toggle{display:flex;align-items:center;gap:9px;margin:0 0 18px;color:#dce3ea;font-size:.9rem;cursor:pointer}.model-toggle input{width:18px;height:18px;margin:0;accent-color:var(--gold)}.orbit{position:relative;width:220px;height:220px;margin:auto;border:1px solid #394453;border-radius:50%;outline:none}.orbit:focus-visible{box-shadow:0 0 0 3px #53d8ff66}.subject{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:70px;height:70px;border:1px solid #495462;border-radius:50%;color:#cbd2da;font-size:.76rem;background:#151b23}.dot{position:absolute;left:50%;top:50%;width:10px;height:10px;margin:-5px;border-radius:50%;transform:rotate(var(--a)) translateY(-109px);cursor:pointer}.dot.model{background:var(--gold);box-shadow:0 0 8px #ffbf4770}.dot.model.hidden{display:none}.dot.nvs{width:7px;height:7px;margin:-3.5px;background:var(--cyan)}.dot.selected{outline:3px solid #fff;outline-offset:3px}.camera-arm{position:absolute;left:calc(50% - 1px);top:0;width:2px;height:50%;background:linear-gradient(#fff,transparent);transform-origin:bottom;transform:rotate(0deg);pointer-events:none}.legend{display:flex;justify-content:center;gap:18px;margin-top:14px;color:var(--muted);font-size:.78rem}.legend i{display:inline-block;width:8px;height:8px;margin-right:6px;border-radius:50%}.model-dot{background:var(--gold)}.nvs-dot{background:var(--cyan)}.orbit-card.model-hidden .legend span:first-child{display:none}.readout{display:grid;grid-template-columns:1fr;gap:14px;align-content:start}.readout div{padding:0 0 12px;border:0;border-bottom:1px solid var(--line)}.readout span{display:block;color:var(--muted);font-size:.82rem}.readout strong{display:block;margin-top:5px;font-size:1.15rem}.readout p{margin:2px 0 0;color:#aab4bf}.readout .hole-explanation{padding:12px;border:1px solid #ff554966;border-radius:10px;background:#2a1112;color:#f1c9c6;font-size:.88rem}.readout .hole-explanation strong{display:inline;margin:0;font-size:inherit;color:#ff8f85}@media(max-width:1050px){.shell{width:min(1180px,100%)}.workspace{grid-template-columns:1fr}.viewer{min-height:min(68vh,720px)}.lower{position:static;grid-template-columns:300px 1fr}.readout{grid-template-columns:repeat(3,1fr);align-content:center}.readout div{padding:0 14px 0 0;border:0;border-right:1px solid var(--line)}.readout div:nth-child(3){border:0}.readout p{grid-column:1/-1}}@media(max-width:720px){.shell{padding:8px}.viewer{min-height:56vh;border-radius:14px}.lower{grid-template-columns:1fr}.controls{grid-template-columns:auto 1fr auto}.controls #time,.controls #frame{display:none}.readout{grid-template-columns:1fr 1fr}.readout div{padding:0 12px 10px 0}.readout div:nth-child(2){border:0}.readout div:nth-child(3){grid-column:1/-1;border:0}.topbar{padding:14px}.topbar span{display:none}.view-status strong{font-size:1.35rem}}