*{box-sizing:border-box;margin:0;padding:0}img,canvas,svg,video{display:block;max-width:100%}button,input,select{font:inherit}:root{--bg-surface: #1a1a2e;--bg-panel: #1d2233;--bg-muted: #0f1422;--border: #2a3248;--text: #f2f4f8;--text-2: #b8bfd3;--text-3: #8b93a7;--accent-1: #00c6ff;--accent-2: #0072ff;--accent-muted: #64b5f6;--success: #22c55e;--warning: #f59e0b;--danger: #ef4444;--radius-1: 6px;--radius-2: 8px;--radius-3: 12px;--space-1: 8px;--space-2: 12px;--space-3: 16px;--space-4: 24px;--space-5: 32px;--shadow-1: 0 2px 8px rgba(0,0,0,.35);--shadow-inset: inset 0 2px 10px rgba(0,0,0,.5);--font: Inter, "Segoe UI", system-ui, -apple-system, Roboto, Ubuntu, Cantarell, sans-serif;--h1: clamp(22px, 2.6vw, 32px);--h2: clamp(18px, 2.1vw, 24px);--text-sm: 13px;--text-size: 15px;--text-readout: 14px;--ease: .2s ease}:root[data-theme=light]{--bg-surface: #f5f7fb;--bg-panel: #ffffff;--bg-muted: #eef2f7;--border: #d7ddea;--text: #0f172a;--text-2: #334155;--text-3: #64748b;--shadow-1: 0 2px 12px rgba(2, 6, 23, .08);--shadow-inset: inset 0 1px 4px rgba(2, 6, 23, .06)}html,body{height:100%}body{background:var(--bg-surface);color:var(--text);font-family:var(--font);font-size:var(--text-size);line-height:1.55}body:before{content:"";position:fixed;top:0;left:0;right:0;height:300px;background:radial-gradient(circle at top center,rgba(30,37,64,.6) 0%,transparent 100%);pointer-events:none;z-index:-1}.container{max-width:1400px;margin:0 auto;padding:var(--space-3)}.header{margin-bottom:var(--space-2);text-align:center}.header__title{font-size:var(--h1);font-weight:700;letter-spacing:-.2px;color:var(--text)}.header__subtitle{color:var(--text-3);font-size:var(--text-sm);margin-top:4px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}@media (max-width: 900px){.grid-2{grid-template-columns:1fr}}.panel{background:var(--bg-panel);border-radius:var(--radius-2);padding:20px 24px;box-shadow:var(--shadow-1);border:1px solid var(--border);line-height:1.4}.panel--muted{background:var(--bg-muted);box-shadow:var(--shadow-inset)}.panel__title{font-size:var(--h2);font-weight:600;margin-bottom:var(--space-2);display:flex;align-items:center;gap:10px;color:var(--accent-1)}.panel__title:after{content:"";flex:1 1 auto;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--accent-1),var(--accent-2));opacity:.35}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:var(--radius-1);border:1px solid transparent;font-weight:600;cursor:pointer;transition:transform var(--ease),box-shadow var(--ease),background var(--ease),border-color var(--ease),opacity var(--ease);-webkit-user-select:none;user-select:none}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--primary{color:#fff;background:linear-gradient(135deg,var(--accent-1),var(--accent-2));box-shadow:0 2px 10px #0072ff59}.btn--primary:hover{transform:translateY(-1px)}.btn--secondary{background:transparent;color:#e5e7eb;border-color:var(--border)}.btn--secondary:hover{background:#ffffff0f}.form{display:grid;gap:var(--space-2)}.control{display:grid;gap:6px;margin-bottom:var(--space-2)}.control__row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.control__label{color:var(--text-2);font-size:var(--text-sm);font-weight:400}.control__value{color:var(--accent-1);font-variant-numeric:tabular-nums;font-weight:600}.control-group{margin-bottom:var(--space-2);padding:0}.control-group__label{margin:0 0 var(--space-1) 0;font-size:var(--text-sm);font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-2)}.input,select,input[type=number],input[type=text]{width:100%;padding:8px 10px;border-radius:var(--radius-1);border:1px solid var(--border);background:var(--bg-muted);color:var(--text)}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:6px;width:100%;border-radius:999px;background:#ffffff1a;outline:none;transition:background var(--ease)}input[type=range]:hover{background:#ffffff24}input[type=range]:focus{background:#ffffff2e}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:18px;width:18px;border-radius:50%;background:linear-gradient(135deg,var(--accent-1),var(--accent-2));box-shadow:0 2px 6px #00000059;cursor:pointer;transition:box-shadow var(--ease)}input[type=range]:hover::-webkit-slider-thumb{box-shadow:0 0 6px #00c6ff99,0 2px 6px #00000059}input[type=range]::-moz-range-thumb{height:18px;width:18px;border:none;border-radius:50%;background:linear-gradient(135deg,var(--accent-1),var(--accent-2));box-shadow:0 2px 6px #00000059;cursor:pointer;transition:box-shadow var(--ease)}input[type=range]:hover::-moz-range-thumb{box-shadow:0 0 6px #00c6ff99,0 2px 6px #00000059}input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent-2)}.status{padding:10px 12px;border-radius:var(--radius-1);font-weight:600;border:1px solid transparent}.status--success{color:var(--success);background:#22c55e1f;border-color:#22c55e47}.status--warning{color:var(--warning);background:#f59e0b1f;border-color:#f59e0b47}.status--danger{color:var(--danger);background:#ef44441f;border-color:#ef444447}.readouts{width:100%;border-collapse:collapse}.readouts td{padding:6px 10px;border-bottom:1px solid var(--border);font-size:var(--text-readout)}.readouts td:first-child{color:var(--text-2);width:60%;font-weight:400}.readouts td:last-child{color:var(--accent-1);text-align:right;font-weight:600;font-variant-numeric:tabular-nums}.viz{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-2);padding:var(--space-2);box-shadow:var(--shadow-inset);transition:transform var(--ease)}.viz:hover{transform:scale(1.01)}.viz canvas{background:var(--bg-muted);border:1px solid var(--border);border-radius:var(--radius-1);box-shadow:var(--shadow-inset)}.row{display:flex;gap:var(--space-2);align-items:center}.center{display:grid;place-items:center}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.footer{margin-top:var(--space-5);padding-top:var(--space-2);border-top:1px solid var(--border);color:var(--text-3);font-size:var(--text-sm);text-align:center}.header__title{font-family:Playfair Display,Georgia,serif;font-size:clamp(24px,3vw,36px);font-weight:700}.viewport-panel{position:relative;width:100%;max-width:1400px;margin:0 auto;min-height:400px}#viewport{width:100%;height:100%;display:block;background:var(--bg-muted);border:1px solid var(--border);border-radius:var(--radius-1);box-shadow:var(--shadow-inset)}.control__label input[type=checkbox]{margin-right:8px;vertical-align:middle}#statusMessage{margin-top:var(--space-2)}.grid-2{gap:var(--space-2)}