:root{--bg-app:#f4f4f5;--bg-sidebar:#fff;--bg-panel:#e4e4e7;--text-main:#18181b;--text-muted:#71717a;--text-accent:#0284c7;--border-color:#e4e4e7;--focus-ring:#0284c766;--font-sans:"Segoe UI", system-ui, -apple-system, sans-serif;--font-mono:"Fira Code", "Courier New", monospace}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-app);color:var(--text-main);height:100vh;overflow:hidden}.app-container{grid-template-columns:320px 1fr;height:100vh;display:grid}.sidebar{background-color:var(--bg-sidebar);border-right:1px solid var(--border-color);flex-direction:column;padding:20px;display:flex;overflow-y:auto;box-shadow:2px 0 8px #00000005}.sidebar__header{justify-content:space-between;align-items:baseline;margin-bottom:30px;display:flex}.sidebar__title{color:var(--text-accent);font-size:1.2rem;font-weight:600}.sidebar__badge{font-size:.7rem;font-family:var(--font-mono);background:var(--bg-panel);color:var(--text-main);border-radius:4px;padding:2px 6px}.sidebar__section{margin-bottom:24px}.section__title{text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);border-bottom:1px solid var(--border-color);margin-bottom:12px;padding-bottom:4px;font-size:.85rem}.control-group{flex-direction:column;gap:10px;display:flex}.btn{text-align:center;cursor:pointer;border:1px solid #0000;border-radius:4px;padding:8px 16px;font-size:.9rem;font-weight:500;transition:all .2s;display:inline-block}.btn--primary{background-color:var(--text-accent);color:#fff}.btn--primary:hover{background-color:#0369a1}.status-text{font-size:.8rem;font-family:var(--font-mono)}.text--muted{color:var(--text-muted)}.text--accent{color:var(--text-accent);font-weight:700}.slider-header{font-size:.85rem;font-family:var(--font-mono);justify-content:space-between;display:flex}.slider{cursor:pointer;width:100%;accent-color:var(--text-accent)}.checkbox-label{cursor:pointer;align-items:center;gap:8px;font-size:.9rem;display:flex}.checkbox-label input[type=checkbox]{accent-color:var(--text-accent)}.sidebar__footer{border-top:1px solid var(--border-color);font-family:var(--font-mono);color:var(--text-muted);justify-content:space-between;margin-top:auto;padding-top:16px;font-size:.8rem;display:flex}.viewport{background-color:#f8fafc;position:relative;overflow:hidden}.csl-map{transform-origin:0 0;will-change:transform;pointer-events:none;z-index:1;display:none;position:absolute;top:0;left:0}#heatmap-canvas{z-index:2;cursor:grab;touch-action:none;width:100%;height:100%;position:absolute;top:0;left:0}#heatmap-canvas:active{cursor:grabbing}