:root{--bg: #141619;--panel: #1c1f24;--panel-2: #22262c;--border: #2e333b;--text: #d7dce3;--text-dim: #8b93a0;--accent: #5b9dd9;--accent-2: #3fc98b;--danger: #d96a6a;--radius: 8px;font-size:14px}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden}body{display:flex;background:var(--bg);color:var(--text);font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif}#sidebar{width:330px;flex:0 0 330px;display:flex;flex-direction:column;background:var(--panel);border-right:1px solid var(--border);height:100%}#app-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 10px;border-bottom:1px solid var(--border)}#app-header h1{margin:0;font-size:16px;font-weight:650;letter-spacing:.02em}#status-pill{font-size:11px;padding:3px 10px;border-radius:99px;background:var(--panel-2);color:var(--text-dim);border:1px solid var(--border);text-transform:lowercase}#status-pill[data-state=busy]{color:#ffd479;border-color:#6b5a2a}#status-pill[data-state=ready]{color:var(--accent-2);border-color:#2a5a44}#status-pill[data-state=error]{color:var(--danger);border-color:#6b2a2a}#controls{flex:1;overflow-y:auto;overflow-x:hidden;padding:12px;display:flex;flex-direction:column;gap:12px}.section{background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius);padding:12px;display:flex;flex-direction:column;gap:10px}.section>h2{margin:0;font-size:11px;font-weight:650;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim)}.row{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:24px}.row>label{color:var(--text-dim);flex:0 0 auto}.row>.control{flex:1;display:flex;justify-content:flex-end;align-items:center;gap:8px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:8px}.grid-2 .cell label{display:block;font-size:11px;color:var(--text-dim);margin-bottom:3px}select,input[type=number]{background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:5px 8px;font:inherit;font-size:13px;width:100%}select:focus,input[type=number]:focus{outline:1px solid var(--accent);outline-offset:-1px}input[type=number].small{width:88px;flex:0 0 88px}input[type=range]{flex:1 1 0;width:0;accent-color:var(--accent);min-width:0}.checkbox{display:flex;align-items:center;gap:8px;cursor:pointer;user-select:none}.checkbox input{accent-color:var(--accent);margin:0}.checkbox.disabled{opacity:.4;pointer-events:none}.check-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px 10px}button{font:inherit;border-radius:6px;border:1px solid var(--border);background:var(--panel);color:var(--text);padding:7px 12px;cursor:pointer}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.45;cursor:default}button.primary{background:var(--accent);border-color:transparent;color:#0e1116;font-weight:650}button.primary:hover:not(:disabled){filter:brightness(1.1)}button.danger{color:var(--danger)}.btn-row{display:flex;gap:8px}.btn-row button{flex:1}.kv{display:grid;grid-template-columns:auto 1fr;gap:3px 12px;font-size:12.5px}.kv dt{color:var(--text-dim);margin:0}.kv dd{margin:0;text-align:right;font-variant-numeric:tabular-nums}.kv dd.good{color:var(--accent-2)}.kv dd.warn{color:#ffd479}.hint{font-size:12px;color:var(--text-dim);margin:0}#log-panel{border-top:1px solid var(--border);flex:0 0 auto}#log-title{font-size:11px;font-weight:650;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);padding:8px 12px 4px}#log{height:130px;overflow-y:auto;padding:0 12px 10px;font-family:JetBrains Mono,ui-monospace,Cascadia Code,monospace;font-size:11px;line-height:1.55;color:var(--text-dim)}#log .err{color:var(--danger)}#log time{opacity:.55;margin-right:6px}#viewport{position:relative;flex:1;min-width:0;height:100%}#viewport canvas{display:block}#progress-overlay{position:absolute;top:16px;left:50%;transform:translate(-50%);z-index:10;background:#141619eb;border:1px solid var(--border);border-radius:var(--radius);padding:10px 16px;width:320px}#progress-label{font-size:12px;color:var(--text);margin-bottom:7px}#progress-track{height:5px;border-radius:3px;background:var(--panel-2);overflow:hidden}#progress-bar{height:100%;width:0%;border-radius:3px;background:var(--accent);transition:width .15s ease}#progress-bar.indeterminate{width:35%!important;animation:slide 1.1s ease-in-out infinite alternate}@keyframes slide{0%{margin-left:0}to{margin-left:65%}}#legend{position:absolute;left:14px;bottom:12px;display:flex;gap:12px;pointer-events:none}.chip{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--text-dim)}.chip i{width:10px;height:10px;border-radius:3px;display:inline-block}#render-stats{position:absolute;right:14px;bottom:12px;font-size:11px;color:var(--text-dim);font-variant-numeric:tabular-nums;pointer-events:none}