*{box-sizing:border-box}html,body{color:#e6edf3;background:#0d1117;height:100%;margin:0;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Segoe UI,sans-serif;overflow:hidden}#viewport{z-index:1;position:fixed;inset:0}.panel{z-index:3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#161b22c7;border:1px solid #f0f6fc1a;border-radius:12px;padding:16px 18px;font-size:13px;position:fixed}.info{width:280px;top:16px;left:16px}.info h1{margin:0 0 10px;font-size:17px}.status{color:#9da7b3;align-items:center;gap:8px;display:flex}.dot{background:#6e7681;border-radius:50%;width:9px;height:9px}.dot.on{background:#3fb950;box-shadow:0 0 8px #3fb950}.dot.loading{background:#d29922}.dot.error{background:#f85149}.mode{text-align:center;background:#6e768133;border-radius:8px;margin:12px 0;padding:8px 12px;font-size:16px;font-weight:600;transition:background .2s}.mode[data-mode=rotate]{background:#388bfd59}.mode[data-mode=zoom]{background:#a371f759}.mode[data-mode=explode]{background:#3fb95059}.mode[data-mode=assemble]{background:#d2992259}.mode[data-mode=reset]{background:#f8514959}.debug{color:#7d8590;white-space:pre-wrap;min-height:1em;margin:0 0 10px;font:11px/1.5 ui-monospace,Menlo,monospace}.debug:empty{display:none}.guide{margin:0;padding:0;list-style:none}.guide li{color:#9da7b3;border-bottom:1px dashed #f0f6fc14;justify-content:space-between;gap:8px;padding:5px 0;display:flex}.guide b{color:#e6edf3;font-weight:500}.hint{color:#7d8590;margin:10px 0 0;font-size:12px}.controls{flex-direction:column;gap:10px;width:220px;display:flex;top:16px;right:16px}button,.file{color:#e6edf3;text-align:center;cursor:pointer;background:#21262d;border:1px solid #f0f6fc26;border-radius:8px;padding:8px 12px;font-size:13px}button:hover,.file:hover{background:#30363d}button.primary{background:#238636;border-color:#2ea043}button.primary:hover{background:#2ea043}button:disabled{opacity:.6;cursor:default}.file input{display:none}.slider{flex-direction:column;gap:6px;display:flex}.slider span{justify-content:space-between;display:flex}.slider em{color:#3fb950;font-style:normal}.slider input{width:100%}.camera-box{aspect-ratio:4/3;z-index:3;background:#000;border:1px solid #f0f6fc26;border-radius:12px;width:320px;position:fixed;bottom:16px;right:16px;overflow:hidden}.camera-box.hidden{display:none}.camera-box.immersive{aspect-ratio:auto;z-index:0;border:none;border-radius:0;width:100%;height:100%;inset:0}.camera-box.immersive video{filter:brightness(.7)saturate(.85)}.camera-box.immersive canvas{opacity:.85}.camera-box video,.camera-box canvas{object-fit:cover;width:100%;height:100%;position:absolute;inset:0;transform:scaleX(-1)}