:root{letter-spacing:0;color-scheme:light;font-family:"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:#1f1f1f}
*{box-sizing:border-box}html,body{inline-size:100%;block-size:100%}body{margin:0;overflow:hidden;min-inline-size:320px}
#workspace{position:relative;isolation:isolate;inline-size:100vw;block-size:100vh;--workbench-edge-gap:4px}
#top-layer{position:absolute;inset:0;z-index:3;pointer-events:none;font-size:32px}
#sidebar-toggle{position:absolute;inset-block-start:0;inset-inline-start:0;margin:var(--workbench-edge-gap) 0 0 var(--workbench-edge-gap);padding:0;border:0;background:transparent;appearance:none;pointer-events:auto;font:inherit;line-height:1;cursor:pointer}
#sidebar-toggle::before{content:attr(data-glyph)}#sidebar-toggle:focus-visible{outline:2px solid currentColor;outline-offset:2px}
#control-plane{position:absolute;inset-block:0;inset-inline-start:0;z-index:2;inline-size:clamp(320px,28vw,440px);padding-block-start:var(--content-top,40px);padding-inline:var(--workbench-edge-gap);overflow-x:hidden;overflow-y:auto;background:Canvas;color:CanvasText;border-inline-end:1px solid #d0d0d0}
#control-plane h1{margin-block-start:0}#control-plane pre{max-inline-size:100%;overflow:auto}
#data-plane,#echarts-kline-engine,#graph-root{position:absolute;inset:0}#data-plane{z-index:1;overflow:hidden}#graph-root{inline-size:100%;block-size:100%}
#period-toggle{position:absolute;inset-block-start:12px;inset-inline:64px 20px;z-index:1;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px 16px;pointer-events:auto}
#period-toggle button{padding:0;border:0;background:transparent;color:#777;font:600 13px/1 "Segoe UI",sans-serif;cursor:pointer}
#period-toggle button[aria-pressed="true"]{color:#1f1f1f;font-weight:800}#period-toggle button:focus-visible{outline:2px solid #1f1f1f;outline-offset:3px}
#chart-meta{position:absolute;inset-inline:72px 48px;inset-block-end:4px;overflow:hidden;color:#4a4a4a;font-size:12px;line-height:18px;text-align:center;white-space:nowrap;text-overflow:ellipsis;pointer-events:none}
#workspace[data-sidebar="collapsed"] #control-plane{display:none}
@media(max-width:959px){#control-plane{inline-size:100%}#period-toggle{inset-inline:58px 10px;gap:8px}#chart-meta{inset-inline:50px 8px;font-size:11px}}