.chart-workbench{margin:24px 0;border:1px solid var(--ui-line,#dce5df);border-radius:16px;background:#fff;padding:16px}.chart-workbench-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.chart-workbench h3{font-size:18px;line-height:28px;margin:0}.chart-workbench-head p,.chart-workbench-head label{font-size:12px;line-height:20px;color:#61736b;margin:4px 0}.chart-workbench select,.chart-workbench input{border:1px solid #dce5df;border-radius:8px;font:inherit;padding:8px;background:white;color:#20382f}.chart-toolbar{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.chart-toolbar button,.chart-editor button{border:1px solid #dce5df;background:#f6f8f7;color:#20382f;padding:8px 12px;border-radius:8px;font:500 12px/20px Manrope,system-ui,sans-serif}.chart-toolbar button[aria-pressed="true"]{background:#eaf5ef;color:#247a67;border-color:#b8d9c8}.chart-toolbar button[data-action="save"]{margin-left:auto;background:#247a67;color:#fff}.chart-toolbar button:disabled{opacity:.45;cursor:default}.chart-canvas{position:relative;height:480px;min-width:0}.chart-native{position:absolute;inset:0}.chart-box-layer{position:absolute;top:0;left:0;pointer-events:none;overflow:hidden}.chart-box-layer.editing rect{pointer-events:all;touch-action:none;cursor:move}.chart-box-layer.editing [data-handle="lower"],.chart-box-layer.editing [data-handle="upper"]{cursor:ns-resize}.chart-box-layer.editing [data-handle="from"],.chart-box-layer.editing [data-handle="to"]{cursor:ew-resize}.chart-feed-status,.chart-message{font-size:12px;line-height:20px;margin:12px 0;color:#61736b}.chart-message.error,.chart-error{color:#924a43}.chart-error,.chart-loading{padding:32px;font-size:14px;line-height:24px}.chart-editor{display:flex;flex-wrap:wrap;align-items:end;gap:12px;padding:16px;background:#f6f8f7;border-radius:12px;margin-top:16px}.chart-editor label{display:grid;gap:4px;font-size:12px;color:#61736b;flex:1;min-width:120px}.chart-selection{width:100%;margin:0;font-size:12px;color:#61736b}.chart-attribution{display:block!important;font-size:12px!important;line-height:20px!important;color:#61736b;padding:16px 0 0!important}.chart-attribution span{display:block;margin-top:8px}.chart-analysis-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:24px;align-items:start;margin-top:24px}.chart-source-reference{border:1px solid #dce5df;border-radius:12px;padding:16px;font-size:14px}.chart-source-reference summary{cursor:pointer;color:#247a67;font-weight:600}.chart-source-reference .reader-chart-panel{margin-top:16px;position:static}@media(max-width:900px){.chart-analysis-grid{grid-template-columns:1fr}}@media(max-width:600px){.chart-workbench{padding:12px;margin:16px 0}.chart-canvas{height:360px}.chart-toolbar{gap:8px}.chart-toolbar button{font-size:12px;padding:8px}.chart-toolbar button[data-action="save"]{margin-left:0}.chart-editor{padding:12px}.chart-editor label{min-width:100px}.chart-workbench-head{gap:8px}}

.chart-native{z-index:0}.chart-box-layer{z-index:2}.chart-region-status,.chart-live-status{font-size:12px;line-height:20px;color:#247a67;margin:8px 0}.chart-region-status{font-weight:600}

.chart-canvas{isolation:isolate}.chart-canvas:has(+.chart-region-status){overflow:hidden;border-radius:8px}