:root{--bg-dark:#1a1a1e;--bg-header:#1f2223;--bg-surface:#22292b;--bg-card:#2a3235;--bg-hover:#ffffff0f;--text-primary:#f5f5f7;--text-secondary:#a1a1a6;--text-tertiary:#636366;--border:#3a3a3c;--color-orange:#ff9500;--color-green:#30d158;--color-red:#ff453a;color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,sans-serif;font-size:13px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-dark);width:100vw;height:100vh;overflow:hidden}#app{flex-direction:column;width:100vw;height:100vh;display:flex}.top-bar{background:var(--bg-header);border-bottom:1px solid var(--border);align-items:center;gap:16px;height:38px;min-height:38px;padding:0 12px;display:flex}.top-bar-left{align-items:center;gap:8px;display:flex}.top-bar-right{align-items:center;gap:12px;margin-left:auto;display:flex}.price-group{align-items:center;gap:8px;display:flex}.price-item{cursor:pointer;border-radius:4px;align-items:center;gap:4px;padding:2px 6px;transition:background .15s;display:flex;position:relative}.price-item:hover{background:var(--bg-hover)}.price-item.active .price-label{border-bottom:2px solid var(--color-orange);padding-bottom:1px}.price-label{color:var(--text-secondary);letter-spacing:.5px;padding-bottom:3px;font-size:10px;font-weight:600}.price-value{font-variant-numeric:tabular-nums;font-size:12px;font-weight:500}.price-value.up{color:var(--color-green)}.price-value.down{color:var(--color-red)}.price-pipe{color:var(--text-tertiary);font-size:11px}.spread-label{color:var(--text-secondary);letter-spacing:.5px;font-size:10px;font-weight:600}.spread-value{font-size:12px;font-weight:600}.pair-badge{color:var(--text-primary);align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.pair-dot{background:var(--color-green);border-radius:50%;width:6px;height:6px}.main-layout{flex:1;min-height:0;display:flex}.main-layout.toolbar-right{flex-direction:row-reverse}.drawing-toolbar.docked-left{border-right:1px solid var(--border);border-left:none}.drawing-toolbar.docked-right{border-left:1px solid var(--border);border-right:none}.drawing-toolbar.docked-top{border-bottom:1px solid var(--border);border-right:none;flex-direction:row;align-items:center;width:100%;min-width:100%;height:44px;min-height:44px;padding:0 6px;overflow:visible}.drawing-toolbar.docked-top::-webkit-scrollbar{height:0;display:none}.drawing-toolbar.docked-top .draw-divider{width:1px;height:18px;margin:0 3px}.drawing-toolbar.docked-top .draw-divider-full{width:1px;height:100%;margin:0 3px}.drawing-toolbar.docked-top .draw-spacer{flex:1}.drawing-toolbar.docked-bottom{border-top:1px solid var(--border);border-right:none;flex-direction:row;align-items:center;width:100%;min-width:100%;height:44px;min-height:44px;padding:0 6px;overflow:visible}.drawing-toolbar.docked-bottom::-webkit-scrollbar{height:0;display:none}.drawing-toolbar.docked-bottom .draw-divider{width:1px;height:18px;margin:0 3px}.drawing-toolbar.docked-bottom .draw-divider-full{width:1px;height:100%;margin:0 3px}.drawing-toolbar.docked-bottom .draw-spacer{flex:1}.snap-indicator{z-index:1001;background:var(--color-orange);box-shadow:0 0 12px var(--color-orange), 0 0 24px #ff950066;pointer-events:none;border-radius:2px;transition:opacity .15s ease-out;position:absolute}.snap-indicator.snap-left{width:3px;height:100%;top:0;left:0}.snap-indicator.snap-right{width:3px;height:100%;top:0;right:0}.snap-indicator.snap-top{width:100%;height:3px;top:0;left:0}.snap-indicator.snap-bottom{width:100%;height:3px;bottom:0;left:0}.snap-indicator.snap-secondary{opacity:.35;box-shadow:0 0 8px var(--color-orange)}.sidebar{background:var(--bg-surface);border-right:1px solid var(--border);flex-direction:column;width:222px;min-width:222px;display:flex;overflow:hidden}.sidebar-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.sidebar-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.sidebar-list{flex:1;overflow-y:auto}.sidebar-pair{cursor:pointer;border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:center;padding:8px 12px;transition:background .15s;display:flex}.sidebar-pair:hover{background:var(--bg-hover)}.sidebar-pair.selected{border-left:2px solid var(--color-orange);background:#ff95001a}.sidebar-pair-name{color:var(--text-primary);font-size:12px;font-weight:600}.sidebar-pair-spread{color:var(--text-secondary);font-size:10px}.chart-area{background:var(--bg-surface);flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.chart-toolbar{border-bottom:1px solid var(--border);background:var(--bg-header);align-items:center;gap:0;height:32px;min-height:32px;padding:0;display:flex}.toolbar-logo{border-right:1px solid var(--border);justify-content:center;align-items:center;width:44px;min-width:44px;height:100%;display:flex}.chart-toolbar-items{flex:1;align-items:center;gap:4px;padding:0 8px;display:flex}.toolbar-btn{color:var(--text-primary);cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:4px;height:24px;padding:0 6px;font-family:inherit;font-size:13px;font-weight:500;transition:color .15s;display:flex}.toolbar-btn:hover{color:var(--color-orange)}.toolbar-btn.toolbar-btn-disabled{opacity:.35;cursor:default;pointer-events:none}[data-tip]{position:relative}[data-tip]:after{content:attr(data-tip);background:var(--bg-card);color:var(--text-primary);white-space:nowrap;pointer-events:none;opacity:0;z-index:100;border-radius:4px;margin-top:6px;padding:4px 8px;font-size:11px;font-weight:400;transition:opacity .1s;position:absolute;top:100%;left:50%;transform:translate(-50%)}[data-tip]:hover:after{opacity:1}.draw-btn[data-tip]:after,.draw-filter-btn[data-tip]:after{z-index:200;margin-top:0;margin-left:14px;top:50%;left:100%;transform:translateY(-50%)}.drawing-toolbar.docked-right .draw-btn[data-tip]:after,.drawing-toolbar.docked-right .draw-filter-btn[data-tip]:after{margin-left:0;margin-right:14px;left:auto;right:100%;transform:translateY(-50%)}.drawing-toolbar.docked-top .draw-btn[data-tip]:after,.drawing-toolbar.docked-top .draw-filter-btn[data-tip]:after,.drawing-toolbar.floating.horizontal .draw-btn[data-tip]:after,.drawing-toolbar.floating.horizontal .draw-filter-btn[data-tip]:after{margin-top:14px;margin-left:0;margin-right:0;top:100%;left:50%;right:auto;transform:translate(-50%)}.drawing-toolbar.docked-bottom .draw-btn[data-tip]:after,.drawing-toolbar.docked-bottom .draw-filter-btn[data-tip]:after{margin:0 0 14px;inset:auto auto 100% 50%;transform:translate(-50%)}.toolbar-btn.active{background:#ffffff14}[data-compare-toggle].active,[data-indicators-toggle].active{color:#fff}.toolbar-chevron{padding:4px;font-size:18px}.toolbar-overflow-btns{display:contents}.toolbar-overflow-toggle,.chart-toolbar.overflow-mode .toolbar-overflow-btns{display:none}.chart-toolbar.overflow-mode .toolbar-overflow-toggle{display:flex}#overflow-panel-inner{background:var(--bg-card);border:1px solid var(--border);z-index:1000;border-radius:14px;min-width:222px;max-height:630px;padding:6px 0;animation:.15s ease-out flyoutIn;position:fixed;overflow-y:auto;box-shadow:0 8px 24px #00000080}.overflow-section{flex-direction:column;display:flex}.overflow-section-header{width:calc(100% - 8px);color:var(--text-primary);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;margin:0 4px;padding:6px 14px;font-family:inherit;font-size:13px;font-weight:400;display:flex}.overflow-section-header:hover{background:#ffffff0f}.overflow-section-chevron{flex-shrink:0;transition:transform .15s}.overflow-section-chevron.open{transform:rotate(180deg)}.overflow-section-body{border-bottom:1px solid var(--border);padding:0}.overflow-section-body .tf-dropdown,.overflow-section-body .vol-dropdown{max-height:none;min-width:unset;width:100%;box-shadow:none;background:0 0;border:none;border-radius:0;padding:0;animation:none;position:static}.overflow-section-body .tf-dropdown-item{padding:5px 14px;font-size:12px}.overflow-section-body .color-picker-popup{border-radius:8px;width:100%;margin-top:4px;animation:none;position:static}.overflow-plain-btns{border-top:1px solid var(--border);flex-direction:column;margin-top:4px;padding-top:4px;display:flex}.overflow-plain-btn{border-radius:6px;justify-content:flex-start;width:calc(100% - 8px);height:auto;margin:0 4px;padding:6px 14px;font-weight:400}.toolbar-divider{background:var(--border);width:1px;height:16px;margin:0 4px}.toolbar-spacer{flex:1}.tf-dropdown{background:var(--bg-card);border:1px solid var(--border);z-index:100;border-radius:14px;width:222px;max-height:630px;padding:6px 0;animation:.15s ease-out flyoutIn;position:fixed;overflow-y:auto;box-shadow:0 8px 24px #00000080}.tf-group-header{cursor:pointer;justify-content:space-between;align-items:center;padding:6px 14px;transition:background .15s;display:flex}.tf-group-header:hover{background:var(--bg-hover)}.tf-group-label{color:var(--text-secondary);letter-spacing:.5px;font-size:10px;font-weight:600}.tf-group-chevron{color:var(--text-tertiary);font-size:12px;font-weight:600;transition:transform .15s;transform:rotate(-90deg)}.tf-group-chevron.open{transform:rotate(-270deg)}.tf-group-items{overflow:hidden}.tf-dropdown-item{color:var(--text-primary);cursor:pointer;border-radius:6px;align-items:center;margin:0 4px;padding:6px 14px;font-size:13px;transition:background .15s,color .15s;display:flex}.tf-dropdown-item:hover{background:var(--bg-hover)}.tf-active,.tf-active:hover{color:var(--color-orange)}.tf-item-label{flex:1}.tf-fav-star{cursor:pointer;background:0 0;border:1.5px solid #0000;border-radius:50%;justify-content:center;align-items:center;width:14px;min-width:14px;height:14px;transition:border-color .15s;display:flex}.tf-fav-star:after{content:"";background:0 0;border-radius:50%;width:6px;height:6px;transition:background .15s}.tf-dropdown-item:hover .tf-fav-star,.tf-dropdown-item:hover .tf-fav-star.active{border-color:#fff}.tf-dropdown-item:hover .tf-fav-star.active:after,.tf-fav-star.active:after{background:#fff}.tf-add-custom{color:var(--text-secondary);border-bottom:1px solid var(--border);margin-bottom:2px;padding-bottom:8px;font-size:13px}.tf-add-icon{margin-right:4px;font-size:16px}.toolbar-ct-wrap{align-items:center;display:flex}.ct-dropdown{background:var(--bg-card);border:1px solid var(--border);z-index:100;border-radius:14px;width:240px;max-height:630px;padding:6px 0;animation:.15s ease-out flyoutIn;position:fixed;overflow-y:auto;box-shadow:0 8px 24px #00000080}.chart-grid{flex:1;min-height:0;display:grid}.chart-grid.layout-1{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.chart-grid.layout-2{background:var(--border);grid-template-rows:minmax(0,1fr) minmax(0,1fr);grid-template-columns:minmax(0,1fr);gap:1px}.chart-grid.layout-4{background:var(--border);grid-template-rows:minmax(0,1fr) minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1px}.chart-panel{background:var(--bg-surface);flex-direction:column;min-height:0;display:flex;position:relative}.chart-panel.selected:after{content:"";background:var(--color-orange);pointer-events:none;z-index:10;height:2px;position:absolute;top:0;left:0;right:0}.canvas-container{background:var(--bg-surface);flex:1;justify-content:center;align-items:center;min-height:0;display:flex;position:relative}#chart-canvas,.chart-canvas{z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.crosshair-overlay{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.canvas-placeholder{color:var(--text-tertiary);flex-direction:column;align-items:center;gap:12px;display:flex}.canvas-placeholder svg{opacity:.3}.canvas-placeholder p{font-size:13px}.drawing-toolbar{background:var(--bg-header);border-right:1px solid var(--border);z-index:1000;flex-direction:column;align-items:center;gap:2px;width:44px;min-width:44px;padding:6px 0;transition:width .22s,min-width .22s;display:flex;position:relative;overflow:visible}.drawing-toolbar.floating.horizontal{transition:height .22s,min-height .22s}[data-toolbar-content]{display:contents}.draw-toolbar-body{flex-direction:row;flex:1;align-self:stretch;min-height:0;display:flex}.drawing-toolbar.docked-right .draw-toolbar-body{flex-direction:row-reverse}.drawing-toolbar.docked-top .draw-toolbar-body,.drawing-toolbar.docked-bottom .draw-toolbar-body,.drawing-toolbar.floating.horizontal .draw-toolbar-body{flex-direction:column;align-self:auto;min-width:0}.drawing-toolbar.docked-bottom .draw-toolbar-body{flex-direction:column-reverse}.draw-row{flex-direction:row;flex-shrink:0;align-items:center;width:100%;height:44px;display:flex}.draw-row .draw-group-list{flex-direction:row;align-items:center;gap:2px;display:flex}.drawing-toolbar.docked-top .draw-bottom-section,.drawing-toolbar.docked-bottom .draw-bottom-section,.drawing-toolbar.floating.horizontal .draw-bottom-section{flex-direction:row;align-items:center;width:auto}.draw-col{flex-direction:column;flex-shrink:0;align-items:center;width:44px;display:flex}.draw-col .draw-group-list{flex-direction:column;align-items:center;gap:2px;display:flex}.draw-filter-tabs{align-self:stretch}.drawing-toolbar.toolbar-disabled{pointer-events:none;opacity:.35}.draw-btn{width:36px;height:36px;color:var(--text-primary);cursor:pointer;background:0 0;border:none;border-radius:6px;outline:none;flex-shrink:0;justify-content:center;align-items:center;transition:color .15s;display:flex}.draw-btn:hover{color:var(--color-orange)}.draw-btn.draw-btn-active,.draw-btn.draw-btn-drawing{background:#ffffff14;border-radius:6px}.draw-btn-icon{justify-content:center;align-items:center;display:flex}.draw-btn-icon svg{width:24px;height:24px}.draw-btn-sm svg{width:20px;height:20px}.draw-divider{background:var(--border);flex-shrink:0;width:24px;height:1px;margin:4px 0}.draw-spacer{flex:1}.draw-bottom-section{flex-direction:column;flex-shrink:0;align-items:center;gap:2px;width:100%;display:flex}.drawing-toolbar.floating{z-index:1000;border:1px solid var(--border);border-radius:10px;animation:.3s ease-out toolbarFloat;position:absolute;box-shadow:0 8px 32px #00000080}@keyframes toolbarFloat{0%{opacity:0;transform:translate(-22px)}to{opacity:1;transform:translate(0)}}.draw-drag-handle{cursor:grab;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;width:100%;padding:2px 0 4px;display:flex}.draw-drag-handle:active{cursor:grabbing}.drawing-toolbar.floating.horizontal .draw-drag-handle{width:auto;height:100%;padding:0 4px 0 2px}.draw-drag-divider{background:var(--border);flex-shrink:0;width:100%;height:1px}.drawing-toolbar.floating.horizontal .draw-drag-divider{width:1px;height:100%}.drawing-toolbar.floating.horizontal{border:1px solid var(--border);border-radius:10px;flex-direction:row;align-items:center;width:auto;min-width:auto;max-width:calc(100% - 10px);height:44px;padding:0 6px;overflow:visible}.drawing-toolbar.floating.horizontal::-webkit-scrollbar{height:0;display:none}.drawing-toolbar.floating.horizontal .draw-drag-handle{padding:0 2px}.drawing-toolbar.floating.horizontal .draw-divider{width:1px;height:18px;margin:0 3px}.drawing-toolbar.floating.horizontal .draw-divider-full{width:1px;height:100%;margin:0 3px}.drawing-toolbar.floating.horizontal .draw-spacer{flex:1}.draw-h-section{align-items:center;min-width:0;display:flex;overflow:visible}.draw-h-section.draw-h-section-tools{flex:1}.draw-h-scroll{scrollbar-width:none;flex-direction:row;align-items:center;min-width:0;display:flex;overflow:auto visible}.draw-h-scroll::-webkit-scrollbar{display:none}.dpd-panel{z-index:999;flex-shrink:0;width:232px;max-width:232px;transition:max-width .35s cubic-bezier(.4,0,.2,1);position:absolute;overflow:hidden}.dpd-panel.dpd-hidden{max-width:0}.dpd-panel-inner{background:var(--bg-header);border:1px solid var(--border);border-radius:10px;flex-direction:column;width:232px;min-width:232px;display:flex;overflow:hidden;box-shadow:0 8px 32px #00000080}.dpd-panel.dpd-slide-right .dpd-panel-inner{border-radius:0 10px 10px 0;height:100%;padding-left:12px}.dpd-panel.dpd-slide-left .dpd-panel-inner{border-radius:10px 0 0 10px;height:100%;padding-right:12px}.dpd-panel.dpd-slide-bottom{width:auto;max-width:none;max-height:260px;transition:max-height .35s cubic-bezier(.4,0,.2,1);overflow:hidden}.dpd-panel.dpd-slide-bottom .dpd-panel-inner{border-radius:0 0 10px 10px;width:auto;min-width:auto;height:222px;padding-top:12px}.dpd-panel.dpd-slide-bottom .dpd-body{flex-direction:row;min-height:0;overflow:hidden}.dpd-panel.dpd-slide-bottom.dpd-hidden{max-height:0}.dpd-panel.dpd-slide-top{width:auto;max-width:none;max-height:222px;transition:max-height .35s cubic-bezier(.4,0,.2,1);overflow:hidden}.dpd-panel.dpd-slide-top .dpd-panel-inner{border-radius:10px 10px 0 0;width:auto;min-width:auto;height:222px;padding-bottom:12px}.dpd-panel.dpd-slide-top .dpd-body{flex-direction:row;min-height:0;overflow:hidden}.dpd-panel.dpd-slide-top.dpd-hidden{max-height:0}.dpd-col{flex-direction:column;gap:6px;display:flex}.dpd-panel.dpd-slide-bottom .dpd-col,.dpd-panel.dpd-slide-top .dpd-col{border-right:1px solid var(--border);scrollbar-width:thin;scrollbar-color:var(--border) transparent;flex:1;min-width:0;padding-right:8px;overflow:hidden auto}.dpd-panel.dpd-slide-bottom .dpd-col:last-child,.dpd-panel.dpd-slide-top .dpd-col:last-child{border-right:none;padding-right:0}.dpd-col.dpd-col-empty{display:none}.dpd-panel.dpd-slide-bottom .dpd-col>*,.dpd-panel.dpd-slide-top .dpd-col>*{flex-shrink:0}.dpd-panel.dpd-slide-bottom .dpd-col-data,.dpd-panel.dpd-slide-top .dpd-col-data{flex:1;min-width:0;overflow:hidden auto}.dpd-panel.dpd-slide-bottom .dpd-col::-webkit-scrollbar{width:3px}.dpd-panel.dpd-slide-top .dpd-col::-webkit-scrollbar{width:3px}.dpd-col-data::-webkit-scrollbar{width:3px}.dpd-panel.dpd-slide-bottom .dpd-col::-webkit-scrollbar-track{background:0 0}.dpd-panel.dpd-slide-top .dpd-col::-webkit-scrollbar-track{background:0 0}.dpd-col-data::-webkit-scrollbar-track{background:0 0}.dpd-panel.dpd-slide-bottom .dpd-col::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.dpd-panel.dpd-slide-top .dpd-col::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.dpd-col-data::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.dpd-panel.dpd-docked{width:222px}.dpd-panel.dpd-docked .dpd-panel-inner{width:222px;min-width:222px;height:100%;box-shadow:none;border-top:none;border-bottom:none;border-left:none;border-radius:0;padding-left:0;padding-right:0}.dpd-header{flex-shrink:0;align-items:center;gap:6px;padding:8px 10px 4px;display:flex}.dpd-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:12px;font-weight:600;overflow:hidden}.dpd-close{width:22px;height:22px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;display:flex}.dpd-close:hover{color:var(--text-primary);background:var(--bg-hover)}.dpd-extend-btn{color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;height:22px;padding:0 5px;font-family:inherit;font-size:10px;font-weight:500;display:inline-flex}.dpd-extend-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.dpd-header-btns{align-items:center;gap:1px;display:flex}.dpd-header-btn{width:22px;height:22px;color:var(--text-primary);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.dpd-header-btn svg{stroke-width:1.5px}.dpd-header-delete:hover{color:#f44;background:var(--bg-hover)}.dpd-header-lock:hover{color:var(--color-orange);background:var(--bg-hover)}.dpd-header-lock.locked{color:var(--color-orange)}.dpd-header-info:hover{color:var(--color-orange);background:var(--bg-hover)}.dpd-header-pin svg{position:relative;top:1px}.dpd-header-pin:hover{color:var(--color-orange)}.dpd-header-pin.pinned{background:var(--bg-hover)}.dpd-hover-strip{opacity:0;pointer-events:none;z-index:1;background:0 0;border:none;transition:opacity .25s;position:absolute}.dpd-strip-bar{background:var(--bg-header);border:1px solid var(--border);pointer-events:none;position:absolute}.dpd-strip-tab{background:var(--color-orange);border:1px solid var(--color-orange);pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;box-shadow:0 0 8px #0000004d}.dpd-strip-tab .dpd-hover-strip-label{color:var(--bg-header)}.dpd-panel.dpd-auto-hidden .dpd-strip-tab{pointer-events:auto;cursor:pointer}.dpd-hover-strip-label{letter-spacing:1px;color:var(--text-secondary);text-transform:uppercase;-webkit-user-select:none;user-select:none;white-space:nowrap;font-size:9px;font-weight:700}.dpd-panel.dpd-slide-right .dpd-hover-strip-label,.dpd-panel.dpd-docked .dpd-hover-strip-label{writing-mode:vertical-rl;transform:rotate(180deg)}.dpd-panel.dpd-slide-left .dpd-hover-strip-label{writing-mode:vertical-rl}.dpd-panel.dpd-docked .dpd-hover-strip{width:18px;top:0;bottom:0;left:0}.dpd-panel.dpd-docked .dpd-strip-bar{border-left:none;border-radius:0;width:7px;top:0;bottom:0;left:0}.dpd-panel.dpd-docked .dpd-strip-tab{border-left:none;border-radius:0 8px 8px 0;width:18px;min-height:80px;top:50%;left:0;transform:translateY(-50%)}.dpd-panel.dpd-slide-right:not(.dpd-docked) .dpd-hover-strip{width:30px;top:0;bottom:0;left:0}.dpd-panel.dpd-slide-right:not(.dpd-docked) .dpd-strip-bar{border-left:none;border-radius:0 10px 10px 0;width:19px;top:0;bottom:0;left:0}.dpd-panel.dpd-slide-right:not(.dpd-docked) .dpd-strip-tab{border-left:none;border-radius:0 10px 10px 0;width:18px;min-height:80px;top:50%;left:12px;transform:translateY(-50%)}.dpd-panel.dpd-slide-left .dpd-hover-strip{width:30px;top:0;bottom:0;right:0}.dpd-panel.dpd-slide-left .dpd-strip-bar{border-right:none;border-radius:10px 0 0 10px;width:19px;top:0;bottom:0;right:0}.dpd-panel.dpd-slide-left .dpd-strip-tab{border-right:none;border-radius:10px 0 0 10px;width:18px;min-height:80px;top:50%;right:12px;transform:translateY(-50%)}.dpd-panel.dpd-slide-bottom .dpd-hover-strip{height:30px;top:0;left:0;right:0}.dpd-panel.dpd-slide-bottom .dpd-strip-bar{border-top:none;border-radius:0 0 10px 10px;height:19px;top:0;left:0;right:0}.dpd-panel.dpd-slide-bottom .dpd-strip-tab{border-top:none;border-radius:0 0 10px 10px;min-width:80px;height:18px;top:12px;left:50%;transform:translate(-50%)}.dpd-panel.dpd-slide-top .dpd-hover-strip{height:30px;bottom:0;left:0;right:0}.dpd-panel.dpd-slide-top .dpd-strip-bar{border-bottom:none;border-radius:10px 10px 0 0;height:19px;bottom:0;left:0;right:0}.dpd-panel.dpd-slide-top .dpd-strip-tab{border-bottom:none;border-radius:10px 10px 0 0;min-width:80px;height:18px;bottom:12px;left:50%;transform:translate(-50%)}.dpd-panel.dpd-auto-hidden{pointer-events:none}.dpd-panel.dpd-auto-hidden .dpd-panel-inner{opacity:0;pointer-events:none;transition:opacity .3s,transform .4s cubic-bezier(.4,0,.2,1)}.dpd-panel.dpd-slide-right.dpd-auto-hidden .dpd-panel-inner,.dpd-panel.dpd-docked.dpd-auto-hidden .dpd-panel-inner{transform:translate(-100%)}.dpd-panel.dpd-slide-left.dpd-auto-hidden .dpd-panel-inner{transform:translate(100%)}.dpd-panel.dpd-slide-bottom.dpd-auto-hidden .dpd-panel-inner{transform:translateY(-100%)}.dpd-panel.dpd-slide-top.dpd-auto-hidden .dpd-panel-inner{transform:translateY(100%)}.dpd-panel.dpd-auto-hidden .dpd-hover-strip{opacity:1;transition:opacity .3s .1s}.dpd-panel-inner{transition:opacity .25s,transform .35s cubic-bezier(.4,0,.2,1)}.dpd-panel.dpd-slide-bottom .dpd-header,.dpd-panel.dpd-slide-top .dpd-header{padding:7px 10px 2px}.dpd-body{flex-direction:column;flex:1;gap:6px;padding:8px;display:flex;overflow:hidden auto}.dpd-footer{border-top:1px solid var(--border);flex-shrink:0;align-items:center;gap:4px;padding:6px 10px;display:flex}.dpd-btn{cursor:pointer;border:1px solid var(--border);border-radius:4px;height:26px;padding:0 10px;font-family:inherit;font-size:11px;font-weight:500;transition:background .1s}.dpd-btn-delete{color:#f44336;background:0 0;border-color:#0000;margin-right:auto;padding:0 6px;font-size:11px}.dpd-btn-delete:hover{background:#f443361a}.dpd-row{flex-direction:column;gap:4px;display:flex}.dpd-row-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);font-size:10px;font-weight:600}.dpd-row-content{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.dpd-color-swatch{border:2px solid var(--border);cursor:pointer;border-radius:4px;flex-shrink:0;width:22px;height:22px;transition:border-color .1s}.dpd-color-swatch:hover{border-color:var(--text-secondary)}.dpd-line-btn{background:var(--bg-surface);border:1px solid var(--border);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;height:24px;padding:0 5px;transition:border-color .1s;display:flex}.dpd-line-btn:hover{background:var(--bg-hover)}.dpd-line-btn.active{border-color:var(--color-orange)}.dpd-line-btn svg{width:22px;height:6px}.dpd-opacity-slider{appearance:none;cursor:pointer;border-radius:2px;outline:none;flex:1;min-width:0;height:4px;box-shadow:inset 0 0 0 1px #ffffff59}.dpd-opacity-slider::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#fff;border-radius:50%;width:12px;height:12px}.dpd-opacity-val{color:var(--text-secondary);text-align:right;flex-shrink:0;min-width:28px;font-size:11px}.dpd-select{background:var(--bg-surface);border:1px solid var(--border);height:26px;color:var(--text-primary);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23a1a1a6' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;border-radius:6px;outline:none;flex:1;padding:0 26px 0 8px;font-family:inherit;font-size:13px}.dpd-select:hover{border-color:var(--text-secondary)}.dpd-select option{background:var(--bg-header);color:var(--text-primary)}.dpd-check{cursor:pointer;color:var(--text-primary);justify-content:space-between;align-items:center;padding:2px 0;font-size:12px;display:flex}.dpd-check input[type=checkbox]{appearance:none;border:1px solid var(--border);background:var(--bg-surface);cursor:pointer;border-radius:9px;flex-shrink:0;order:1;width:32px;height:18px;transition:background .2s,border-color .2s;position:relative}.dpd-check input[type=checkbox]:after{content:"";background:#fff;border-radius:50%;width:12px;height:12px;transition:transform .2s;position:absolute;top:2px;left:2px}.dpd-check input[type=checkbox]:checked{background:var(--color-orange);border-color:var(--color-orange)}.dpd-check input[type=checkbox]:checked:after{transform:translate(14px)}.dpd-input{background:var(--bg-surface);border:1px solid var(--border);height:26px;color:var(--text-primary);border-radius:6px;outline:none;width:100%;padding:0 8px;font-family:inherit;font-size:13px}.dpd-input:focus{border-color:var(--color-orange)}.dpd-spin-wrap{flex:none;align-items:stretch;display:inline-flex;position:relative}input[type=number]{-moz-appearance:textfield}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}.dpd-spin-wrap input[type=number]{width:100%;padding-right:22px}.dpd-spin-btns{border-left:1px solid var(--border);flex-direction:column;width:16px;display:flex;position:absolute;top:0;bottom:0;right:0}.dpd-spin-btn{cursor:pointer;color:var(--text-secondary);-webkit-user-select:none;user-select:none;background:0 0;border:none;flex:1;justify-content:center;align-items:center;padding:0;font-size:6px;line-height:1;display:flex}.dpd-spin-btn:hover{color:var(--text-primary);background:#ffffff14}.dpd-spin-btn:first-child{border-bottom:1px solid var(--border)}.ind-param-reset{border:none;border-left:1px solid var(--border);cursor:pointer;color:#e53935;background:0 0;justify-content:center;align-items:center;width:18px;padding:0;transition:background .15s,color .15s;display:flex;position:absolute;top:0;bottom:0;right:16px}.ind-param-reset:hover:not(:disabled){background:#ffffff14}.ind-param-reset:active:not(:disabled){background:#ffffff24}.ind-param-reset:disabled{color:var(--text-secondary);cursor:default;opacity:.35}.dpd-input-sm{flex-shrink:0;width:70px}.dpd-textarea{background:var(--bg-surface);border:1px solid var(--border);width:100%;height:48px;min-height:48px;max-height:48px;color:var(--text-primary);resize:none;resize:vertical;border-radius:6px;outline:none;padding:6px 10px;font-family:inherit;font-size:13px;overflow-y:auto}.dpd-textarea:focus{border-color:var(--color-orange)}.dpd-reset-defaults{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 4px;font-size:11px}.dpd-reset-defaults:hover{color:var(--text-primary);background:var(--bg-hover)}[data-ind-add-level]{border:1px solid var(--border);border-radius:6px;height:26px;padding:0 8px;font-size:13px}[data-ind-add-level]:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border)}.dpd-textarea::placeholder{color:var(--text-tertiary)}.dpd-text-fmt{align-items:center;gap:6px;display:flex}.dpd-fmt-btn{background:var(--bg-surface);border:1px solid var(--border);width:28px;height:28px;color:var(--text-primary);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;font-family:inherit;font-size:14px;font-weight:600;display:flex}.dpd-fmt-btn:hover{background:var(--bg-hover)}.dpd-fmt-btn.active{border-color:var(--color-orange);color:var(--color-orange)}.dpd-color-grid{background:var(--bg-card);border:1px solid var(--border);z-index:1100;border-radius:10px;width:212px;padding:8px;animation:.15s ease-out flyoutIn;position:absolute;overflow:hidden;box-shadow:0 8px 24px #0006}.dpd-palette-grid{grid-template-columns:repeat(8,1fr);gap:3px;display:grid}.dpd-palette-custom{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:3px;margin-top:6px;padding-top:6px;display:flex}.dpd-palette-add{border:1px dashed var(--border);width:22px;height:22px;color:var(--text-secondary);text-align:center;cursor:pointer;border-radius:3px;font-size:16px;line-height:22px;transition:border-color .15s,color .15s}.dpd-palette-add:hover{border-color:var(--text-primary);color:var(--text-primary)}.dpd-color-grid .dpd-color-swatch{cursor:pointer;border:2px solid #0000;border-radius:3px;flex-shrink:0;width:22px;height:22px;transition:border-color .15s,transform .1s}.dpd-color-grid .dpd-color-swatch:hover{transform:scale(1.15)}.dpd-color-grid .dpd-color-swatch.active{border-color:#fff}.dpd-custom-picker{flex-direction:column;gap:8px;display:flex}.dpd-picker-canvases{gap:6px;display:flex}.dpd-sv-canvas{cursor:crosshair;border-radius:4px;flex:1}.dpd-hue-canvas{cursor:ns-resize;border-radius:4px;width:16px}.dpd-picker-footer{align-items:center;gap:6px;display:flex}.dpd-picker-preview{border:1px solid var(--border);border-radius:4px;flex-shrink:0;width:24px;height:24px}.dpd-picker-hex{background:var(--bg-input,#1e222d);border:1px solid var(--border);min-width:0;color:var(--text-primary);border-radius:6px;outline:none;flex:1;padding:4px 6px;font-family:monospace;font-size:12px}.dpd-picker-hex:focus{border-color:var(--color-orange)}.dpd-picker-add-btn{background:var(--color-orange,#ff9800);color:#fff;cursor:pointer;text-align:center;border:none;border-radius:6px;flex-shrink:0;width:44px;padding:4px 0;font-size:12px}.dpd-picker-add-btn:hover{opacity:.85}.dpd-style-row{gap:3px;display:flex}.dpd-line-btn-lg{background:var(--bg-card);border:1px solid var(--border);height:24px;color:var(--text-secondary);cursor:pointer;border-radius:4px;flex:1;justify-content:center;align-items:center;transition:background .15s,border-color .15s,color .15s;display:flex}.dpd-line-btn-lg svg{width:28px;height:6px}.dpd-line-btn-lg:hover{color:var(--text-primary);background:#ffffff14}.dpd-line-btn-lg.active{border-color:var(--color-orange);color:var(--text-primary);background:#ffffff1a}.dpd-section-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-tertiary);margin-top:4px;font-size:10px;font-weight:600}.dpd-divider{background:var(--border);height:1px}.ind-lvl-scroll{flex-direction:column;max-height:280px;margin-bottom:4px;display:flex;overflow-y:auto}.ind-lvl-item{margin-bottom:6px}.ind-lvl-header{-webkit-user-select:none;user-select:none;align-items:center;gap:5px;padding:0;display:flex}.ind-lvl-chevron{color:var(--text-secondary);flex:none;transition:transform .25s}.ind-lvl-chevron.closed{transform:rotate(-90deg)}.ind-lvl-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12px;overflow:hidden}.ind-lvl-bin{color:var(--text-secondary);opacity:0;cursor:pointer;flex:none;align-items:center;transition:opacity .15s,color .15s;display:flex}.ind-lvl-header:hover .ind-lvl-bin{opacity:1}.ind-lvl-bin:hover{color:#ef5350}.ind-lvl-body{max-height:0;transition:max-height .25s linear;overflow:hidden}.ind-lvl-body.open{border-bottom:1px solid var(--border);margin-bottom:6px;padding-top:4px;padding-bottom:10px}.ind-lvl-row{align-items:center;gap:4px;padding:2px 0;display:flex}.ind-level-row{align-items:center;gap:4px;display:flex}.dpd-vis-slider-wrap{max-height:0;margin-bottom:-6px;transition:max-height .25s linear,margin-bottom 50ms linear;overflow:hidden}.dpd-vis-slider-wrap.open{border-bottom:1px solid var(--border);max-height:48px;margin-bottom:0;padding-bottom:4px}.dpd-vis-slider-wrap.dpd-wrap-bg.open{max-height:95px}.dpd-vis-slider-wrap.dpd-wrap-cloud.open{max-height:75px}.dpd-vis-slider-wrap.dpd-wrap-lg{transition:max-height .45s ease-out,margin-bottom 50ms linear}.dpd-vis-slider-wrap.dpd-wrap-lg.open{max-height:400px}.dpd-vis-slider-wrap.dpd-wrap-xs{transition:max-height .2s linear,margin-bottom}.dpd-vis-slider-wrap.dpd-wrap-xs.open{border-bottom:1px solid var(--border);max-height:30px;padding-bottom:4px}.dpd-coord-scroll-body{scrollbar-width:thin;scrollbar-color:var(--text-tertiary) transparent;flex-direction:column;gap:6px;max-height:240px;display:flex;overflow-y:auto}.dpd-coord-scroll-body::-webkit-scrollbar{width:4px}.dpd-coord-scroll-body::-webkit-scrollbar-track{background:0 0}.dpd-coord-scroll-body::-webkit-scrollbar-thumb{background:var(--text-tertiary);border-radius:2px}.dpd-vis-capsule{background:var(--bg-surface);border:1px solid var(--border);box-sizing:border-box;border-radius:6px;align-items:stretch;width:100%;height:30px;margin:2px 0 0;display:flex;overflow:hidden}.dpd-vis-cap-val{flex-shrink:0;align-items:center;gap:0;width:46px;display:flex}.dpd-vis-cap-input{min-width:0;color:var(--text-primary);text-align:center;cursor:text;background:0 0;border:none;outline:none;flex:1;padding:0;font-family:inherit;font-size:11px}.dpd-vis-cap-spins{flex-direction:column;flex-shrink:0;gap:1px;display:flex}.dpd-vis-cap-spin{width:14px;height:12px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:2px;justify-content:center;align-items:center;padding:0;font-size:7px;line-height:1;display:flex;transform:scaleX(1.4)}.dpd-vis-cap-spin:hover{background:var(--border);color:var(--text-primary)}.dpd-vis-cap-divider{background:var(--border);flex-shrink:0;width:1px}.dpd-vis-cap-slider{flex:1;min-width:40px;padding:0;position:relative}.dpd-vis-cap-slider .dpd-dual-track{pointer-events:none;background:0 0;border-radius:2px;height:4px;position:absolute;top:50%;left:12px;right:12px;transform:translateY(-50%);box-shadow:inset 0 0 0 1px #ffffff59}.dpd-vis-cap-slider .dpd-dual-fill{background:var(--color-orange);pointer-events:none;border-radius:2px;height:4px;position:absolute;top:50%;transform:translateY(-50%)}.dpd-vis-cap-slider input[type=range]{appearance:none;pointer-events:none;background:0 0;width:calc(100% - 12px);height:100%;margin:0;padding:0;position:absolute;top:0;left:6px;right:6px}.dpd-vis-cap-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;pointer-events:all;z-index:2;background:#fff;border:none;border-radius:50%;width:12px;height:12px;position:relative}.dpd-vis-cap-slider .dpd-range-hi::-webkit-slider-thumb{z-index:3}.ind-panel{width:222px;max-width:222px}.ind-panel.dpd-hidden{max-width:0}.ind-panel .dpd-body{display:block;overflow-y:auto}.ind-panel.dpd-slide-bottom,.ind-panel.dpd-slide-top{width:auto;max-width:none}.ind-panel.dpd-slide-bottom.dpd-hidden,.ind-panel.dpd-slide-top.dpd-hidden{max-width:none}.ind-panel.dpd-slide-bottom .dpd-body,.ind-panel.dpd-slide-top .dpd-body{display:flex;overflow:hidden}.ind-body{padding:8px}.ind-col{flex-direction:column;gap:0;padding-bottom:10px;display:flex}.ind-col .dpd-section-label{padding:8px 0 6px}.ind-ml-body .dpd-section-label{margin-top:2px;padding:4px 0 2px}.ind-panel .dpd-check{padding:0;line-height:1}.ind-col>.dpd-check{margin-bottom:6px}.ind-col>.dpd-row{margin-bottom:10px}.ind-ml-item,.ind-vis-item{margin-bottom:6px}.ind-vis-item>.dpd-check,.ind-vis-item .dpd-vis-slider-wrap{margin-bottom:0}.ind-vis-pills{grid-template-columns:repeat(5,1fr);gap:4px;padding:4px 0;display:grid}.ind-vis-pill{text-align:center;color:#fff;cursor:pointer;background:0 0;border:none;border-radius:4px;width:100%;padding:5px 0;font-family:inherit;font-size:11px;transition:background .1s,color .1s,border-color .1s}.ind-vis-pill.on{color:#fff;background:#ffffff14;border-color:#fff}.ind-vis-pill:hover{border-color:var(--color-orange);color:var(--color-orange)}.ind-ml-body{max-height:0;transition:max-height .25s linear;overflow:hidden}.ind-ml-body.open{border-bottom:1px solid var(--border);max-height:300px;margin-bottom:6px;padding-top:4px;padding-bottom:10px}.dpd-csel{height:26px;position:relative}.dpd-csel-trigger{background:var(--bg-surface);border:1px solid var(--border);cursor:pointer;width:100%;height:100%;font-size:inherit;color:var(--text-primary);-webkit-user-select:none;user-select:none;box-sizing:border-box;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23a1a1a6' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;border-radius:6px;outline:none;align-items:center;padding:0 26px 0 8px;font-family:inherit;display:flex}.dpd-csel.open .dpd-csel-trigger{border-color:var(--color-orange,#ff9f0a)}.dpd-csel-lbl{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.dpd-csel-list{z-index:9999;background:var(--bg-header,#1c1c1e);border:1px solid var(--border);opacity:0;pointer-events:none;border-radius:6px;max-height:240px;transition:opacity .12s,transform .12s;position:fixed;overflow-y:auto;transform:translateY(-4px);box-shadow:0 4px 16px #0006}.dpd-csel.open .dpd-csel-list{opacity:1;pointer-events:auto;transform:translateY(0)}.dpd-csel-item{height:26px;color:var(--text-primary);cursor:pointer;white-space:nowrap;align-items:center;gap:4px;padding:0 8px;font-family:inherit;font-size:13px;display:flex}.dpd-csel-item:hover{background:#ffffff14}.dpd-csel-item-name{flex:1}.dpd-csel-chk{opacity:0;width:14px;color:var(--text-primary);flex:none;font-size:11px}.dpd-csel-item.active .dpd-csel-chk{opacity:1}.ind-tpl-wrap{margin-bottom:4px;position:relative}.ind-tpl-trigger{background:var(--bg-surface);border:1px solid var(--border);cursor:pointer;height:26px;color:var(--text-primary);-webkit-user-select:none;user-select:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23a1a1a6' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;border-radius:6px;outline:none;align-items:center;padding:0 26px 0 8px;font-family:inherit;font-size:13px;display:flex}.ind-tpl-wrap.open .ind-tpl-trigger{border-color:var(--color-orange,#ff9f0a)}.ind-tpl-cur-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.ind-tpl-trigger-actions{flex-shrink:0;align-items:center;gap:1px;margin-right:4px;display:none}.ind-tpl-wrap:not(.open):hover .ind-tpl-trigger-actions{display:flex}.ind-tpl-trigger-actions .ind-tpl-action{opacity:1}.ind-tpl-list{z-index:9999;background:var(--bg-header,#1c1c1e);border:1px solid var(--border);opacity:0;pointer-events:none;border-radius:6px;min-width:120px;max-height:240px;transition:opacity .12s,transform .12s;position:fixed;overflow-y:auto;transform:translateY(-4px);box-shadow:0 4px 16px #0006}.ind-tpl-wrap.open .ind-tpl-list{opacity:1;pointer-events:auto;transform:translateY(0)}.ind-tpl-item{height:26px;color:var(--text-primary);cursor:pointer;align-items:center;gap:4px;padding:0 8px;font-family:inherit;font-size:13px;display:flex}.ind-tpl-item:hover{background:#ffffff14}.ind-tpl-item-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.ind-tpl-chk{opacity:0;width:14px;color:var(--text-primary);flex:none;font-size:11px}.ind-tpl-item.active .ind-tpl-chk{opacity:1}.ind-tpl-action{opacity:0;cursor:pointer;color:#a1a1a6;background:0 0;border:none;border-radius:3px;align-items:center;padding:2px 3px;transition:opacity .1s,color .1s;display:flex}.ind-tpl-item:hover .ind-tpl-action{opacity:1}.ind-tpl-action:hover{color:var(--color-orange,#ff9f0a)}.ind-tpl-trash-btn:hover{color:#ef5350}.ind-tpl-name-popup{align-items:center;padding:4px 0;display:flex}.ind-tpl-name-popup.hidden{display:none}.ind-tpl-name-popup .dpd-spin-wrap{width:100%;display:flex}.ind-tpl-name-popup .dpd-spin-btns{width:24px}.ind-tpl-name-popup .ind-param-reset{width:24px;right:24px}.ind-tpl-name-popup .dpd-input{padding-right:52px}.ind-tpl-name-popup .dpd-spin-btn:only-child{border-bottom:none}.ind-tpl-name-popup .dpd-spin-wrap:focus-within{box-shadow:0 0 0 1px var(--color-orange,#ff9f0a);border-radius:6px}.ind-tpl-name-popup .dpd-input:focus{box-shadow:none;border-color:var(--border);outline:none}.ind-tpl-hdr-floppy{color:var(--text-secondary,#a1a1a6)}.ind-tpl-hdr-floppy:hover{color:var(--color-orange);background:var(--bg-hover)}.draw-filter-tabs{justify-content:center;align-items:center;gap:8px;padding:4px;display:flex}.draw-filter-btn{height:28px;color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:4px;outline:none;flex:1;font-family:inherit;font-size:14px;font-weight:600;transition:background .15s,color .15s}.draw-filter-btn:hover,.draw-filter-btn.active{color:var(--color-orange)}.draw-filter-btn.disabled,.draw-filter-btn:disabled{opacity:.3;cursor:default;pointer-events:none}.draw-divider-full{background:var(--border);width:100%;height:1px;margin:2px 0}.draw-tool-group,.draw-tool-wrap{position:relative}.draw-chevron-btn{background:var(--color-orange);width:14px;height:36px;color:var(--bg-dark);cursor:pointer;opacity:0;z-index:2;border:none;border-radius:0 4px 4px 0;justify-content:center;align-items:center;padding:0;transition:opacity .15s;display:flex;position:absolute;top:0;right:-14px}.draw-tool-wrap:hover .draw-chevron-btn{opacity:1}.draw-chevron{font-size:10px;font-weight:700;line-height:1;transform:rotate(-90deg)}.drawing-toolbar.floating.horizontal .draw-chevron-btn{border-radius:0 0 4px 4px;width:36px;height:14px;inset:auto auto -14px 0}.drawing-toolbar.floating.horizontal .draw-chevron{transform:rotate(0)}.drawing-toolbar.docked-right .draw-chevron-btn{border-radius:4px 0 0 4px;left:-14px;right:auto}.drawing-toolbar.docked-right .draw-chevron{transform:rotate(90deg)}.drawing-toolbar.docked-top .draw-chevron-btn{border-radius:0 0 4px 4px;width:36px;height:14px;inset:auto auto -14px 0}.drawing-toolbar.docked-top .draw-chevron{transform:rotate(0)}.drawing-toolbar.docked-bottom .draw-chevron-btn{border-radius:4px 4px 0 0;width:36px;height:14px;inset:-14px auto auto 0}.drawing-toolbar.docked-bottom .draw-chevron{transform:rotate(180deg)}.draw-flyout-label{flex:1}.draw-flyout-fav-btn{cursor:pointer;width:24px;min-width:24px;height:24px;color:var(--text-secondary);opacity:0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;margin-right:-2px;font-size:12px;font-weight:700;transition:opacity .12s,color .12s;display:flex}.draw-flyout-item:hover .draw-flyout-fav-btn,.draw-fav-item:hover .draw-flyout-fav-btn{opacity:1}.draw-flyout-fav-btn:hover{color:var(--text-primary);background:#ffffff1a}.draw-flyout-fav-btn.active{color:#f59e0b;opacity:1}.draw-flyout-fav-btn.active:hover{background:#ffffff1a}.draw-flyout--overflow{grid-template-columns:1fr 1fr;min-width:444px;display:grid!important}.draw-fav-list{flex-direction:column;gap:0;display:flex}.draw-fav-list--overflow{grid-template-columns:1fr 1fr;display:grid!important}.draw-fav-list--overflow-h{grid-template-rows:repeat(10,auto);grid-auto-flow:column;display:grid!important}.draw-fav-item{display:contents}.draw-fav-item.drag-over .draw-btn{outline:1px dashed var(--border);border-radius:6px}.draw-fav-item.dragging{opacity:.4}.draw-fav-empty{color:var(--text-secondary);text-align:center;padding:16px 18px;font-size:12px}.draw-flyout{background:var(--bg-card);border:1px solid var(--border);z-index:100;-webkit-user-select:none;user-select:none;border-radius:14px;flex-direction:column;min-width:222px;padding:6px 0;animation:.15s ease-out flyoutIn;display:flex;position:absolute;top:0;left:38px;box-shadow:0 8px 24px #00000080}.drawing-toolbar.flyout-left .draw-flyout,.drawing-toolbar.docked-right .draw-flyout{left:auto;right:38px}.draw-flyout-detached{z-index:1001;position:absolute}@keyframes flyoutIn{0%{opacity:0;transform:scale(.95)translate(-4px)}to{opacity:1;transform:scale(1)translate(0)}}.drawing-toolbar.flyout-left .draw-chevron-btn{border-radius:4px 0 0 4px;left:-14px;right:auto}.drawing-toolbar.flyout-left .draw-chevron{transform:rotate(90deg)}.drawing-toolbar.floating.horizontal.flyout-up .draw-chevron-btn{border-radius:4px 4px 0 0;top:-14px;bottom:auto}.drawing-toolbar.floating.horizontal.flyout-up .draw-chevron{transform:rotate(180deg)}.drawing-toolbar.flyout-left .draw-flyout,.drawing-toolbar.docked-right .draw-flyout{animation:.15s ease-out flyoutInRight}@keyframes flyoutInRight{0%{opacity:0;transform:scale(.95)translate(4px)}to{opacity:1;transform:scale(1)translate(0)}}.draw-flyout-item{color:var(--text-primary);text-align:left;cursor:pointer;box-sizing:border-box;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;margin:0 4px;padding:6px 14px;font-family:inherit;font-size:13px;transition:background .15s ease-in-out,color .15s ease-in-out;display:flex}.draw-flyout-item:hover{background:var(--bg-hover)}.draw-flyout-divider{background:var(--border);height:1px;margin:4px 8px}.draw-flyout-icon{width:22px;height:22px;color:var(--text-secondary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.draw-flyout-icon svg{width:22px;height:22px}.draw-flyout-item:hover .draw-flyout-icon{color:#fff}.chart-info{z-index:5;pointer-events:none;max-height:calc(100% - 10px);position:absolute;top:10px;left:12px;overflow:hidden}.chart-info-pair{color:var(--text-primary);align-items:center;gap:6px;font-size:14px;font-weight:600;display:flex}.chart-info-triangle{font-size:12px}.chart-info-triangle.up{color:var(--color-green)}.chart-info-triangle.down{color:var(--color-red)}.chart-info-timeframe{color:#ff9500;margin-top:2px;font-size:14px;font-weight:600}.chart-info-broker{color:#ffffffb3;margin-left:4px;font-weight:400}.chart-info-ohlc{font-variant-numeric:tabular-nums;align-items:center;gap:4px;margin-top:4px;font-size:13px;display:flex}.ohlc-label{color:var(--text-secondary);margin-left:8px;font-weight:600}.ohlc-label:first-child{margin-left:0}.ohlc-val{font-weight:500}.ohlc-change{margin-left:8px;font-size:12px;font-weight:500}.chart-info-badges{pointer-events:auto;z-index:5;align-items:center;gap:3px;margin-top:4px;display:flex;position:relative}.scale-badge{cursor:pointer;min-width:18px;height:18px;color:var(--text-secondary);-webkit-user-select:none;user-select:none;background:0 0;border:1px solid #ffffff14;border-radius:3px;justify-content:center;align-items:center;padding:0 4px;font-size:10px;font-weight:600;transition:background .15s,color .15s;display:inline-flex}.scale-badge:hover{color:#fff;cursor:pointer;background:#ffffff1f}.scale-badge.active{color:#fff;background:#ffffff26;border-color:#fff3}.scale-badge-sep{background:#ffffff1a;width:1px;height:14px;margin:0 2px}.chart-info-legends{flex-direction:column;gap:2px;margin-top:4px;display:flex}.legend-row{flex-wrap:wrap;gap:2px 10px;display:flex}.legend-item{color:var(--text-secondary);white-space:nowrap;align-items:center;gap:4px;font-size:11px;font-weight:500;display:flex}.legend-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.legend-value{color:var(--text-primary);font-variant-numeric:tabular-nums;font-weight:400}.legend-remove{color:var(--text-tertiary);cursor:pointer;border-radius:3px;margin-left:2px;padding:0 3px;font-size:9px;transition:color .15s,background .15s;display:none}.legend-item:hover .legend-remove{display:inline}.legend-remove:hover{color:var(--color-red);background:#ef535026}.legend-square{border-radius:2px;flex-shrink:0;width:8px;height:8px}.compare-dropdown{width:200px}.compare-spinner{border:1.5px solid var(--text-tertiary);border-top-color:var(--color-orange);border-radius:50%;flex-shrink:0;width:12px;height:12px;animation:.6s linear infinite compareSpin}.compare-spinner-sm{border:1px solid var(--text-tertiary);border-top-color:var(--color-orange);border-radius:50%;flex-shrink:0;width:6px;height:6px;animation:.6s linear infinite compareSpin}@keyframes compareSpin{to{transform:rotate(360deg)}}.compare-color-swatch{cursor:pointer;border:1.5px solid #0000;border-radius:2px;flex-shrink:0;width:12px;height:12px;transition:border-color .15s}.compare-color-swatch:hover{border-color:#fff}.compare-remove{color:var(--text-tertiary);cursor:pointer;border-radius:4px;padding:2px 4px;font-size:11px;transition:color .15s,background .15s}.compare-remove:hover{color:var(--color-red);background:#ef535026}.compare-active-item{gap:8px}.color-picker-popup{background:var(--bg-card);border:1px solid var(--border);z-index:110;border-radius:14px;grid-template-columns:repeat(5,1fr);gap:6px;width:200px;padding:10px;animation:.15s ease-out flyoutIn;display:grid;position:absolute;top:calc(100% + 4px);left:0;box-shadow:0 8px 24px #00000080}.color-picker-swatch{cursor:pointer;border:2px solid #0000;border-radius:6px;width:28px;height:28px;transition:border-color .15s,transform .1s}.color-picker-swatch:hover{border-color:#ffffff80;transform:scale(1.1)}.color-picker-swatch.selected{border-color:#fff}.ind-vol-type-btn{background:var(--bg-hover);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;border-radius:5px;padding:3px 10px;font-family:inherit;font-size:12px;transition:background .12s,color .12s,border-color .12s}.ind-vol-type-btn:hover{color:var(--text-primary)}.ind-vol-type-btn.active{background:var(--color-orange);border-color:var(--color-orange);color:#000}.indicator-pane{border-top:1px solid #ffffff2e;min-width:0;height:100px;min-height:60px;position:relative;overflow:hidden;box-shadow:0 -6px 14px #00000052}.indicator-pane[data-above]{border-top:none;border-bottom:1px solid #ffffff2e;box-shadow:0 6px 14px #00000052}.ind-pane-resize{cursor:ns-resize;z-index:10;height:6px;position:absolute;top:0;left:0;right:0}.indicator-pane[data-above] .ind-pane-resize{top:auto;bottom:0}.indicator-pane[data-fullscreen]{min-height:0!important}.indicator-pane[data-minimized]{cursor:pointer;min-height:0!important}.indicator-pane[data-minimized] .ind-pane-canvas,.indicator-pane[data-minimized] .ind-crosshair-overlay,.indicator-pane[data-minimized] .ind-pane-resize{display:none}.ind-pane-resize:hover{background:#ffffff0f}body.drawing-tool-active .ind-pane-resize{pointer-events:none}body.ind-pane-dragging,body.ind-pane-dragging *{cursor:ns-resize!important}body.ind-pane-dragging .indicator-pane{border-top-color:#0000;border-bottom-color:#0000}.ind-pane-header{z-index:5;pointer-events:auto;align-items:center;gap:6px;display:flex;position:absolute;top:4px;left:12px}.ind-pane-label{letter-spacing:.3px;color:var(--text-primary);cursor:pointer;font-size:12px;font-weight:600;transition:color .15s}.ind-pane-label:hover{color:#ff9500}.ind-pane-val{color:var(--text-secondary,#a1a1a6);letter-spacing:.2px;font-size:11px;font-weight:400}.ind-pane-delete{width:22px;height:22px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.ind-pane-delete:hover{color:#f44;background:var(--bg-hover)}.ind-pane-canvas{cursor:grab;width:100%;height:100%;position:absolute;top:0;left:0}.ind-pane-canvas:active{cursor:grabbing}.ind-pane-al-btn{cursor:pointer;min-width:18px;height:18px;color:var(--text-secondary);-webkit-user-select:none;user-select:none;background:0 0;border:1px solid #ffffff14;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;padding:0 4px;font-size:10px;font-weight:600;transition:background .15s,color .15s;display:inline-flex}.ind-pane-al-btn:hover{color:#fff;background:#ffffff1f}.ind-pane-al-btn.active{color:#fff;background:#ffffff26;border-color:#fff3}.ind-pane-ctrl-bar{z-index:10;align-items:center;gap:4px;display:none;position:absolute;top:4px;right:76px}.indicator-pane:hover .ind-pane-ctrl-bar{display:flex}.ind-pane-ctrl-btn{width:18px;height:18px;color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #ffffff14;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.ind-pane-ctrl-btn:hover{color:#fff;background:#ffffff1f}.ind-pane-ctrl-btn[data-ind-pane-close]:hover{color:#f44}.ind-crosshair-overlay{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.indicators-dropdown{width:200px}.library-btn{color:var(--text-secondary);letter-spacing:.5px;justify-content:center;gap:6px;font-size:11px;font-weight:600}.library-btn:hover{color:#fff}.canvas-center-text{color:#ffffff0f;letter-spacing:3px;pointer-events:none;z-index:1;white-space:nowrap;font-size:28px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,calc(-50% - 80px))}.draw-info-tooltip{background:var(--bg-header);border:1px solid var(--border);color:var(--text-primary);pointer-events:none;-webkit-user-select:none;user-select:none;z-index:2000;white-space:nowrap;border-radius:6px;flex-direction:column;gap:4px;padding:8px 10px;font-size:12px;display:flex;position:fixed;box-shadow:0 4px 16px #00000080}.draw-info-tooltip .dit-row{align-items:center;gap:8px;display:flex}.draw-info-tooltip .dit-icon{color:var(--text-secondary);text-align:center;min-width:14px;font-size:13px}.ind-hover-tooltip{color:#f5f5f7;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:2000;white-space:nowrap;background:#22292be6;border-radius:3px;height:18px;padding:0 6px;font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:11px;line-height:18px;position:fixed}.marquee-box{border:1px dashed var(--color-orange);pointer-events:none;z-index:500;background:#ff950014;position:absolute}.chart-canvas-wrap{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;position:relative}.chart-watermark{opacity:.15;letter-spacing:1.5px;pointer-events:none;z-index:1;font-size:13px;font-weight:700;position:absolute;top:10px;right:10px}.time-axis{background:var(--bg-header);border-top:1px solid var(--border);align-items:center;height:28px;min-height:28px;display:flex;position:relative;overflow:visible}.time-axis-ch-overlay{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.time-axis-label{color:var(--text-secondary);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:11px;position:absolute;transform:translate(-50%)}.time-axis-label.month{color:var(--text-primary);font-weight:600}.time-axis-tick{background:var(--text-tertiary);width:1px;height:5px;position:absolute;top:0}.time-axis-tick.major{background:var(--text-secondary);height:8px}.toolbar-vol-wrap{align-items:center;display:flex;position:relative}.vol-dropdown{background:var(--bg-card);border:1px solid var(--border);z-index:100;border-radius:14px;width:222px;max-height:400px;padding:6px 0;position:absolute;top:calc(100% + 4px);left:0;overflow-y:auto;box-shadow:0 8px 24px #00000080}.vol-dropdown-item{color:var(--text-primary);cursor:pointer;white-space:nowrap;border-radius:6px;align-items:center;gap:10px;margin:0 4px;padding:6px 14px;font-size:13px;transition:background .15s,color .15s;display:flex}.vol-dropdown-item:hover{background:var(--bg-hover)}.vol-item-label{flex:1}.vol-check{color:#0000;justify-content:center;align-items:center;width:14px;min-width:14px;height:14px;font-size:13px;font-weight:700;line-height:1;display:flex}.vol-check:after{content:"✓"}.vol-check.active{color:var(--color-orange)}.vol-dropdown-item:hover .vol-check:not(.active),.tf-dropdown-item:hover .vol-check:not(.active),.draw-flyout-item:hover .vol-check:not(.active){color:var(--text-tertiary)}.price-action-menu{z-index:1000;background:var(--bg-surface);border:1px solid var(--border);border-radius:8px;min-width:200px;padding:4px 0;animation:.12s ease-out pam-fade-in;position:fixed;box-shadow:0 8px 24px #00000080}@keyframes pam-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.pam-item{color:var(--text-primary);cursor:pointer;white-space:nowrap;align-items:center;gap:10px;padding:8px 14px;font-size:13px;transition:background .1s;display:flex}.pam-item:hover{background:var(--bg-hover)}.pam-item svg{opacity:.7;flex-shrink:0}.pam-divider{background:var(--border);height:1px;margin:4px 0}.price-scale-menu,.psm-submenu,.draw-context-menu,.chart-context-menu{z-index:1001;background:var(--bg-surface);border:1px solid var(--border);border-radius:8px;min-width:240px;padding:4px 0;animation:.12s ease-out pam-fade-in;position:fixed;box-shadow:0 8px 24px #00000080}.psm-submenu{min-width:280px}.psm-item{color:var(--text-primary);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;padding:7px 14px;font-size:13px;transition:background .1s;display:flex}.psm-item:hover{background:var(--bg-hover)}.psm-item svg{opacity:.7;flex-shrink:0}.psm-check{text-align:center;width:16px;color:var(--text-primary);flex-shrink:0;font-size:13px;display:inline-block}.psm-arrow{color:var(--text-secondary);margin-left:auto;font-size:16px}.psm-divider{background:var(--border);height:1px;margin:4px 0}.psm-settings{gap:10px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--text-tertiary);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}
