:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#111214;--bg-raised:#17181b;--bg-hover:#1f2024;--bg-active:#26282c;--border:#26282c;--text:#e4e4e7;--text-muted:#8b8d94;--text-faint:#5c5e66;--accent:#5b8def;--accent-soft:#5b8def29;--up:#2ebd85;--down:#f6465d;--warning:#e8b33e;--shadow:0 8px 24px #0006;--radius:4px;--topbar-height:38px;--control-height:26px;--statusbar-height:26px;--rail-width:40px;--inspector-width:232px;--price-axis-clearance:72px;color:var(--text);background:var(--bg);font-family:Wickd Open Sans,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;font-size:12px}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fff;--bg-raised:#fafafa;--bg-hover:#f1f1f3;--bg-active:#e7e7ea;--border:#e4e4e7;--text:#18181b;--text-muted:#71717a;--text-faint:#a1a1aa;--accent:#3b6fdc;--accent-soft:#3b6fdc1f;--up:#13a26b;--down:#e0384f;--shadow:0 8px 24px #0000001f}*{box-sizing:border-box}[hidden]{display:none!important}body{background:var(--bg);height:100dvh;margin:0;overflow:hidden}button,select,input{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:1px}svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.app{grid-template-rows:var(--topbar-height) minmax(0, 1fr) var(--statusbar-height);height:100%;display:grid}.workspace{grid-template-columns:var(--rail-width) minmax(0, 1fr);min-height:0;display:grid}.topbar{border-bottom:1px solid var(--border);align-items:center;gap:10px;min-width:0;padding:0 8px;display:flex}.brand{align-items:center;gap:7px;padding:0 6px 0 2px;font-size:13px;font-weight:600;line-height:1;display:flex}.brand-mark{background:var(--accent);border-radius:3px;width:12px;height:12px}.markets{scrollbar-width:none;gap:1px;min-width:0;display:flex;overflow-x:auto}.market,.segment,.button,.select,.icon-button{height:var(--control-height);white-space:nowrap;align-items:center;line-height:1;display:inline-flex}.market{border-radius:var(--radius);color:var(--text-muted);background:0 0;border:0;gap:6px;padding:0 8px}.market:hover{background:var(--bg-hover);color:var(--text)}.market[aria-current=true]{background:var(--bg-active);color:var(--text)}.market-symbol{font-weight:600}.market-price{color:var(--text-muted);font-variant-numeric:tabular-nums}.topbar-group{align-items:center;gap:4px;display:flex}.topbar-spacer{flex:1}.segmented{gap:1px;display:flex}.segment{border-radius:var(--radius);min-width:30px;color:var(--text-muted);background:0 0;border:0;justify-content:center;padding:0 6px}.segment:hover{background:var(--bg-hover);color:var(--text)}.segment[aria-checked=true]{background:var(--bg-active);color:var(--text)}.button,.select{border-radius:var(--radius);color:var(--text);background:0 0;border:0;padding:0 8px}.button:hover,.select:hover{background-color:var(--bg-hover)}.select{appearance:none;field-sizing:content;background-image:linear-gradient(45deg, transparent 50%, var(--text-muted) 50%), linear-gradient(135deg, var(--text-muted) 50%, transparent 50%);cursor:pointer;background-position:calc(100% - 12px),calc(100% - 8px);background-repeat:no-repeat;background-size:4px 4px;padding-right:22px}.select option{background:var(--bg-raised);color:var(--text)}.button-live[aria-pressed=true]{color:var(--up);gap:6px}.button-live[aria-pressed=true]:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.button-live[aria-pressed=false]{color:var(--text-muted)}.icon-button{width:var(--control-height);border-radius:var(--radius);color:var(--text-muted);background:0 0;border:0;justify-content:center;padding:0}.icon-button[aria-pressed=true]{color:var(--accent)}.icon-button:hover{background:var(--bg-hover);color:var(--text)}.topbar-divider{background:var(--border);width:1px;height:16px}.menu-anchor{position:relative}.menu{z-index:10;border:1px solid var(--border);background:var(--bg-raised);width:300px;max-height:min(640px,100dvh - 80px);box-shadow:var(--shadow);border-radius:8px;padding:4px;position:absolute;top:calc(100% + 4px);left:0;overflow-y:auto}.menu-section+.menu-section{border-top:1px solid var(--border);margin-top:4px;padding-top:4px}.menu-heading{color:var(--text-faint);margin:6px 8px 4px;font-size:11px;font-weight:600}.menu-empty{color:var(--text-muted);margin:4px 8px 8px}.menu-row{border-radius:var(--radius);align-items:center;gap:6px;height:30px;padding:0 4px 0 8px;display:flex}.menu-row:hover{background:var(--bg-hover)}.menu-row-title{flex:1;font-weight:600}.menu-row-actions{gap:2px;display:flex}.menu-icon-button{border-radius:var(--radius);width:24px;height:24px;color:var(--text-muted);background:0 0;border:0;place-items:center;padding:0;display:grid}.menu-icon-button:hover,.menu-icon-button[aria-expanded=true]{background:var(--bg-active);color:var(--text)}.menu-icon-button svg{width:14px;height:14px}.menu-item{border-radius:var(--radius);text-align:left;background:0 0;border:0;align-items:flex-start;gap:10px;width:100%;padding:7px 8px;display:flex}.menu-item:hover{background:var(--bg-hover)}.menu-item svg{width:14px;height:14px;color:var(--text-muted);flex:none;margin-top:1px}.menu-narrow{width:240px}.menu-check svg{visibility:hidden;color:var(--accent)}.menu-check[aria-checked=true] svg{visibility:visible}.button-menu{background-image:linear-gradient(45deg, transparent 50%, var(--text-muted) 50%), linear-gradient(135deg, var(--text-muted) 50%, transparent 50%);background-position:calc(100% - 12px),calc(100% - 8px);background-repeat:no-repeat;background-size:4px 4px;padding-right:22px}.menu-item-text{gap:1px;display:grid}.menu-item-description{color:var(--text-muted);font-size:11px}.settings{border-radius:var(--radius);background:var(--bg);gap:6px;margin:2px 4px 6px;padding:8px;display:grid}.setting{grid-template-columns:96px minmax(0,1fr);align-items:center;gap:8px;display:grid}.setting-label{color:var(--text-muted)}.setting-input{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-raised);min-width:0;height:26px;padding:0 6px}.setting-select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--text-muted) 50%), linear-gradient(135deg, var(--text-muted) 50%, transparent 50%);background-position:calc(100% - 12px),calc(100% - 8px);background-repeat:no-repeat;background-size:4px 4px;padding-right:22px}.setting-swatches{gap:4px;display:flex}.rail{border-right:1px solid var(--border);scrollbar-width:none;flex-direction:column;align-items:center;gap:2px;padding:6px 0;display:flex;overflow-y:auto}.rail-button{border-radius:var(--radius);width:30px;height:30px;color:var(--text-muted);background:0 0;border:0;flex:none;place-items:center;display:grid}.rail-button:hover{background:var(--bg-hover);color:var(--text)}.rail-button[aria-pressed=true]{background:var(--accent-soft);color:var(--accent)}.rail-divider{background:var(--border);flex:none;width:20px;height:1px;margin:4px 0}.chart-area{min-width:0;min-height:0;position:relative}.chart{display:grid;position:absolute;inset:0}.chart[data-layout=grid]{background:var(--border);grid-template:1fr 1fr/1fr 1fr;gap:1px}.cell{background:var(--bg);min-width:0;min-height:0;position:relative}.cell-active:after{content:"";border:1px solid var(--accent);pointer-events:none;position:absolute;inset:0}.chart-message{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-raised);color:var(--text-muted);pointer-events:none;padding:6px 12px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.chart-error{color:var(--down);pointer-events:auto}.replay{border:1px solid var(--border);background:var(--bg-raised);box-shadow:var(--shadow);border-radius:8px;align-items:center;gap:2px;padding:4px;display:flex;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.replay-button,.replay-speed{height:var(--control-height);min-width:var(--control-height);border-radius:var(--radius);color:var(--text-muted);background:0 0;border:0;justify-content:center;align-items:center;padding:0 6px;display:inline-flex}.replay-button:hover,.replay-speed:hover{background:var(--bg-hover);color:var(--text)}.replay-speeds{border-left:1px solid var(--border);border-right:1px solid var(--border);gap:1px;margin:0 4px;padding:0 4px;display:flex}.replay-speed[aria-checked=true]{background:var(--bg-active);color:var(--text)}.replay-progress{color:var(--text-muted);font-variant-numeric:tabular-nums;white-space:nowrap;padding:0 8px}.inspector{top:8px;right:var(--price-axis-clearance);width:var(--inspector-width);border:1px solid var(--border);background:var(--bg-raised);box-shadow:var(--shadow);border-radius:8px;padding:10px;position:absolute}.inspector-body{gap:8px;display:grid}.inspector-title{font-weight:600}.inspector-row{flex-wrap:wrap;gap:4px;display:flex}.swatch{border:2px solid #0000;border-radius:50%;width:20px;height:20px}.swatch[aria-pressed=true]{box-shadow:0 0 0 2px var(--bg), 0 0 0 3px var(--text)}.chip{border:1px solid var(--border);border-radius:var(--radius);height:24px;color:var(--text-muted);text-transform:capitalize;background:0 0;padding:0 8px}.chip:hover{background:var(--bg-hover);color:var(--text)}.chip[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.chip-danger:hover{color:var(--down)}.text-input{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-raised);height:28px;padding:0 8px}.statusbar{border-top:1px solid var(--border);color:var(--text-muted);font-variant-numeric:tabular-nums;align-items:center;gap:8px;padding:0 12px;font-size:11px;display:flex}.statusbar-spacer{flex:1}.status-dot{background:var(--text-faint);border-radius:50%;width:6px;height:6px}.status-dot[data-status=live]{background:var(--up)}.status-dot[data-status=loading],.status-dot[data-status=paused]{background:var(--warning)}.status-dot[data-status=error]{background:var(--down)}.scale-controls{gap:1px;margin-left:4px;display:flex}.scale-toggle{border-radius:var(--radius);min-width:26px;height:20px;color:var(--text-muted);background:0 0;border:0;padding:0 6px;font-size:11px}.scale-toggle:hover{background:var(--bg-hover);color:var(--text)}.scale-toggle[aria-pressed=true]{color:var(--accent)}.frame-times[data-over-budget=true]{color:var(--warning)}