:root{--bg: #0f1316;--panel: #171c21;--panel-2: #1f262d;--border: #2a333c;--text: #e6ebf0;--muted: #8a97a5;--accent: #4fc3f7;--accent-2: #ffb74d;--danger: #ef5350;--radius: 10px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;color-scheme:dark}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;background:var(--bg);color:var(--text)}body{-webkit-font-smoothing:antialiased;overscroll-behavior:none}h1,h2,h3{margin:0 0 8px;font-weight:600}h1{font-size:18px}h2{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}h3{font-size:14px}p{margin:4px 0}a{color:var(--accent);text-decoration:none}button,select,input[type=text],input[type=number]{font:inherit;color:var(--text);background:var(--panel-2);border:1px solid var(--border);border-radius:6px;padding:6px 10px}button{cursor:pointer;min-height:32px}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.45;cursor:default}button.on,.segmented button.on,.chamber.on,.toggle.on,button.primary{background:var(--accent);color:#06202b;border-color:var(--accent);font-weight:600}button.link{background:none;border:none;padding:2px 6px;color:var(--accent);min-height:0}button.icon{padding:0 8px;min-height:28px}input[type=range]{flex:1;accent-color:var(--accent);min-width:0}input[type=file]{width:100%;margin:6px 0}kbd{background:var(--panel-2);border:1px solid var(--border);border-radius:4px;padding:1px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}table{border-collapse:collapse;width:100%}td,th{padding:4px 8px;text-align:left;border-bottom:1px solid var(--border)}th{color:var(--muted);font-weight:500}.app{display:flex;flex-direction:column;min-height:100%}.topbar{display:flex;align-items:center;gap:24px;padding:10px 16px;border-bottom:1px solid var(--border);background:var(--panel);position:sticky;top:0;z-index:5}.topbar nav{display:flex;gap:4px}.topbar nav a{padding:6px 12px;border-radius:6px;color:var(--muted)}.topbar nav a.on{background:var(--panel-2);color:var(--text)}.frozen-indicator{margin-left:auto;display:flex;gap:6px}.frozen-indicator span{width:26px;height:26px;border-radius:50%;border:1px solid var(--border);display:grid;place-items:center;color:var(--muted);font-size:12px}.frozen-indicator span.on{background:var(--accent-2);color:#241300;border-color:var(--accent-2);font-weight:700}.sub{color:var(--muted);font-weight:400;font-size:12px}.hint{color:var(--muted);font-size:12px}.error{color:var(--danger)}.banner{padding:8px 16px;background:#2b1416}footer{padding:8px 16px;text-align:center;border-top:1px solid var(--border);margin-top:auto}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px}.control{margin:10px 0}.control>label,.control-head label{display:block;color:var(--muted);font-size:12px;margin-bottom:4px}.control-head{display:flex;justify-content:space-between;align-items:baseline}.control-head .value{font-variant-numeric:tabular-nums;font-size:18px;font-weight:600}.control.disabled{opacity:.6}.stepper{display:flex;gap:6px;align-items:center}.stepper button{width:36px;padding:0}.segmented{display:flex;gap:4px;flex-wrap:wrap}.segmented button{flex:1 1 auto;padding:6px 8px}.segmented.small button{padding:4px 8px;min-height:28px;font-size:12px}.aec .segmented.small{flex-wrap:nowrap;flex:1}.aec .segmented.small button{padding:4px 2px;min-width:0}.badge{font-size:10px;background:var(--accent);color:#06202b;border-radius:4px;padding:1px 5px;margin-left:6px;font-weight:700}.badge.muted{background:var(--panel-2);color:var(--muted);font-weight:500}.row{display:flex;gap:8px;align-items:center;margin:8px 0}.row.wrap{flex-wrap:wrap}.row .label{color:var(--muted);font-size:12px;min-width:70px}.row input[type=text]{flex:1;min-width:0}.chambers{display:flex;gap:6px}.chamber{flex:1}.aec-body.muted{opacity:.5}.toggle{min-width:56px}.expose{width:100%;margin-top:12px;padding:14px;font-size:18px;font-weight:700;background:#c62828;border-color:#c62828;color:#fff;border-radius:var(--radius)}.expose:hover:not(:disabled){background:#e53935;border-color:#e53935}select{width:100%}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px 10px}.form-grid label{font-size:12px;color:var(--muted);display:flex;flex-direction:column;gap:2px}.form-grid input,.form-grid select{width:100%}.simulator,.calibration{display:grid;grid-template-columns:300px minmax(0,1fr) 300px;gap:12px;padding:12px 16px;align-items:start}.calibration{grid-template-columns:340px minmax(0,1fr)}.column{display:flex;flex-direction:column;gap:12px;min-width:0}.column.centre{position:sticky;top:62px}.viewer-toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:8px}.viewer-toolbar .wl{display:flex;gap:6px;align-items:center;font-variant-numeric:tabular-nums}.viewer-toolbar .freeze{margin-left:auto;display:flex;gap:6px}.viewer{background:#000;border-radius:var(--radius);border:1px solid var(--border);display:grid;place-items:center;overflow:hidden;min-height:300px;max-height:calc(100vh - 150px)}.viewer-frame{position:relative;max-height:calc(100vh - 152px);max-width:100%;height:100%}.viewer-canvas{display:block;width:100%;height:100%;max-height:calc(100vh - 152px);object-fit:contain;touch-action:none;cursor:crosshair;image-rendering:auto}.viewer-placeholder{color:var(--muted);padding:40px;text-align:center}.roi-overlay{position:absolute;border:1px dashed;pointer-events:none;font-size:10px}.roi-overlay span{position:absolute;top:-14px;left:0;white-space:nowrap}.readouts .di{border:2px solid;border-radius:var(--radius);padding:10px;text-align:center;margin-bottom:10px}.readouts .di-value{font-size:28px;font-weight:700;font-variant-numeric:tabular-nums}.readouts .di-label{color:var(--muted);font-size:12px}.readout-grid{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;margin:0}.readout-grid dt{color:var(--muted);font-size:12px}.readout-grid dd{margin:0;text-align:right;font-variant-numeric:tabular-nums}.readouts.compact .di{padding:6px}.readouts.compact .di-value{font-size:20px}.warnings{list-style:none;padding:0;margin:10px 0 0;display:flex;flex-direction:column;gap:6px}.warning{background:#3a2a14;border-left:3px solid var(--accent-2);padding:6px 8px;border-radius:4px;font-size:12px}.warning.backup-timer,.warning.saturation{background:#3a1a1a;border-left-color:var(--danger)}.scenario-list{list-style:none;padding:0;margin:8px 0 0;display:flex;flex-direction:column;gap:4px}.scenario-list li{display:flex;align-items:center;gap:6px}.scenario-list .link{flex:1;text-align:left;display:flex;flex-direction:column;color:var(--text);padding:6px 8px;border-radius:6px}.scenario-list .link:hover,.scenario-list .link.on{background:var(--panel-2)}.compare{padding:12px 16px}.side-by-side{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pane{min-width:0}.caption{font-size:12px;margin:6px 0}.split-stage{position:relative;width:100%;aspect-ratio:4 / 3;max-height:calc(100vh - 220px);background:#000;border-radius:var(--radius);overflow:hidden;touch-action:none;user-select:none}.split-layer{position:absolute;inset:0;display:grid;place-items:center}.split-layer .viewer{border:none;border-radius:0;height:100%;width:100%}.split-handle{position:absolute;top:0;bottom:0;width:2px;background:var(--accent-2);transform:translate(-1px);cursor:ew-resize}.split-handle:after{content:"";position:absolute;top:50%;left:50%;width:28px;height:28px;margin:-14px;border-radius:50%;background:var(--accent-2);box-shadow:0 0 0 3px #00000080}.split-handle .tag{position:absolute;top:8px;background:#0009;padding:2px 8px;border-radius:4px;font-weight:700}.split-handle .tag.left{right:10px}.split-handle .tag.right{left:10px}.split-captions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:10px}.stats td:not(:first-child){text-align:right;font-variant-numeric:tabular-nums}.modal-backdrop{position:fixed;inset:0;background:#0009;display:grid;place-items:center;z-index:20}.modal{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:20px;max-width:420px;width:90%}.modal table{margin:10px 0}.modal td:first-child{width:120px}@media (max-width: 1180px){.simulator{grid-template-columns:280px minmax(0,1fr)}.simulator .column.right{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr}.calibration{grid-template-columns:1fr}.column.centre{position:static}}@media (max-width: 820px){.simulator,.simulator .column.right,.side-by-side,.split-captions{grid-template-columns:1fr}.topbar{flex-wrap:wrap;gap:8px}.viewer,.viewer-frame,.viewer-canvas{max-height:70vh}}