.chart-surface{min-width:0;overflow:hidden;background:#070908}
.chart-surface__header{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #1c211e;background:#0c0f0e}
.chart-surface__actions{display:flex;align-items:center;gap:8px}
.chart-surface__button{width:28px;height:28px;padding:0;border:1px solid #4c4538;background:#0a0c0b;color:#c8c1b4;font:14px "DM Mono",monospace;cursor:pointer}
.chart-surface__button:hover{border-color:#ff9d00;color:#ffcf7d}
.chart-surface__button:focus-visible{outline:2px solid #fff;outline-offset:2px}
.chart-surface__status{min-height:27px;padding:7px 12px;border-bottom:1px solid #1c211e;color:#777f79;font:9px "DM Mono",monospace}
.chart-surface__stage{position:relative;min-width:0;background:#060807}
.chart-surface__chart{width:100%;height:320px}
@media(max-width:700px){.chart-surface__chart{height:250px}}