[data-v-51d9c0ac]:root{--bg:#0f1115;--panel:#12161d;--panel-2:#171c25;--text:#e5e7eb;--muted:#9aa3b2;--border:#202631;--accent:#66a6ff;--accent-2:#4cc9f0;--shadow:0 10px 30px rgba(0,0,0,0.35)}.layout[data-v-51d9c0ac]{display:flex;flex-direction:column;height:100vh;color:var(--text)}[dir] .layout[data-v-51d9c0ac]{background:var(--bg)}.topbar[data-v-51d9c0ac]{position:sticky;top:0;z-index:5;display:flex;gap:8px;align-items:center}[dir] .topbar[data-v-51d9c0ac]{background:var(--panel);border-bottom:1px solid var(--border);padding:8px 12px;box-shadow:var(--shadow)}.topbar .spacer[data-v-51d9c0ac]{flex:1}.wrap[data-v-51d9c0ac]{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px;height:100%;box-sizing:border-box;overflow:hidden}[dir] .wrap[data-v-51d9c0ac]{padding:16px}#viewportWrap[data-v-51d9c0ac]{position:relative;min-height:480px;overflow:hidden}[dir] #viewportWrap[data-v-51d9c0ac]{background:#0b0e14;border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow)}#viewportWrap canvas[data-v-51d9c0ac]{position:absolute;inset:0;image-rendering:pixelated}.hud[data-v-51d9c0ac]{position:absolute;bottom:10px;font:12px/1.1 system-ui,-apple-system,Segoe UI,Roboto,Arial;color:#d1d5db;backdrop-filter:blur(2px)}[dir] .hud[data-v-51d9c0ac]{background:rgba(0,0,0,.45);padding:6px 10px;border:1px solid hsla(0,0%,100%,.06);border-radius:8px}[dir=ltr] .hud[data-v-51d9c0ac]{left:10px}[dir=rtl] .hud[data-v-51d9c0ac]{right:10px}.right[data-v-51d9c0ac]{display:flex;flex-direction:column;gap:12px;overflow:auto}[dir] .right[data-v-51d9c0ac]{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:14px;box-shadow:var(--shadow)}.metric[data-v-51d9c0ac]{color:#cbd5e1;line-height:1.35}.group .label[data-v-51d9c0ac]{font-size:12px;color:#b9c2d0}[dir] .group .label[data-v-51d9c0ac]{margin-bottom:6px}.row.btns[data-v-51d9c0ac]{display:flex;gap:8px}[dir] .row.btns[data-v-51d9c0ac]{margin-top:8px}.btn[data-v-51d9c0ac],.tool[data-v-51d9c0ac]{display:inline-flex;align-items:center;gap:6px;color:#e6edf7;transition:transform .06s ease,background .2s ease,border-color .2s ease}[dir] .btn[data-v-51d9c0ac],[dir] .tool[data-v-51d9c0ac]{padding:8px 12px;border-radius:10px;cursor:pointer;background:var(--panel-2);border:1px solid var(--border)}[dir] .btn[data-v-51d9c0ac]:hover,[dir] .tool[data-v-51d9c0ac]:hover{background:#1a2130;border-color:#2a3343}[dir] .btn[data-v-51d9c0ac]:active,[dir] .tool[data-v-51d9c0ac]:active{transform:translateY(1px)}.tool.active[data-v-51d9c0ac]{outline:2px solid #24476b}.slider[data-v-51d9c0ac]{width:100%;height:28px}[dir] .slider[data-v-51d9c0ac]{background:transparent}.slider[data-v-51d9c0ac]:focus{outline:none}.slider[data-v-51d9c0ac]::-webkit-slider-runnable-track{height:4px}[dir] .slider[data-v-51d9c0ac]::-webkit-slider-runnable-track{background:#2b3240;border-radius:999px;border:1px solid #1e2430}.slider[data-v-51d9c0ac]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px}[dir] .slider[data-v-51d9c0ac]::-webkit-slider-thumb{border-radius:50%;border:1px solid #0b0e14;margin-top:-6px;box-shadow:0 2px 6px rgba(0,0,0,.4)}[dir=ltr] .slider[data-v-51d9c0ac]::-webkit-slider-thumb{background:linear-gradient(180deg,var(--accent),var(--accent-2))}[dir=rtl] .slider[data-v-51d9c0ac]::-webkit-slider-thumb{background:linear-gradient(-180deg,var(--accent),var(--accent-2))}.slider[data-v-51d9c0ac]::-moz-range-track{height:4px}[dir] .slider[data-v-51d9c0ac]::-moz-range-track{background:#2b3240;border-radius:999px;border:1px solid #1e2430}.slider[data-v-51d9c0ac]::-moz-range-thumb{width:16px;height:16px}[dir] .slider[data-v-51d9c0ac]::-moz-range-thumb{border-radius:50%;border:1px solid #0b0e14;box-shadow:0 2px 6px rgba(0,0,0,.4)}[dir=ltr] .slider[data-v-51d9c0ac]::-moz-range-thumb{background:linear-gradient(180deg,var(--accent),var(--accent-2))}[dir=rtl] .slider[data-v-51d9c0ac]::-moz-range-thumb{background:linear-gradient(-180deg,var(--accent),var(--accent-2))}.ctx[data-v-51d9c0ac]{position:absolute;z-index:10;min-width:190px;color:var(--text)}[dir] .ctx[data-v-51d9c0ac]{background:var(--panel);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow);padding:6px}.ctx button[data-v-51d9c0ac]{display:block;width:100%;color:#d6d9df}[dir] .ctx button[data-v-51d9c0ac]{background:transparent;border:0;padding:8px 10px;border-radius:8px;cursor:pointer}[dir=ltr] .ctx button[data-v-51d9c0ac]{text-align:left}[dir=rtl] .ctx button[data-v-51d9c0ac]{text-align:right}[dir] .ctx button[data-v-51d9c0ac]:hover{background:#1a2130}[dir] .ctx hr[data-v-51d9c0ac]{border:none;border-top:1px solid #2a3343;margin:6px 0}