.workspace-bar{display:flex;flex-wrap:wrap;align-items:end;gap:6px;padding:10px 12px 8px;border-bottom:1px solid var(--line);font:12px/1.4 Arial,sans-serif}
.workspace-bar label{margin:0;gap:3px;font-size:10px;flex:1;min-width:100px;max-width:220px}.workspace-bar input,.workspace-bar select{width:100%}
.workspace-bar button,.workspace-bar input,.workspace-bar select{font-size:12px;padding:6px 8px}
.workspace-more{position:relative;align-self:center}.workspace-more summary{list-style:none;padding:4px 8px;cursor:pointer;font-size:20px}.workspace-more[open]{min-width:200px}.workspace-more p{margin:6px 0;font-size:11px}.workspace-more button{white-space:normal}
.chart-toolbar{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;align-items:center;padding:10px 12px;font:12px/1.5 Arial,sans-serif;color:var(--muted)}
.chart-toolbar form,.chart-actions,.button-row,.compare-toolbar{display:flex;flex-wrap:wrap;gap:6px;align-items:end}
.chart-toolbar label,.compare-toolbar label{margin:0;font-size:10px;gap:3px}.chart-toolbar input,.compare-toolbar input{width:100px}.chart-toolbar select,.compare-toolbar select{width:auto}
.chart-toolbar button,.chart-toolbar input,.chart-toolbar select,.compare-toolbar button,.compare-toolbar input,.compare-toolbar select,.button-row button{padding:6px 8px;font-size:12px}
.chart-actions{align-items:center}.chart-layout{display:flex;gap:2px}.chart-layout button{display:flex;align-items:center;gap:4px}.chart-layout svg{width:28px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5}.chart-layout button[aria-pressed=true]{background:var(--hover);border-color:var(--accent)}
.compare-toolbar{padding:0 12px 10px;font:11px/1.5 Arial,sans-serif;color:var(--muted)}.compare-toolbar span{align-self:center;max-width:260px}
.price-pane,.hist-pane{display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch;gap:0;overflow:hidden}
.two-charts .price-pane,.two-charts .hist-pane{grid-template-columns:minmax(0,var(--split-left)) 12px minmax(0,var(--split-right))}
.plot-slot{position:relative;min-width:0;min-height:0;overflow:hidden;grid-column:1;grid-row:1}.plot-slot~.plot-slot{grid-column:3}
.plot-slot canvas{display:block;width:100%;height:100%;touch-action:none;cursor:crosshair}
.plot-caption{position:absolute;left:9px;top:5px;z-index:1;font:11px/1.4 Arial,sans-serif;color:var(--muted);pointer-events:none;max-width:calc(100% - 18px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hist-pane .plot-slot{height:100%}.compare-divider{grid-column:2;grid-row:1;cursor:col-resize;background:var(--paper);border-left:1px solid var(--line);border-right:1px solid var(--line);z-index:2}
.hist-off #histPane,.hist-off #histDivider{display:none}
.chart-stack{display:flex;flex-direction:column;flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line) var(--light)}
.chart-stack .price-pane{flex:1 0 180px;min-height:180px}
.price-height-manual .chart-stack .price-pane{flex:0 0 var(--price-height,380px);height:var(--price-height,380px)}
#oscillatorPanes{flex:0 0 auto;margin:0 12px}
#volumePane{flex:0 0 auto;margin:0 12px}
#volumePane[hidden]{display:none}
.volume-pane{flex:0 0 auto}
.oscillator-pane{display:flex;flex-direction:column;min-height:96px;border:1px solid var(--line);margin:10px 0 0;background:var(--light);overflow:hidden}
.oscillator-heading{flex:0 0 28px;display:flex;align-items:center;gap:10px;padding:0 8px;font:11px/1.4 Arial,sans-serif;color:var(--muted)}
.oscillator-heading strong{font-weight:500;color:var(--ink)}.oscillator-summary{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.oscillator-heading button{margin-left:auto;flex-shrink:0;font-size:18px;line-height:1;padding:2px 6px}
.oscillator-grid{display:grid;grid-template-columns:minmax(0,1fr);flex:1;min-height:0}
.two-charts .oscillator-grid{grid-template-columns:minmax(0,var(--split-left)) 12px minmax(0,var(--split-right))}
.oscillator-slot{position:relative;min-width:0;min-height:0;grid-row:1;grid-column:1;overflow:hidden}.oscillator-slot~.oscillator-slot{grid-column:3}
.oscillator-slot canvas{width:100%;height:100%;display:block;touch-action:none;cursor:crosshair}
.oscillator-readout{position:absolute;top:2px;left:12px;right:65px;pointer-events:none;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font:10px/1.4 Arial,sans-serif;color:var(--muted)}
.oscillator-column-gap{grid-column:2;grid-row:1;background:var(--paper);border-left:1px solid var(--line);border-right:1px solid var(--line)}
.oscillator-resize{position:relative;flex:0 0 10px;touch-action:none;cursor:row-resize;border-top:1px solid var(--line)}.oscillator-resize:after{content:'';position:absolute;top:3px;left:calc(50% - 18px);width:36px;border-top:1px solid var(--muted)}.oscillator-resize:hover{background:var(--hover)}
.oscillator-controls{border-top:1px solid var(--line);padding-top:18px;margin-top:18px}.oscillator-controls>p{margin:0 0 16px}
.oscillator-choice{border-bottom:1px solid var(--line);padding:12px 0}.oscillator-choice .check{margin:0}.oscillator-choice details{font:12px/1.5 Arial,sans-serif;margin-top:8px}.oscillator-choice summary{cursor:pointer;color:var(--muted)}.oscillator-choice form{margin-top:12px}.oscillator-choice form label{font-size:12px;margin:12px 0}.oscillator-choice input[type=number]{width:100%;padding:6px 8px;font-size:12px}
.oscillator-levels{display:grid;grid-template-columns:1fr 1fr;gap:8px}.oscillator-error{font:11px/1.5 Arial,sans-serif;color:var(--sell);margin-top:8px}
.alignment-component{min-width:0;border:1px solid var(--line);margin:12px 0;padding:6px 10px}.alignment-component legend{font:12px Arial,sans-serif;color:var(--ink);padding:0 4px}.alignment-component label{min-width:0}
@media(max-width:480px){.oscillator-heading{gap:6px;font-size:10px}.oscillator-readout{font-size:9px}.oscillator-summary{font-size:9px}}
.analysis-settings{padding-bottom:10px;margin-bottom:12px}.check{flex-direction:row;align-items:center;margin-bottom:12px;gap:8px}.check input{margin:0}
.analysis-settings details{margin-top:16px;font:12px/1.7 Arial,sans-serif}.analysis-settings summary{cursor:pointer;color:var(--ink)}
.analysis-settings>.indicator-block{margin:0;font:inherit}
.indicator-block>summary{padding:6px 0;font:22px/1.35 Georgia,serif}
.indicator-block>summary small{display:inline-block;margin-left:8px;font:10px/1.4 Arial,sans-serif;color:var(--muted);vertical-align:middle}
.indicator-block>summary:hover{color:var(--accent)}
.indicator-options{padding-top:16px}
.volume-settings{border-top:1px solid var(--line);padding-top:18px}
#profileSummary{font:11px/1.7 Arial,sans-serif;white-space:pre-wrap;overflow-wrap:anywhere;margin:10px 0;max-height:340px;overflow:auto}
#analysisState.error{color:var(--sell)}.load-empty{font:12px/1.8 Arial,sans-serif;text-align:center;padding:30px;color:var(--muted);margin:auto}
@media(max-width:780px){.chart-toolbar{padding:8px}.chart-actions button{font-size:11px}.plot-caption{font-size:10px}.workspace-bar{padding:8px}}
@media(max-width:480px){.chart-toolbar form{gap:4px}.chart-toolbar input{width:80px}.workspace-bar label{max-width:none}.compare-toolbar span{display:none}.chart-toolbar{gap:6px}.workspace-bar .primary{flex:1}}


.combo-hist-pane{height:var(--combo-hist-height,240px);flex:0 0 var(--combo-hist-height,240px);border-top:1px solid var(--line)}
.combo-hist-off #comboHistPane{display:none}
#comboSummary{white-space:pre-wrap;overflow-wrap:anywhere;font:11px/1.7 Arial,sans-serif}
.combo-settings{border-top:1px solid var(--line);padding-top:18px}
input[type=color]{width:100%;height:32px;padding:3px;cursor:pointer}

.dwave-up{color:var(--dwave-up)}.dwave-down{color:var(--dwave-down)}.dwave-legend{font-weight:600}