:root{font-family:Arial,sans-serif;background-color:#2e2e2e;color:#e0e0e0}body,html,#root{margin:0;padding:0;min-height:100vh}.app-shell{padding:20px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.actions button{margin-left:12px;background-color:#444;border:1px solid #4a007a;color:#e0e0e0;padding:8px 16px;border-radius:4px}button:hover{background-color:#4a007a;color:#fff}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;display:flex;justify-content:flex-end}.drawer{width:520px;max-width:100%;background-color:#2a2a2a;box-shadow:-4px 0 12px #0009;display:flex;flex-direction:column}.drawer header{padding:16px;border-bottom:1px solid #4a007a;display:flex;justify-content:space-between;align-items:center}.drawer header button{background-color:transparent;color:#e0e0e0;border:1px solid #4a007a;padding:6px 12px;border-radius:4px}.breadcrumbs{padding:12px 16px 0}.breadcrumbs button{background:none;border:none;color:#e0e0e0;cursor:pointer}.breadcrumbs button:disabled{color:#7a7a7a;cursor:default}.listing-controls{display:flex;align-items:center;gap:12px;padding:8px 16px 0}.listing-controls label{display:flex;align-items:center;gap:8px;font-size:.85rem;color:#bbb}.listing-controls select{background-color:#2a2a2a;border:1px solid #4a007a;color:#e0e0e0;padding:4px 8px;border-radius:4px}.listing-controls .ghost{background:none;border:1px solid #4a007a;color:#e0e0e0;padding:4px 10px;border-radius:4px;cursor:pointer}.listing-controls .ghost:hover{background-color:#4a007a4d}.listing{flex:1;overflow:auto;padding:0 16px 16px}.listing table{width:100%;border-collapse:collapse}.listing th,.listing td{padding:8px;border-bottom:1px solid #444}.listing tr.clickable:hover{background-color:#4a007a4d}.listing tr.clickable{cursor:pointer}.listing tr.selected{background-color:#4a007a73}.error{color:#ff6b6b;padding:0 16px}.status{padding:0 16px;color:#bbb}.drawer-footer{display:flex;align-items:center;padding:12px 16px 16px;border-top:1px solid #4a007a;gap:12px}.drawer-footer .spacer{flex:1}.drawer-footer button{background-color:#444;border:1px solid #4a007a;color:#e0e0e0;padding:8px 14px;border-radius:4px}.drawer-footer button.secondary{background-color:transparent}.drawer-footer button:disabled{opacity:.4;cursor:not-allowed}.controls{display:flex;gap:12px;align-items:flex-end;margin-top:16px}.controls label{display:flex;flex-direction:column;font-size:.9rem;color:#bbb}.controls select,.controls input{margin-top:4px;background-color:#2a2a2a;border:1px solid #4a007a;color:#e0e0e0;padding:6px 10px;border-radius:4px}.controls button{background-color:#4a007a;border:1px solid #4a007a;color:#fff;padding:8px 16px;border-radius:4px}.controls .toggle{background-color:transparent;border:1px solid #4a007a;color:#e0e0e0}.controls .toggle.active{background-color:#4a007a;color:#fff}.limit-presets{display:flex;align-items:center;gap:8px;margin-top:8px;flex-wrap:wrap;font-size:.85rem}.limit-presets span{color:#bbb}.limit-presets button{background:none;border:1px solid #4a007a;color:#e0e0e0;padding:4px 10px;border-radius:4px;cursor:pointer}.limit-presets button:disabled{opacity:.5;cursor:not-allowed}.limit-presets button:hover:not(:disabled){background-color:#4a007a4d}.warning-inline{margin-top:8px;color:#ffb74d;font-size:.85rem}.progress-status{margin-top:8px;color:#bbb}.chart-section{margin-top:20px;background-color:#1b1b1b;border:1px solid #4a007a;border-radius:8px;padding:12px 16px}.main-chart,.pane-chart{position:relative}.chart-resize-handle,.pane-resize-handle{margin-top:6px;height:12px;cursor:row-resize;display:flex;align-items:center;justify-content:center;background-color:#4a007a40;border-radius:0 0 6px 6px;-webkit-user-select:none;user-select:none}.pane-resize-handle{border-radius:0 0 6px 6px}.chart-resize-handle:hover,.pane-resize-handle:hover{background-color:#4a007a66}.chart-resize-handle span,.pane-resize-handle span{width:42px;height:3px;border-radius:2px;background-color:#fff6}.chart-container{height:100%}.ruler-summary{margin-top:8px;display:flex;flex-wrap:wrap;gap:12px;font-size:.9rem;color:#e0e0e0}.pane-section{margin-top:16px;background-color:#222;border:1px solid #4a007a;border-radius:8px;padding:12px 16px}.pane-section h3{margin:0 0 8px;font-size:1rem;color:#e0e0e0}.layout-editor{margin-top:16px;background-color:#1f1f1f;border:1px solid #4a007a;border-radius:8px;padding:16px}.layout-editor.collapsed{padding-bottom:12px}.editor-body{margin-top:12px}.layout-editor.collapsed .editor-body{display:none}.editor-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.editor-header h3{margin:0}.editor-actions{display:flex;align-items:center;gap:12px}.editor-actions .path-input{display:flex;flex-direction:column;gap:4px;font-size:.85rem;color:#bbb}.editor-actions .action-buttons{display:flex;gap:8px;align-items:center}.editor-actions .ghost{background:none;border:1px solid #4a007a;color:#e0e0e0;padding:6px 12px;border-radius:4px}.editor-actions .path-input input{background-color:#2a2a2a;border:1px solid #4a007a;color:#e0e0e0;padding:6px 10px;border-radius:4px;min-width:260px}.editor-actions button{background-color:#4a007a;border:1px solid #4a007a;color:#fff;padding:6px 12px;border-radius:4px}.status{margin-bottom:12px;padding:8px 10px;border-radius:6px;font-size:.85rem}.status.success{background-color:#4caf5033;border:1px solid rgba(76,175,80,.4);color:#a5d6a7}.status.error{background-color:#ef535033;border:1px solid rgba(239,83,80,.4);color:#ef9a9a}.editor-block+.editor-block{margin-top:16px}.editor-block.collapsed .indicator-list{display:none}.block-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px}.block-header button{background-color:transparent;border:1px solid #4a007a;color:#e0e0e0;padding:4px 10px;border-radius:4px}.block-header button:hover{background-color:#4a007a4d}.editor-block h4{margin:0 0 8px;font-size:.95rem}.section-footer{display:flex;justify-content:flex-end;margin-top:12px}.section-footer .ghost{background:none;border:1px solid #4a007a;color:#e0e0e0;padding:6px 12px;border-radius:4px}.section-footer .ghost:hover{background-color:#4a007a4d}.indicator-list{list-style:none;padding:0;margin:0 0 8px}.indicator-list li{padding:6px 0}.indicator-list li button{background-color:transparent;border:1px solid #4a007a;color:#e0e0e0;padding:2px 8px;border-radius:4px}.indicator-list li.empty{color:#888}.color-select{position:relative;display:inline-block;width:100%}.color-select__trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;background-color:#2a2a2a;border:1px solid #4a007a;color:#e0e0e0;padding:6px 10px;border-radius:4px;cursor:pointer}.color-select__trigger:focus{outline:2px solid #6a1b9a}.color-select__swatch{width:16px;height:16px;border-radius:3px;border:1px solid #4a007a;flex-shrink:0}.color-select__label{flex:1;text-align:left}.color-select__caret{margin-left:auto}.color-select__menu{position:absolute;z-index:1500;top:calc(100% + 4px);left:0;right:0;max-height:220px;overflow-y:auto;background-color:#1f1f1f;border:1px solid #4a007a;border-radius:6px;box-shadow:0 8px 20px #00000080;padding:4px 0;list-style:none;margin:0}.color-select__option{width:100%;background:none;border:none;display:flex;align-items:center;gap:8px;padding:6px 10px;cursor:pointer;font-size:.85rem}.color-select__option:hover,.color-select__option:focus{background-color:#4a007a4d}.color-select__option--selected{background-color:#4a007a73}.color-select__option--default{color:#e0e0e0}.indicator-row{border-bottom:1px solid rgba(74,0,122,.2);padding-bottom:6px;margin-bottom:6px}.indicator-row:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.indicator-summary{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.indicator-summary .indicator-name{font-weight:600}.indicator-summary-actions{display:flex;gap:8px}.indicator-summary-actions button{background:none;border:1px solid #4a007a;color:#e0e0e0;padding:2px 8px;border-radius:4px}.indicator-actions{display:flex;flex-wrap:wrap;gap:8px}.indicator-actions label{display:flex;flex-direction:column;font-size:.8rem;color:#bbb;min-width:120px}.indicator-actions select,.indicator-actions input[type=text],.indicator-actions input[type=number]{margin-top:4px;background-color:#2a2a2a;border:1px solid #4a007a;color:#e0e0e0;padding:4px 8px;border-radius:4px}.pane-editor{border:1px solid rgba(74,0,122,.25);border-radius:6px;padding:12px;margin-top:12px;background-color:#1f1f1fcc}.pane-editor.collapsed{padding-bottom:8px}.pane-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.pane-actions{display:flex;align-items:center;gap:8px}.pane-actions button{background-color:#4a007a;border:1px solid #4a007a;color:#fff;padding:4px 10px;border-radius:4px}.pane-actions button.ghost{background:none;color:#e0e0e0}.indicator-drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0000008c;display:flex;justify-content:flex-end;z-index:1200}.indicator-drawer{width:420px;max-width:100%;background-color:#202020;box-shadow:-4px 0 14px #0009;display:flex;flex-direction:column;border-left:1px solid #4a007a}.indicator-drawer header{padding:16px;border-bottom:1px solid #4a007a;display:flex;justify-content:space-between;align-items:center}.indicator-drawer header h2{margin:0;font-size:1.1rem}.indicator-drawer header button{background:none;border:1px solid #4a007a;color:#e0e0e0;padding:6px 12px;border-radius:4px}.indicator-drawer-controls{display:flex;flex-direction:column;gap:12px;padding:16px}.indicator-drawer-controls input[type=search]{background-color:#2a2a2a;border:1px solid #4a007a;color:#e0e0e0;padding:8px 10px;border-radius:4px}.resample-drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;display:flex;justify-content:flex-end;z-index:1100}.resample-drawer{width:360px;max-width:100%;background-color:#202020;box-shadow:-4px 0 12px #0009;display:flex;flex-direction:column;border-left:1px solid #4a007a;max-height:100vh}.resample-drawer header{padding:16px;border-bottom:1px solid #4a007a;display:flex;justify-content:space-between;align-items:center}.resample-drawer header h2{margin:0;font-size:1.05rem;color:#fff}.resample-drawer header button{background:none;border:1px solid #4a007a;color:#e0e0e0;padding:6px 12px;border-radius:4px;cursor:pointer}.resample-list{list-style:none;padding:0;margin:0;flex:1;overflow-y:auto}.resample-item{padding:16px;border-bottom:1px solid #3a3a3a}.resample-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;color:#e0e0e0;font-size:.95rem}.resample-item-header label{display:flex;align-items:center;gap:8px;cursor:pointer}.resample-interval{font-size:.8rem;color:#bbb}.resample-item-controls{display:flex;flex-direction:column;gap:12px}.resample-item-controls label{display:flex;flex-direction:column;color:#bbb;font-size:.85rem}.resample-item-controls .color-select{margin-top:6px}.resample-opacity{display:flex;align-items:center;gap:8px}.resample-opacity input[type=range]{flex:1}.resample-empty-state{padding:24px;color:#bbb;font-size:.9rem}.category-tabs{display:flex;flex-wrap:wrap;gap:8px}.category-tabs .tab{background-color:transparent;border:1px solid #4a007a;color:#e0e0e0;padding:6px 10px;border-radius:999px;cursor:pointer}.category-tabs .tab.active{background-color:#4a007a;color:#fff}.category-tabs .tab .count{font-size:.8rem;color:#bbb}.indicator-list-panel{flex:1;overflow:auto;padding:0 16px 16px}.indicator-list-panel ul{list-style:none;margin:0;padding:0}.indicator-item{border-bottom:1px solid #333333;padding:12px 0;display:flex;flex-direction:column;gap:8px}.indicator-meta{display:flex;align-items:center;gap:8px}.indicator-meta strong{font-weight:600}.indicator-meta .tag{font-size:.75rem;background-color:#333;padding:2px 6px;border-radius:4px;color:#bbb}.indicator-actions-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.indicator-config-toggle{margin-top:8px}.indicator-config-toggle .ghost{background:none;border:1px solid #4a007a;color:#e0e0e0;padding:4px 10px;border-radius:4px;cursor:pointer}.indicator-config-toggle .ghost:hover{background-color:#4a007a4d}.indicator-actions-row button{background-color:#4a007a;border:1px solid #4a007a;color:#fff;padding:6px 12px;border-radius:4px;cursor:pointer}.indicator-actions-row button:disabled{opacity:.4;cursor:not-allowed}.pane-selector{display:flex;align-items:center;gap:8px}.pane-selector select{background-color:#2a2a2a;border:1px solid #4a007a;color:#e0e0e0;padding:6px 10px;border-radius:4px}.indicator-config{margin-top:12px;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.indicator-config label{display:flex;flex-direction:column;font-size:.8rem;color:#bbb;gap:4px}.indicator-config input,.indicator-config select{background-color:#2a2a2a;border:1px solid #4a007a;color:#e0e0e0;padding:6px 8px;border-radius:4px}.indicator-config__checkbox{display:flex;flex-direction:row;align-items:center;gap:6px}.indicator-config__checkbox input{width:auto;margin:0}.indicator-empty-state{padding:40px 0;text-align:center;color:#888}.indicator-actions input[type=number]{width:70px}.indicator-actions .fill-toggle{flex-direction:row;align-items:center;gap:4px;min-width:auto}.editor-controls{display:flex;gap:8px;align-items:center}.editor-controls select,.editor-controls input{background-color:#2a2a2a;border:1px solid #4a007a;color:#e0e0e0;padding:6px 10px;border-radius:4px}.editor-controls button{background-color:#4a007a;border:1px solid #4a007a;color:#fff;padding:6px 12px;border-radius:4px}.pane-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.pane-editor{border:1px solid #4a007a;border-radius:8px;padding:12px;margin-top:8px}.pane-title{display:flex;gap:8px;margin-bottom:8px}.pane-title input{flex:1;background-color:#2a2a2a;border:1px solid #4a007a;color:#e0e0e0;padding:6px 10px;border-radius:4px}.pane-title button{background-color:transparent;border:1px solid #4a007a;color:#e0e0e0;padding:6px 12px;border-radius:4px}.empty{color:#888}.selection{margin-top:12px;background-color:#2a2a2a;border:1px solid #4a007a;padding:12px 16px;border-radius:8px}.selection-grid{margin-top:8px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px 16px}.selection-grid span{color:#bbb;margin-right:6px}.empty{text-align:center;padding:24px 0;color:#888}.preview-pane{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.preview-pane__header{display:flex;align-items:center;justify-content:space-between;font-size:.75rem;color:#b3b3b3}.preview-pane__toggle{background:#2d1b46;border:1px solid #4a2a73;border-radius:4px;color:#e0d2ff;padding:.25rem .5rem;cursor:pointer;font-size:.75rem}.preview-pane__toggle:hover{background:#3a245c}.preview-pane__range{opacity:.7}.preview-pane__canvas{position:relative;width:100%;background:#141019;border:1px solid #2f2150;border-radius:4px;overflow:hidden;cursor:pointer}.preview-pane__canvas--collapsed{height:12px!important}.preview-pane__chart{width:100%;height:100%;display:block}.preview-pane__selection{position:absolute;top:0;bottom:0;background:#64b5f640;border:1px solid rgba(100,181,246,.8);min-width:12px;cursor:grab}.preview-pane__selection:active{cursor:grabbing}.preview-pane__percent{position:absolute;bottom:4px;font-size:.65rem;color:#e0d2ffa6;pointer-events:none}.preview-pane__percent--left{left:6px}.preview-pane__percent--right{right:6px}