:root{--bg-app: #121212;--bg-panel: #1a1a1a;--border-subtle: #333333;--text-main: #e0e0e0;--text-dim: #888888;--accent-label: #9cdcfe;--accent-sub-label: #569cd6;--color-number: #b5cea8;--color-critical: #f44747;--bg-toolbar: #252526;--text-toolbar: #cccccc}.observables-container{column-gap:12px;row-gap:6px;font-family:JetBrains Mono,Fira Code,monospace;font-size:13px;background:var(--bg-panel);color:var(--text-main);padding:16px;border-radius:4px;border:1px solid var(--border-subtle)}.observables-header{padding-top:12px;padding-bottom:4px;border-bottom:1px solid var(--border-subtle);color:var(--text-dim);font-size:11px;text-transform:uppercase;letter-spacing:.05em}.observables-label{color:var(--accent-label)}.observables-component-label{color:var(--accent-sub-label);text-align:right}.observables-value{color:var(--color-number);text-align:right}main{margin-top:15px}.app-layout{display:grid;grid-template-columns:100px 800px 400px;grid-template-rows:min-content min-content;gap:5px;background-color:var(--bg-app);min-height:100vh;justify-content:center;align-content:start}.controls{grid-column:2;display:flex;align-items:center;gap:15px;color:var(--text-main);padding-bottom:10px}.canvas-container{grid-column:2;height:600px}.canvas-container canvas{background:#000;cursor:crosshair;border-radius:4px;border:1px solid var(--border-subtle);user-select:none;-webkit-user-select:none;-webkit-user-drag:none;touch-action:none}.brushes-panel{grid-column:1;grid-row:2;align-self:start}.side-panel{grid-column:3;grid-row:2;align-self:start}.btn{background:var(--bg-panel);color:var(--text-main);border:1px solid var(--border-subtle);padding:6px 12px;border-radius:4px;cursor:pointer;font-family:inherit;font-size:13px}.toggle{display:flex;align-items:center;gap:8px;font-size:13px;cursor:pointer;user-select:none;color:var(--text-dim)}.toggle input[type=checkbox]{cursor:pointer;accent-color:var(--accent-sub-label)}.top-stats{font-family:JetBrains Mono,monospace;font-size:13px;color:var(--text-dim);font-variant-numeric:tabular-nums;display:inline-block;min-width:50px}.top-nav{display:flex;align-items:center;background-color:var(--bg-toolbar);border-bottom:1px solid var(--border-subtle);padding:0 10px;font-size:12px;color:var(--text-toolbar)}.system-dropdown{background-color:var(--bg-panel);color:var(--text-main);border:1px solid var(--border-subtle);border-radius:3px;padding:1px 4px;font-family:inherit;font-size:12px;cursor:pointer}.system-dropdown:hover{border-color:var(--accent-sub-label)}.system-dropdown:focus{outline:1px solid var(--accent-sub-label)}*,*:before,*:after{box-sizing:border-box}body{margin:0;padding:0;background-color:var(--bg-app);color:var(--text-main);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}