.curve-toolbar{position:absolute;inset:0 0 auto;height:32px;display:flex;align-items:center;gap:12px;padding:0 8px;background:#111922;border-bottom:1px solid #253342;z-index:2;font:11px system-ui;color:#b6c3d1}
.curve-toolbar label{display:flex;align-items:center;gap:5px;white-space:nowrap}.curve-toolbar select,.curve-toolbar button{height:24px;background:#172330;color:#e4edf7;border:1px solid #34475b;border-radius:4px;font:11px system-ui;max-width:230px}.curve-toolbar output{margin-left:auto;color:#83c8b8;white-space:nowrap}.curve-toolbar button:disabled,.curve-toolbar select:disabled{opacity:.4}
.curve-editor #curve-canvas{inset:33px 0 21px;width:100%;height:calc(100% - 54px);touch-action:none;cursor:crosshair}.curve-editor #curve-status{position:absolute;inset:auto 8px 3px;color:#94a3b3;font:10px system-ui;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.curve-editor .curve-empty{inset:34px 0 22px}
@media(max-width:1200px){.curve-toolbar{gap:6px}.curve-toolbar label{font-size:0}.curve-toolbar select,.curve-toolbar button{max-width:160px}.curve-toolbar output{font-size:10px}}