@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&family=Fira+Code:wght@400;500;600&display=swap";:root{--bg-base:#0c1222;--bg-surface:#111827;--bg-elevated:#1a2332;--bg-subtle:var(--bg-surface);--bg-hover:#1f2b3d;--bg-active:#263348;--border-subtle:#94a3b814;--border-default:#94a3b824;--border-strong:#94a3b840;--text-primary:#e2e8f0;--text-secondary:#94a3b8;--text-tertiary:#94a3b8;--accent:#14b8a6;--accent-hover:#0d9488;--accent-muted:#14b8a61f;--accent-glow:#14b8a640;--secondary:#f59e0b;--secondary-muted:#f59e0b1f;--danger:#f43f5e;--danger-hover:#e11d48;--warning:#f59e0b;--info:#38bdf8;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--z-local:1;--z-canvas-control:10;--z-header:20;--z-header-control:21;--z-canvas-overlay:100;--z-drawer-backdrop:200;--z-drawer:300;--z-panel:400;--z-tooltip:500;--z-modal:600;--z-dialog:700;--z-menu:800;--z-menu-submenu:801;--z-blocking:1000;--z-toast:1050;--z-skip-link:1100;--font-sans:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-mono:"Fira Code", "Cascadia Code", "Consolas", monospace;--text-xs:.6875rem;--text-sm:.8125rem;--text-base:.875rem;--text-lg:1rem;--text-xl:1.25rem;--text-2xl:1.5rem;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--leading-tight:1.2;--leading-normal:1.5;--shadow-sm:0 1px 3px #0006, 0 1px 2px #0000004d;--shadow-md:0 4px 16px #00000080, 0 2px 4px #0000004d;--shadow-lg:0 12px 40px #0009, 0 4px 12px #0000004d;--shadow-glow:0 0 20px var(--accent-glow), 0 0 60px #14b8a614;--radius-xs:2px;--radius-sm:4px;--radius-md:6px;--radius-lg:10px;--radius-xl:14px;--radius-full:9999px;--transition-fast:.1s cubic-bezier(.22, 1, .36, 1);--transition-normal:.2s cubic-bezier(.22, 1, .36, 1);--transition-slow:.4s cubic-bezier(.22, 1, .36, 1);--grid-color:#94a3b80f;--grid-accent:#14b8a60a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.theme-light{--bg-base:#f8fafc;--bg-surface:#fff;--bg-elevated:#fff;--bg-hover:#f1f5f9;--bg-active:#e2e8f0;--border-subtle:#0f172a0f;--border-default:#0f172a1a;--border-strong:#0f172a33;--text-primary:#0f172a;--text-secondary:#475569;--text-tertiary:#64748b;--accent:#0d9488;--accent-hover:#0f766e;--accent-muted:#0d948814;--accent-glow:#0d948826;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 16px #00000014, 0 2px 4px #0000000a;--shadow-lg:0 12px 40px #0000001f, 0 4px 12px #0000000f;--shadow-glow:0 0 20px var(--accent-glow);--grid-color:#0f172a0a;--grid-accent:#0d948808;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100vh;transition:background var(--transition-slow), color var(--transition-slow);overflow:hidden}.skip-link{top:-40px;background:var(--accent);color:#fff;padding:var(--space-2) var(--space-4);z-index:var(--z-skip-link);font-size:var(--text-base);font-family:var(--font-sans);border-radius:0 0 var(--radius-md) 0;text-decoration:none;transition:top .15s;position:absolute;inset-inline-start:0}.skip-link:focus{top:0}#app{grid-template-rows:52px 1fr 34px;height:100vh;animation:.6s cubic-bezier(.22,1,.36,1) appReveal;display:grid}@keyframes appReveal{0%{opacity:0}to{opacity:1}}#header{padding:0 var(--space-5);background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);align-items:center;gap:var(--space-4);z-index:var(--z-header);display:flex;position:relative}#header:after{content:"";bottom:-1px;background:linear-gradient(90deg, transparent 0%, var(--accent-glow) 30%, var(--accent) 50%, var(--accent-glow) 70%, transparent 100%);opacity:.5;height:1px;position:absolute;inset-inline:0}#header h1{font-size:var(--text-lg);color:var(--text-primary);letter-spacing:-.03em;-webkit-user-select:none;user-select:none;font-weight:800}#header h1 .brand-accent{color:var(--accent)}.header-left{align-items:center;gap:var(--space-3);flex-shrink:0;display:flex}.header-center{padding:0 var(--space-6);flex:1;justify-content:center;max-width:440px;margin:0 auto;display:flex}.header-right{align-items:center;gap:var(--space-1);flex-shrink:0;display:flex}.header-right .icon-btn{justify-content:center;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);color:var(--text-secondary);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);white-space:nowrap;background:0 0;border:none;line-height:1;display:inline-flex}.header-right .icon-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.header-divider{background:var(--border-default);width:1px;height:20px;margin:0 var(--space-1)}#main{grid-template-columns:200px 1fr;display:grid;position:relative;overflow:hidden}#main.sidebar-collapsed{grid-template-columns:0 1fr}#sidebar.collapsed{border:none;width:0;min-width:0;padding:0;overflow:hidden}.sidebar-toggle{top:50%;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:0 var(--radius-md) var(--radius-md) 0;width:16px;height:40px;color:var(--text-tertiary);cursor:pointer;font-size:var(--text-xs);z-index:var(--z-header-control);transition:inset-inline-start var(--transition-normal), background var(--transition-fast);font-family:var(--font-sans);border-inline-start:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;inset-inline-start:200px;transform:translateY(-50%)}.sidebar-toggle:hover{background:var(--bg-hover);color:var(--text-primary)}#main.sidebar-collapsed .sidebar-toggle{inset-inline-start:0}#sidebar{border-inline-end:1px solid var(--border-subtle);background:var(--bg-surface);padding:var(--space-3) var(--space-2) 0;flex-direction:column;display:flex;overflow:hidden auto}#sidebar::-webkit-scrollbar{width:5px}#sidebar::-webkit-scrollbar-track{background:0 0}#sidebar::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-full)}#sidebar::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.chart-nav-footer{padding:var(--space-2) var(--space-3);border-top:1px solid var(--border-subtle)}.chart-nav-cmdk{width:100%;font-size:var(--text-xs);padding:var(--space-2) var(--space-3);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-secondary);font-family:var(--font-sans);font-weight:var(--font-semibold);cursor:pointer;transition:background-color var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast), opacity var(--transition-fast);justify-content:center;display:flex}.chart-nav-cmdk:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-strong)}#chart-area{background:var(--bg-base);background-image:linear-gradient(var(--grid-color) 1px, transparent 1px), linear-gradient(90deg, var(--grid-color) 1px, transparent 1px), linear-gradient(var(--grid-accent) 1px, transparent 1px), linear-gradient(90deg, var(--grid-accent) 1px, transparent 1px);background-size:100px 100px,100px 100px,20px 20px,20px 20px;position:relative;overflow:hidden}#chart-area>svg{width:100%;height:100%}.ui-icon{pointer-events:none;vertical-align:-.125em;flex:none;width:1em;height:1em}g.node:focus,g.ic-node:focus,g.pal-node:focus{outline:none}g.node:focus-visible>rect,g.ic-node:focus-visible>rect,g.pal-node:focus-visible>rect{filter:drop-shadow(0 0 6px var(--accent-glow));stroke:var(--accent)!important;stroke-width:2px!important}.zoom-controls-float{bottom:var(--space-4);align-items:center;gap:var(--space-1);z-index:var(--z-canvas-control);display:flex;position:absolute;inset-inline-end:var(--space-4)}.zoom-btn{padding:var(--space-1) var(--space-2);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-secondary);font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--font-semibold);cursor:pointer;transition:background-color var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast), opacity var(--transition-fast);box-shadow:var(--shadow-sm);white-space:nowrap;justify-content:center;align-items:center;display:inline-flex}.zoom-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-strong)}.zoom-btn.zoom-btn-icon{width:30px;height:30px;font-size:var(--text-base);padding:0}.zoom-pct{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-tertiary);text-align:center;min-width:38px;padding:0 var(--space-1)}#footer{padding:0 var(--space-5);justify-content:flex-end;align-items:center;gap:var(--space-2);background:var(--bg-surface);border-top:1px solid var(--border-subtle);font-size:var(--text-xs);display:flex;position:relative}.footer-btn{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-family:var(--font-sans);font-weight:var(--font-medium);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:background-color var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast), opacity var(--transition-fast);letter-spacing:.01em;background:0 0;display:inline-flex}.footer-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--accent);box-shadow:0 0 0 1px var(--accent-muted)}.footer-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.footer-center a{font-size:var(--text-xs);font-family:var(--font-sans);color:var(--text-tertiary);transition:color var(--transition-fast);text-decoration:none}.footer-center a:hover{color:var(--accent);text-decoration:underline}.footer-center a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.icon-btn{border-radius:var(--radius-md);min-width:36px;min-height:36px;color:var(--text-tertiary);cursor:pointer;transition:background-color var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast), opacity var(--transition-fast);font-size:var(--text-lg);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;display:flex}.icon-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-default)}.icon-btn.active{background:var(--accent-muted);color:var(--accent);border-color:#14b8a64d}.icon-btn:disabled{opacity:.3;cursor:default;pointer-events:none}.icon-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.dialog-overlay{z-index:var(--z-dialog);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;justify-content:center;align-items:center;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.dialog-overlay--help{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0009}.panel-chrome{color:var(--text-primary);font-family:var(--font-sans)}.dialog-panel{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:var(--dialog-panel-padding,24px);min-width:var(--dialog-panel-min-width,320px);max-width:var(--dialog-panel-max-width,420px);box-shadow:var(--shadow-lg);animation:.2s slideUp}.welcome-dialog{gap:var(--space-4);text-align:center;flex-direction:column;display:flex}.welcome-dialog-mark{color:var(--accent);font-size:var(--text-2xl);justify-content:center;display:flex}.welcome-dialog-title{color:var(--text-primary);font-size:var(--text-xl)}.welcome-dialog-description,.welcome-dialog-import-hint{color:var(--text-secondary);font-size:var(--text-sm);line-height:var(--leading-normal)}.welcome-dialog-import-hint{justify-content:center;align-items:center;gap:var(--space-2);display:flex}.welcome-dialog-actions{gap:var(--space-2);display:grid}.welcome-dialog-actions .btn{justify-content:center;align-items:center;gap:var(--space-2);margin:0;display:inline-flex}.help-dialog{background:var(--bg-surface);flex-direction:column;width:520px;min-width:auto;max-width:90vw;max-height:80vh;padding:0;animation:.2s cubic-bezier(.22,1,.36,1) slideUp;display:flex;overflow:hidden}.help-dialog-header{border-bottom:1px solid var(--border-subtle);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.help-dialog-title{color:var(--text-primary);font-size:16px;font-weight:700;font-family:var(--font-sans);margin:0}.help-dialog-close{width:28px;height:28px;font-size:14px}.help-dialog-content{scrollbar-width:thin;flex:1;padding:16px 20px;overflow-y:auto}.help-dialog kbd{font-size:11px;font-family:var(--font-mono);background:var(--bg-base);border:1px solid var(--border-default);color:var(--text-primary);border-radius:3px;padding:1px 5px;line-height:1.4;display:inline-block}.help-dialog code{font-family:var(--font-mono);background:var(--bg-base);color:var(--accent);border-radius:3px;padding:1px 4px;font-size:11px}.add-popover{z-index:var(--z-menu);border-radius:var(--radius-lg);min-width:240px;max-width:none;padding:var(--space-4);animation:.15s popoverFadeIn;position:fixed}.add-popover-heading{color:var(--text-primary);margin-bottom:var(--space-3);font-size:14px;font-weight:600}.add-popover-name-group{margin-bottom:var(--space-2)}.add-popover-title-group{margin-bottom:var(--space-3)}.add-popover-label{color:var(--text-secondary);margin-bottom:var(--space-1);font-size:12px;font-weight:500;display:block}.add-popover-input{box-sizing:border-box;width:100%;padding:var(--space-1) var(--space-2);background:var(--bg-base);border:1px solid var(--border-default);border-radius:var(--radius-sm,4px);color:var(--text-primary);font-family:var(--font-sans);outline:none;font-size:13px}.add-popover-actions{gap:var(--space-2);justify-content:flex-end;display:flex}.context-menu,.context-submenu{z-index:var(--z-menu);border-radius:var(--radius-md);min-width:160px;max-width:none;padding:var(--space-1) 0;position:fixed}.context-menu{animation:.12s contextMenuIn}.context-submenu{z-index:var(--z-menu-submenu);min-width:140px;animation:none}.context-menu-item{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);color:var(--text-primary);text-align:start;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;max-width:300px;transition:background var(--transition-fast,.1s ease);background:0 0;border:none;font-family:inherit;font-size:13px;display:flex;overflow:hidden}.context-menu-item:hover:not(:disabled){background:var(--bg-hover)}.context-menu-item--danger{color:var(--danger)}.context-menu-item:disabled{opacity:.4;cursor:default}.context-menu-icon{text-align:center;flex-shrink:0;width:16px}.context-menu-swatch{background:var(--context-menu-swatch);border:1px solid var(--border-default);border-radius:50%;flex-shrink:0;width:10px;height:10px;display:inline-block}.context-menu-arrow{color:var(--text-tertiary);margin-inline-start:auto;padding-inline-start:12px;font-size:10px}.inline-editor{z-index:var(--z-menu);border:1px solid var(--border-strong);min-width:auto;max-width:none;box-shadow:var(--shadow-md);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);box-sizing:border-box;flex-direction:column;justify-content:center;animation:none;display:flex;position:fixed}.inline-editor-input{width:100%;padding:var(--space-1) 0;background:0 0;border:none;outline:none;font-family:Calibri,sans-serif}.inline-editor-name{color:var(--text-primary);font-size:14px;font-weight:700}.inline-editor-title{color:var(--text-secondary);font-size:12px}.inline-editor-level{color:var(--text-tertiary);font-size:11px;font-style:italic}.inline-editor-actions{gap:var(--space-2);margin-top:var(--space-2);justify-content:flex-end;display:flex}.inline-editor-action{padding:var(--space-1) var(--space-2);font-size:11px}.ui-banner{top:var(--space-3);z-index:var(--z-canvas-overlay);align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);background:var(--bg-elevated);border:1px solid var(--accent);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);font-family:var(--font-sans);font-size:var(--text-sm);color:var(--text-primary);pointer-events:auto;white-space:nowrap;display:flex;position:absolute;left:50%;transform:translate(-50%)}.ui-banner--passive{pointer-events:none}.focus-banner{animation:.2s focusBannerIn}.offline-banner{animation:.2s offlineBannerIn}.comparison-banner{animation:.2s comparisonBannerIn}.ui-banner-separator{background:var(--border-default);width:1px;height:14px}.focus-banner-exit{color:var(--accent);font-family:var(--font-sans);font-size:var(--text-sm);cursor:pointer;transition:color var(--transition-fast,.1s ease);background:0 0;border:none;padding:0;font-weight:600}.focus-banner-exit:hover{color:var(--accent-hover)}.comparison-banner-stats{align-items:center;gap:8px;font-weight:600;display:flex}.comparison-banner [data-testid=comparison-banner-dim-toggle],.comparison-banner [data-testid=comparison-banner-toggle],.comparison-banner [data-testid=comparison-banner-exit]{padding:4px 12px;font-size:11px}@keyframes popoverFadeIn{0%{opacity:0;transform:translate(-50%)translateY(4px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes contextMenuIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes focusBannerIn{0%{opacity:0;transform:translate(-50%)translateY(-8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes offlineBannerIn{0%{opacity:0;transform:translate(-50%)translateY(-8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes comparisonBannerIn{0%{opacity:0;transform:translate(-50%)translateY(-8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.search-float{z-index:var(--z-canvas-control);cursor:grab;align-items:center;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%)}.search-float:has(.search-input:focus){cursor:default}.search-float .search-icon{inset-inline-start:12px;font-size:var(--text-base);color:var(--text-tertiary);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.search-input{width:280px;padding:var(--space-2) 14px var(--space-2) 34px;font-size:var(--text-sm);font-family:var(--font-sans);font-weight:var(--font-medium);border:1px solid var(--border-default);border-radius:var(--radius-full);background:var(--bg-surface);color:var(--text-primary);box-shadow:var(--shadow-md);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);letter-spacing:.01em;outline:none}.search-input::placeholder{color:var(--text-tertiary);font-weight:var(--font-normal)}.search-input:focus{border-color:var(--accent);box-shadow:var(--shadow-md), 0 0 0 2px var(--accent-muted);width:340px}.search-input:focus-visible{outline:none}.form-group{margin-bottom:10px}.form-group label{font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--text-tertiary);margin-bottom:var(--space-1);font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.08em;display:block}.form-group input,.form-group select,.form-group textarea{width:100%;padding:var(--space-1) var(--space-3);font-size:var(--text-sm);font-family:var(--font-sans);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-base);color:var(--text-primary);transition:border-color var(--transition-fast), box-shadow var(--transition-fast)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-muted);background:var(--bg-elevated);outline:none}.form-group textarea{font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--leading-normal);resize:vertical}.form-group input[type=range]{appearance:none;background:var(--border-strong);border-radius:var(--radius-full);cursor:pointer;border:none;height:3px;margin-top:2px;padding:0}.form-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);width:12px;height:12px;box-shadow:0 0 0 2px var(--bg-surface), var(--shadow-sm);cursor:pointer;transition:transform var(--transition-fast), box-shadow var(--transition-fast);border:none;border-radius:50%}.form-group input[type=range]::-webkit-slider-thumb:hover{box-shadow:0 0 0 2px var(--bg-surface), var(--shadow-glow);transform:scale(1.3)}.form-group input[type=range]:active::-webkit-slider-thumb{background:var(--accent-hover)}.form-group input[type=range]:focus{box-shadow:none}.form-group input[type=color]{border-radius:var(--radius-sm);cursor:pointer;height:26px;padding:2px}select:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.btn{padding:var(--space-1) var(--space-3);font-size:var(--text-sm);font-family:var(--font-sans);font-weight:var(--font-semibold);border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);letter-spacing:.01em;border:1px solid #0000;margin-inline-end:var(--space-1)}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 1px 3px #14b8a64d}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);transform:translateY(-1px);box-shadow:0 2px 8px #14b8a666}.btn-primary:active{transform:translateY(0);box-shadow:0 1px 2px #14b8a633}.btn-danger{background:var(--danger);color:#fff;border-color:var(--danger);box-shadow:0 1px 3px #f43f5e4d}.btn-danger:hover{background:var(--danger-hover);border-color:var(--danger-hover);transform:translateY(-1px)}.btn-secondary{background:var(--bg-elevated);color:var(--text-secondary);border-color:var(--border-default)}.btn-secondary:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-strong)}.btn-ghost{color:var(--text-secondary);background:0 0;border:none}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary);border:none}.btn-icon{justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:inline-flex}.btn-group{gap:var(--space-1);margin-top:var(--space-2);display:flex}.btn-primary:focus-visible,.btn-secondary:focus-visible,.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.error-msg{color:var(--danger);font-size:var(--text-xs);font-family:var(--font-sans);margin-bottom:var(--space-2);min-height:16px;font-weight:var(--font-medium)}.section-heading{margin:var(--space-4) 0 var(--space-2);font-size:var(--text-xs);text-transform:uppercase;color:var(--text-tertiary);letter-spacing:.1em;font-weight:var(--font-bold)}.section-heading:first-child{margin-top:0}.setting-value{color:var(--secondary);font-weight:var(--font-bold);font-variant-numeric:tabular-nums;font-family:var(--font-mono);font-size:var(--text-xs)}[data-tooltip]{position:relative}[data-tooltip]:hover:after{content:attr(data-tooltip);padding:var(--space-1) 10px;font-size:var(--text-xs);font-family:var(--font-sans);font-weight:var(--font-medium);background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-default);border-radius:var(--radius-md);white-space:normal;max-width:250px;z-index:var(--z-tooltip);pointer-events:none;box-shadow:var(--shadow-md);animation:.15s cubic-bezier(.22,1,.36,1) tooltipIn;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%)}@keyframes tooltipIn{0%{opacity:0;transform:translate(-50%)translateY(4px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.accordion-section{margin-bottom:var(--space-5)}.accordion-header{width:100%;padding:var(--space-2) 0;cursor:default;font-family:var(--font-sans);color:var(--text-tertiary);transition:color var(--transition-fast);background:0 0;border:none;align-items:center;gap:6px;display:flex}.accordion-title{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;text-align:start;flex:1;font-weight:700}.accordion-reset{padding:0 var(--space-1);color:var(--text-tertiary);cursor:pointer;font-size:var(--text-sm);opacity:0;transition:opacity var(--transition-fast), color var(--transition-fast);background:0 0;border:none;flex-shrink:0;line-height:1}.accordion-section:hover .accordion-reset,.accordion-reset:focus-visible{opacity:1}.accordion-reset:hover{color:var(--accent)}.accordion-reset:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}.accordion-content{grid-template-rows:1fr;display:grid}.accordion-content>.accordion-inner{padding:1px;overflow:hidden}.accordion-actions{margin-bottom:var(--space-2);justify-content:flex-end;display:flex}.accordion-actions button{padding:2px var(--space-2);color:var(--text-tertiary);cursor:pointer;font-size:var(--text-xs);font-family:var(--font-sans);transition:color var(--transition-fast);background:0 0;border:none}.accordion-actions button:hover{color:var(--accent)}.accordion-actions button:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}.multi-selected rect{filter:drop-shadow(0 0 4px var(--accent-glow));stroke:var(--accent)!important;stroke-width:2px!important}.cross-highlight>rect{filter:drop-shadow(0 0 6px #f59e0b66);stroke:#f59e0b!important;stroke-width:2px!important}.cross-selected>rect{filter:drop-shadow(0 0 8px #f59e0b80);stroke:#f59e0b!important;stroke-width:2.5px!important}.flex-row{align-items:center;display:flex}.flex-col{flex-direction:column;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-wrap{flex-wrap:wrap}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-mono{font-family:var(--font-mono)}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.separator{border:none;border-top:1px solid var(--border-subtle);margin:var(--space-4) 0}.grid-2{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.grid-4{gap:var(--space-2);grid-template-columns:repeat(4,1fr);display:grid}.w-full{width:100%}.hidden{display:none}.toast{font-weight:var(--font-medium);box-shadow:var(--shadow-md);border:1px solid var(--border-default);z-index:var(--z-toast)}.toast-error{background:var(--danger,#ef4444);color:#fff;border-color:var(--danger-hover,#dc2626)}.toast-success{background:var(--accent,#14b8a6);color:#fff;border-color:var(--accent-hover,#0d9488)}.toast-info{background:var(--bg-elevated,#1a2332);color:var(--text-primary,#e2e8f0)}.search-no-results{margin-top:var(--space-1);font-family:var(--font-sans);font-size:var(--text-xs);color:var(--danger);white-space:nowrap;background:var(--bg-surface);padding:var(--space-1) 10px;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);position:absolute;top:100%;left:50%;transform:translate(-50%)}@keyframes spin{to{transform:rotate(360deg)}}.loading-spinner{border:2px solid var(--border-default);border-top-color:var(--accent);vertical-align:middle;border-radius:50%;width:14px;height:14px;animation:.6s linear infinite spin;display:inline-block}.btn-loading{opacity:.6;pointer-events:none}.required-indicator{color:var(--danger,#e53e3e)}.loading-overlay{z-index:var(--z-blocking);justify-content:center;align-items:center;gap:var(--space-3,12px);background:#0000004d;flex-direction:column;display:flex;position:fixed;inset:0}.loading-overlay .loading-spinner{border-width:3px;width:32px;height:32px}.loading-text{color:var(--text-primary,#fff);font-size:var(--text-base);font-family:var(--font-sans)}.chart-nav-header{padding:0 0 var(--space-2);justify-content:space-between;align-items:center;display:flex}.chart-nav-title{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--text-tertiary);font-weight:700;font-family:var(--font-sans)}.version-section-header{padding:var(--space-2) 0 6px;margin-top:var(--space-2);border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:center;display:flex}.version-section-title{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--text-tertiary);font-weight:700;font-family:var(--font-sans)}.chart-item-loading{opacity:.5;pointer-events:none}.chart-item{align-items:center;gap:var(--space-2);padding:var(--space-2) 10px;border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast);margin-bottom:2px;display:flex;position:relative}.chart-item:hover{background:var(--bg-hover)}.chart-item.active{background:var(--accent-muted);border-inline-start:2px solid var(--accent)}.chart-item-icon{border-radius:var(--radius-sm);background:var(--bg-elevated);width:28px;height:28px;font-size:var(--text-sm);flex-shrink:0;justify-content:center;align-items:center;display:flex}.chart-item.active .chart-item-icon{background:var(--accent-muted)}.chart-item-info{flex:1;min-width:0}.chart-item-name{font-size:var(--text-sm);white-space:nowrap;text-overflow:ellipsis;color:var(--text-primary);font-weight:600;font-family:var(--font-sans);overflow:hidden}.chart-item-meta{font-size:var(--text-xs);color:var(--text-tertiary);font-family:var(--font-sans)}.chart-dirty{color:var(--warning);font-size:var(--text-xs)}.chart-item-actions{background:var(--bg-hover);border-radius:var(--radius-md);z-index:var(--z-local);justify-content:center;align-items:center;gap:2px;display:none;position:absolute;inset:0}.chart-item:hover .chart-item-actions,.chart-item:focus-within .chart-item-actions{display:flex}.version-item{align-items:center;gap:var(--space-2);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast);margin-bottom:2px;padding:6px 10px;display:flex;position:relative}.version-item:hover{background:var(--bg-hover)}.version-item.viewing{background:var(--accent-muted);border-inline-start:2px solid var(--accent)}.version-item-icon{font-size:var(--text-sm);color:var(--text-tertiary);flex-shrink:0}.version-item-info{flex:1;min-width:0}.version-item-name{font-size:var(--text-xs);white-space:nowrap;text-overflow:ellipsis;color:var(--text-primary);font-weight:600;font-family:var(--font-sans);overflow:hidden}.version-item-date{font-size:var(--text-xs);color:var(--text-tertiary);font-family:var(--font-sans)}.version-delta-chip{margin-top:var(--space-1);padding:1px var(--space-1);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-subtle);color:var(--text-secondary);font-family:var(--font-mono);font-size:var(--text-xs);display:inline-block}.version-item-actions{background:var(--bg-hover);border-radius:var(--radius-md);z-index:var(--z-local);opacity:.45;transition:opacity var(--transition-fast);justify-content:center;align-items:center;gap:2px;display:flex;position:absolute;inset:0}.version-item:hover .version-item-actions,.version-item:focus-within .version-item-actions{opacity:1}.version-item-actions .btn{font-size:var(--text-xs);border:none;padding:2px 6px}.chart-list{flex:1;overflow-y:auto}.chart-search{margin:0 0 var(--space-2);background:var(--bg-base);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-sm);width:100%;transition:border-color var(--transition-fast);outline:none;padding:6px 10px}.chart-search:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-muted)}.chart-search::placeholder{color:var(--text-tertiary)}.import-loading{align-items:center;gap:var(--space-2);padding:var(--space-3);font-size:var(--text-sm);color:var(--text-secondary);font-family:var(--font-sans);display:flex}.app-loading{height:100%;font-size:var(--text-base);color:var(--text-secondary);font-family:var(--font-sans);justify-content:center;align-items:center;gap:10px;display:flex}.command-palette-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-dialog);opacity:0;pointer-events:none;transition:opacity var(--transition-normal);background:#080c18d9;justify-content:center;align-items:flex-start;padding-top:15vh;display:flex;position:fixed;inset:0}.command-palette-overlay.open{opacity:1;pointer-events:all}.command-palette{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-xl);width:520px;max-height:420px;box-shadow:var(--shadow-lg);transition:transform var(--transition-normal);flex-direction:column;display:flex;overflow:hidden;transform:translateY(-10px)}.command-palette-overlay.open .command-palette{transform:translateY(0)}.cp-input-wrap{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle);align-items:center;gap:var(--space-2);display:flex}.cp-icon{font-size:var(--text-xl);color:var(--text-tertiary)}.cp-input{color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-lg);font-weight:var(--font-medium);background:0 0;border:none;outline:none;flex:1}.cp-input:focus-visible{outline:none}.cp-input::placeholder{color:var(--text-tertiary)}.cp-results{padding:var(--space-2);flex:1;overflow-y:auto}.cp-results::-webkit-scrollbar{width:5px}.cp-results::-webkit-scrollbar-track{background:0 0}.cp-results::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-full)}.cp-group-title{font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);padding:var(--space-2) var(--space-2) var(--space-1)}.cp-item{align-items:center;gap:var(--space-2);padding:var(--space-2);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast);display:flex}.cp-item:hover,.cp-item.active{background:var(--bg-hover)}.cp-item-icon{background:var(--bg-elevated);border-radius:var(--radius-sm);width:28px;height:28px;font-size:var(--text-base);flex-shrink:0;justify-content:center;align-items:center;display:flex}.cp-item-text{flex:1;min-width:0}.cp-item-label{font-size:var(--text-sm);font-weight:var(--font-medium)}.cp-item-desc{font-size:var(--text-xs);color:var(--text-tertiary)}.cp-item-shortcut{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-tertiary);background:var(--bg-elevated);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);flex-shrink:0;padding:2px 6px}.cp-no-results{padding:var(--space-4);text-align:center;color:var(--text-tertiary);font-size:var(--text-sm)}.cp-footer{padding:var(--space-2) var(--space-4);border-top:1px solid var(--border-subtle);align-items:center;gap:var(--space-4);font-size:var(--text-xs);color:var(--text-tertiary);display:flex}@media (width<=768px){.command-palette{width:calc(100vw - 32px)}}.help-section{border-bottom:1px solid var(--border-subtle)}.help-section:last-child{border-bottom:none}.help-section-header{align-items:center;gap:var(--space-2);cursor:pointer;-webkit-user-select:none;user-select:none;text-align:start;width:100%;font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.08em;color:var(--accent);font-weight:700;font-family:var(--font-sans);transition:color var(--transition-fast);background:0 0;border:none;padding:10px 0;display:flex}.help-section-header:hover{color:var(--text-primary)}.help-section-header:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}.help-chevron{font-size:var(--text-xs);color:var(--text-tertiary);flex-shrink:0;transition:transform .2s}.help-section.open .help-chevron{transform:rotate(90deg)}.help-section-body{opacity:0;max-height:0;transition:max-height .3s,opacity .2s;overflow:hidden}.help-section.open .help-section-body{opacity:1;max-height:2000px}.help-section-list{gap:var(--space-1);flex-direction:column;margin:0;padding:0 0 10px;list-style:none;display:flex}.help-section-item{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5;font-family:var(--font-sans);padding-inline-start:var(--space-3);position:relative}.help-item-bullet{inset-inline-start:0;background:var(--border-strong);border-radius:50%;width:4px;height:4px;position:absolute;top:7px}.help-shortcuts-grid{gap:6px var(--space-4);grid-template-columns:auto 1fr;align-items:baseline;padding:0 0 10px;display:grid}.help-shortcut-key{gap:var(--space-1);justify-self:end;align-items:baseline;display:flex}.help-shortcut-desc{font-size:var(--text-sm);color:var(--text-secondary);font-family:var(--font-sans);line-height:1.5}.property-panel{top:0;inset-inline-end:0;background:var(--bg-surface);border-inline-start:1px solid var(--border-subtle);width:0;z-index:var(--z-panel);transition:width var(--transition-normal);flex-direction:column;display:flex;position:absolute;bottom:0;overflow:hidden}.property-panel.open{width:280px}.property-panel.open~[data-testid=category-legend]{right:calc(280px + var(--space-3,12px))!important;transition:right var(--transition-normal)!important}.pp-header{padding:var(--space-3) var(--space-4) var(--space-2);border-bottom:1px solid var(--border-subtle);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.pp-header-title{font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary)}.pp-close{width:28px;height:28px;color:var(--text-tertiary);border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-base);font-family:var(--font-sans);transition:background-color var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast), opacity var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.pp-close:hover{background:var(--bg-hover);color:var(--text-primary)}.pp-content{padding:var(--space-4);flex:1;overflow-y:auto}.pp-content::-webkit-scrollbar{width:5px}.pp-content::-webkit-scrollbar-track{background:0 0}.pp-content::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-full)}.pp-node-card{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-4)}.pp-node-name{font-size:var(--text-base);font-weight:var(--font-bold);margin-bottom:2px}.pp-node-title{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-3)}.pp-node-meta{font-size:var(--text-xs);color:var(--text-tertiary);gap:var(--space-1);flex-direction:column;display:flex}.pp-node-meta span{align-items:center;gap:var(--space-2);display:flex}.pp-node-meta strong{color:var(--text-secondary)}.pp-section{margin-bottom:var(--space-5)}.pp-section-title{font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);margin-bottom:var(--space-2)}.pp-field{margin-bottom:var(--space-2)}.pp-field label{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-secondary);margin-bottom:var(--space-1);display:block}.pp-field input,.pp-field select{width:100%;padding:var(--space-2) 10px;background:var(--bg-base);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-sm);transition:border-color var(--transition-fast);outline:none}.pp-field input:focus,.pp-field select:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-muted)}.pp-save-btn{width:100%;margin-top:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--accent);color:#fff;border:1px solid var(--accent);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:background var(--transition-fast)}.pp-save-btn:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.pp-actions{gap:var(--space-2);margin-bottom:var(--space-2);display:flex}.pp-action-btn{justify-content:center;align-items:center;gap:var(--space-1);min-width:0;padding:var(--space-2);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-secondary);font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--font-semibold);cursor:pointer;transition:background-color var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast), opacity var(--transition-fast);white-space:nowrap;flex:1;display:flex}.pp-action-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-strong)}.pp-action-btn[aria-disabled=true]{opacity:.4;cursor:default}.pp-action-btn[aria-disabled=true]:hover{background:var(--bg-elevated);color:var(--text-secondary);border-color:var(--border-default)}.pp-action-btn.btn-danger{color:var(--danger);border-color:#f43f5e4d}.pp-action-btn.btn-danger:hover{border-color:var(--danger);background:#f43f5e1f}.pp-action-btn.btn-danger[aria-disabled=true]{opacity:.4}.pp-action-btn.btn-danger[aria-disabled=true]:hover{background:var(--bg-elevated);border-color:#f43f5e4d}@media (width<=768px){.property-panel.open{width:100%;z-index:var(--z-panel);position:fixed;inset:0}}.settings-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal);opacity:0;pointer-events:none;transition:opacity var(--transition-normal);background:#080c18d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.settings-modal-overlay.open{opacity:1;pointer-events:all}.settings-modal{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-xl);width:90vw;max-width:900px;height:80vh;max-height:640px;box-shadow:var(--shadow-lg);transition:transform var(--transition-normal);flex-direction:column;display:flex;overflow:hidden;transform:scale(.97)translateY(10px)}.settings-modal-overlay.open .settings-modal{transform:scale(1)translateY(0)}.settings-modal-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-subtle);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.settings-modal-title{align-items:center;gap:var(--space-2);font-size:var(--text-base);font-weight:var(--font-bold);flex-shrink:0;display:flex}.settings-modal-search{align-items:center;gap:var(--space-2);max-width:320px;margin-inline:var(--space-4);padding-inline:var(--space-3);color:var(--text-tertiary);background:var(--bg-base);border:1px solid var(--border-default);border-radius:var(--radius-md);transition:background-color var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast), opacity var(--transition-fast);flex:1;display:flex}.settings-modal-search:focus-within{color:var(--text-primary);border-color:var(--accent)}.settings-search-input{width:100%;min-width:0;padding-block:var(--space-2);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-sm);background:0 0;border:none;outline:none}.settings-search-input:focus-visible{outline:none}.settings-search-input::placeholder{color:var(--text-tertiary)}.settings-modal-close{width:28px;height:28px;color:var(--text-tertiary);border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-base);font-family:var(--font-sans);transition:background-color var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast), opacity var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.settings-modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.settings-modal-body{flex:1;display:flex;overflow:hidden}.settings-nav{background:var(--bg-base);border-inline-end:1px solid var(--border-subtle);width:180px;padding:var(--space-3) var(--space-2);flex-shrink:0;overflow-y:auto}.settings-nav-item{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2);border-radius:var(--radius-md);cursor:pointer;font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--text-secondary);transition:background-color var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast), opacity var(--transition-fast);text-align:start;background:0 0;border:none;margin-bottom:2px;display:flex}.settings-nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.settings-nav-item.active{background:var(--accent-muted);color:var(--accent);font-weight:var(--font-semibold)}.settings-nav-item .nav-icon{font-size:var(--text-sm);text-align:center;width:20px}.settings-content-column{flex-direction:column;flex:1;display:flex;overflow:hidden}.preview-strip{background:var(--bg-base);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-4);margin:var(--space-4) var(--space-5) 0;flex-shrink:0;position:relative;overflow:hidden}.preview-strip:before{content:"";pointer-events:none;background:radial-gradient(circle at 20%,#14b8a608 0%,#0000 50%),radial-gradient(circle at 80%,#f59e0b05 0%,#0000 50%);position:absolute;inset:0}.preview-strip.hidden{display:none}.preview-header{z-index:var(--z-local);justify-content:space-between;align-items:center;margin-bottom:10px;display:flex;position:relative}.preview-title{font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.1em}.preview-hint{font-size:var(--text-xs);color:var(--text-tertiary);opacity:.7}.preview-controls{align-items:center;gap:6px;display:flex}.preview-zoom-btn{border:1px solid var(--border-default);border-radius:var(--radius-sm);width:22px;height:22px;color:var(--text-tertiary);cursor:pointer;font-size:var(--text-xs);font-family:var(--font-sans);transition:background-color var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast), opacity var(--transition-fast);background:0 0;justify-content:center;align-items:center;padding:0;line-height:1;display:flex}.preview-zoom-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--accent)}.preview-zoom-pct{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--text-tertiary);text-align:center;min-width:32px}.preview-area{height:140px;z-index:var(--z-local);cursor:grab;justify-content:center;align-items:center;display:flex;position:relative}.preview-area:active{cursor:grabbing}.preview-area svg{filter:drop-shadow(0 2px 4px #0003)}.settings-content{padding:var(--space-5);flex:1;overflow-y:auto}.settings-content::-webkit-scrollbar{width:5px}.settings-content::-webkit-scrollbar-track{background:0 0}.settings-content::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-full)}.settings-search-no-results{padding:var(--space-6);color:var(--text-tertiary);font-size:var(--text-sm);text-align:center;margin:auto}.settings-search-group-label{margin-bottom:var(--space-2);color:var(--accent);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.08em;display:block}.setting-section-title{font-size:var(--text-lg);margin-bottom:var(--space-1);font-weight:700}.setting-section-desc{font-size:var(--text-sm);color:var(--text-tertiary);margin-bottom:20px}.setting-section{margin-bottom:var(--space-5)}.settings-content .accordion-title{font-size:var(--text-lg);text-transform:none;letter-spacing:normal;color:var(--text-primary)}.setting-row{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:10px 0;display:flex}.setting-row:last-child{border-bottom:none}.setting-label{font-size:var(--text-sm);font-weight:var(--font-medium)}.setting-desc{font-size:var(--text-xs);color:var(--text-tertiary)}.setting-control{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.setting-value{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-tertiary);text-align:end;white-space:nowrap;min-width:48px}.settings-content input[type=range]{appearance:none;background:var(--bg-hover);border-radius:var(--radius-xs);outline:none;width:120px;height:4px}.settings-content input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--accent);border:2px solid var(--bg-surface);cursor:pointer;border-radius:50%;width:14px;height:14px;box-shadow:0 0 4px #0000004d}.settings-content input[type=range]::-moz-range-thumb{background:var(--accent);border:2px solid var(--bg-surface);cursor:pointer;border-radius:50%;width:14px;height:14px;box-shadow:0 0 4px #0000004d}.color-swatch-input{border-radius:var(--radius-sm);border:2px solid var(--border-default);cursor:pointer;appearance:none;background:0 0;width:28px;height:28px;padding:0}.color-swatch-input::-webkit-color-swatch-wrapper{padding:0}.color-swatch-input::-webkit-color-swatch{border-radius:var(--radius-xs);border:none}.settings-modal-footer{justify-content:flex-end;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-top:1px solid var(--border-subtle);flex-shrink:0;display:flex}.settings-cancel-btn{padding:var(--space-2) var(--space-4);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-secondary);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:background-color var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast), opacity var(--transition-fast)}.settings-cancel-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.settings-apply-btn{padding:var(--space-2) var(--space-4);background:var(--accent);border:1px solid var(--accent);border-radius:var(--radius-md);color:#fff;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:background-color var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast), opacity var(--transition-fast)}.settings-apply-btn:hover{background:var(--accent-hover);border-color:var(--accent-hover)}@media (width<=768px){.settings-modal{border-radius:0;width:100vw;max-width:none;height:100vh;max-height:none}.settings-modal-header{padding:var(--space-2) var(--space-3);flex-wrap:wrap}.settings-modal-search{flex-basis:100%;order:3;max-width:none;margin-inline:0}.settings-modal-body{flex-direction:column}.settings-nav{border-inline-end:none;border-bottom:1px solid var(--border-subtle);width:100%;padding:var(--space-2);display:flex;overflow:auto hidden}.settings-nav-item{white-space:nowrap;flex:none;width:auto;min-height:44px;margin-bottom:0}.settings-search-input,.settings-cancel-btn,.settings-apply-btn{min-height:44px}}.section-intro{font-size:var(--text-sm);color:var(--text-tertiary);padding-bottom:var(--space-3);border-bottom:1px solid var(--border-subtle);margin-bottom:0;line-height:1.5}.setting-modified-dot{background:var(--accent);width:6px;height:6px;vertical-align:middle;border-radius:50%;flex-shrink:0;margin-inline-end:var(--space-1);display:inline-block}.setting-reset-btn{width:20px;height:20px;color:var(--text-tertiary);font-size:var(--text-sm);cursor:pointer;border-radius:var(--radius-sm);opacity:0;transition:background-color var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast), opacity var(--transition-fast);font-family:var(--font-sans);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex;transform:scale(.8)}.setting-row:hover .setting-reset-btn.visible{opacity:1;transform:scale(1)}.setting-reset-btn.visible{opacity:.4;transform:scale(1)}.setting-reset-btn:hover{background:var(--accent-muted);color:var(--accent);opacity:1!important}.setting-unit{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--text-tertiary);margin-inline-start:2px}.settings-tab-badge{min-width:18px;height:16px;padding:0 var(--space-1);background:var(--accent-muted);color:var(--accent);font-size:var(--text-xs);font-weight:var(--font-bold);font-family:var(--font-mono);border-radius:var(--radius-full);justify-content:center;align-items:center;margin-inline-start:auto;line-height:1;display:flex}.preset-grid{gap:var(--space-2);margin-bottom:var(--space-3);padding-bottom:var(--space-1);display:flex;overflow-x:auto}.preset-grid .preset-card{flex:0 0 180px;min-height:44px}.preset-card.preset-active{border-color:var(--accent);background:var(--accent-muted);box-shadow:0 0 0 1px var(--accent)}.preset-card:hover{border-color:var(--accent);background:var(--bg-hover)}.preset-active-badge{top:-1px;background:var(--accent);color:#fff;font-size:8px;font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.08em;border-radius:0 var(--radius-md) 0 var(--radius-md);padding:2px 6px;line-height:1.4;position:absolute;inset-inline-end:-1px}.layout-preset-card{align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-1) 6px;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-elevated);cursor:pointer;text-align:center;flex-direction:column;transition:background-color .12s,border-color .12s;display:flex}.layout-preset-card:hover{border-color:var(--accent);background:var(--bg-hover)}.layout-preset-card.layout-active{border-color:var(--accent);background:var(--accent-muted)}.layout-preset-name{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-primary)}.layout-preset-dims{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--text-tertiary)}.layout-preset-desc{font-size:var(--text-xs);color:var(--text-tertiary);line-height:1.3}.category-preview-card{border-radius:var(--radius-sm);border:1px solid #00000026;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:2px;width:64px;height:34px;display:flex;overflow:hidden}.category-preview-card .cat-preview-name{font-size:var(--text-xs);font-weight:var(--font-bold);line-height:1}.category-preview-card .cat-preview-title{font-size:7.5px;font-weight:var(--font-normal);opacity:.85;text-transform:uppercase;line-height:1}.category-text-colors{align-items:center;gap:var(--space-3);margin-top:6px;padding-inline-start:42px;display:flex}.category-text-colors-label{font-size:var(--text-xs);color:var(--text-tertiary);font-weight:var(--font-medium)}.category-text-color-group{align-items:center;gap:var(--space-1);display:flex}.category-text-color-group label{font-size:var(--text-xs);color:var(--text-tertiary)}.category-text-color-group input[type=color]{border-radius:var(--radius-sm);border:1px solid var(--border-default);cursor:pointer;appearance:none;background:0 0;width:22px;height:18px;padding:0}.category-text-color-group input[type=color]::-webkit-color-swatch-wrapper{padding:0}.category-text-color-group input[type=color]::-webkit-color-swatch{border-radius:var(--radius-xs);border:none}.category-delete-confirm{color:var(--danger);font-size:var(--text-xs);font-weight:var(--font-bold);padding:2px var(--space-2);border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-sans);background:#f43f5e26;border:1px solid #f43f5e4d}.settings-unsaved-indicator{font-size:var(--text-xs);color:var(--secondary);align-items:center;gap:6px;display:flex}.settings-unsaved-dot{background:var(--secondary);border-radius:50%;width:6px;height:6px;animation:1.5s ease-in-out infinite settingsPulse}@keyframes settingsPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.settings-modal-footer{justify-content:space-between}.settings-footer-left{align-items:center;gap:var(--space-2);display:flex}.settings-footer-left .form-group{margin-bottom:0}.settings-footer-left .form-group label{margin-inline-start:var(--space-1)}.settings-footer-right{gap:var(--space-2);display:flex}.import-wizard-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal);opacity:0;pointer-events:none;transition:opacity var(--transition-normal);background:#080c18d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.import-wizard-overlay.open{opacity:1;pointer-events:all}.import-wizard{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-xl);width:90vw;max-width:720px;max-height:80vh;box-shadow:var(--shadow-lg);transition:transform var(--transition-normal);flex-direction:column;display:flex;overflow:hidden;transform:scale(.97)translateY(10px)}.import-wizard-overlay.open .import-wizard{transform:scale(1)translateY(0)}.import-wizard-header{padding:var(--space-4) var(--space-5);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.import-wizard-title{font-size:var(--text-base);font-weight:var(--font-bold)}.import-wizard-close{width:28px;height:28px;color:var(--text-tertiary);border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-base);font-family:var(--font-sans);transition:background-color var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast), opacity var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.import-wizard-close:hover{background:var(--bg-hover);color:var(--text-primary)}.wizard-steps{padding:0 var(--space-5) var(--space-3);border-bottom:1px solid var(--border-subtle);flex-shrink:0;align-items:center;display:flex}.wizard-step{align-items:center;gap:var(--space-2);padding:var(--space-3) 0;font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--text-tertiary);display:flex}.wizard-step:after{content:"";background:var(--border-default);width:32px;height:1px;margin:0 var(--space-3)}.wizard-step:last-child:after{display:none}.wizard-step.active{color:var(--accent)}.wizard-step.done{color:var(--success,#22c55e)}.step-num{background:var(--bg-elevated);border:1.5px solid var(--border-default);width:22px;height:22px;font-size:var(--text-xs);font-weight:var(--font-bold);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.wizard-step.active .step-num{border-color:var(--accent);color:var(--accent);background:#14b8a61f}.wizard-step.done .step-num{border-color:var(--success,#22c55e);color:var(--success,#22c55e);background:#22c55e26}.wizard-body{padding:var(--space-5);flex:1;overflow-y:auto}.wizard-footer{padding:var(--space-3) var(--space-5);border-top:1px solid var(--border-subtle);align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.wizard-back-btn,.wizard-cancel-btn{padding:var(--space-2) var(--space-4);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-secondary);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:background-color var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast), opacity var(--transition-fast)}.wizard-back-btn:hover,.wizard-cancel-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.wizard-next-btn{padding:var(--space-2) var(--space-4);background:var(--accent);border:1px solid var(--accent);border-radius:var(--radius-md);color:#fff;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:background-color var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast), opacity var(--transition-fast)}.wizard-next-btn:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.wizard-next-btn:disabled{opacity:.5;cursor:default}.wizard-step-title{font-size:var(--text-xl);font-weight:var(--font-bold);margin-bottom:var(--space-1);color:var(--text-primary);font-family:var(--font-sans)}.wizard-step-desc{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-5);font-family:var(--font-sans)}.import-instructions{margin-bottom:var(--space-3);border:1px solid var(--border-default);border-inline-start:3px solid var(--accent);border-radius:var(--radius-md);background:var(--bg-surface);font-size:var(--text-sm)}.import-instructions summary{padding:var(--space-2) var(--space-3);cursor:pointer;font-weight:var(--font-semibold);color:var(--text-secondary);-webkit-user-select:none;user-select:none}.import-instructions summary:hover{color:var(--text-primary)}.import-instructions[open] summary{border-bottom:1px solid var(--border-default)}.import-instructions-content{padding:var(--space-3) var(--space-4);color:var(--text-secondary);line-height:var(--leading-normal)}.import-instructions-content h1,.import-instructions-content h2,.import-instructions-content h3{margin:0 0 var(--space-2);color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-bold)}.import-instructions-content p{margin:0 0 var(--space-2)}.import-instructions-content ol,.import-instructions-content ul{margin:0 0 var(--space-2);padding-inline-start:20px}.import-instructions-content li{margin-bottom:var(--space-1)}.import-instructions-content a{color:var(--accent);text-decoration:underline}.import-instructions-content a:hover{color:var(--accent-hover)}.import-instructions-content code{background:var(--bg-muted);padding:1px var(--space-1);border-radius:var(--radius-sm);font-size:.9em}.import-instructions-content pre{background:var(--bg-muted);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);margin:0 0 var(--space-2);overflow-x:auto}.wizard-dropzone{border:2px dashed var(--border-strong);border-radius:var(--radius-lg);padding:40px var(--space-5);text-align:center;cursor:pointer;transition:background-color var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast), opacity var(--transition-fast);margin-bottom:10px}.wizard-dropzone:hover,.wizard-dropzone.dragover{border-color:var(--accent);background:var(--accent-muted)}.wizard-dropzone-icon{margin-bottom:var(--space-2);opacity:.5;font-size:36px}.wizard-dropzone-text{font-size:var(--text-sm);color:var(--text-secondary);font-family:var(--font-sans)}.wizard-dropzone-hint{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:var(--space-1);font-family:var(--font-sans)}.wizard-paste-label{font-size:var(--text-sm);color:var(--text-secondary);margin:var(--space-4) 0 var(--space-2);font-family:var(--font-sans)}.wizard-paste-area{width:100%;padding:var(--space-3);background:var(--bg-base);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-mono);font-size:var(--text-xs);resize:vertical;transition:border-color var(--transition-fast);margin-top:var(--space-1);outline:none}.wizard-paste-area:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-muted)}.wizard-success{color:var(--accent);font-weight:var(--font-semibold);margin-bottom:var(--space-3);font-family:var(--font-sans)}.wizard-error{color:var(--danger);font-size:var(--text-sm);margin-bottom:var(--space-3);font-family:var(--font-sans)}.wizard-info{color:var(--text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-3);font-family:var(--font-sans)}.wizard-sample-table-wrap{margin-bottom:var(--space-4)}.wizard-sample-table{border-collapse:collapse;width:100%;font-family:var(--font-sans);font-size:var(--text-sm);margin-bottom:var(--space-2)}.wizard-sample-table th{text-align:start;padding:var(--space-2) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);border-bottom:1px solid var(--border-default)}.wizard-sample-table td{padding:var(--space-2) var(--space-3);color:var(--text-primary);border-bottom:1px solid var(--border-subtle)}.wizard-sample-original{color:var(--text-tertiary);text-decoration:line-through}.wizard-sample-normalized{color:var(--accent);font-weight:var(--font-semibold)}.wizard-sample-more{font-size:var(--text-xs);color:var(--text-tertiary);font-family:var(--font-sans);font-style:italic}.wizard-field{margin-bottom:var(--space-3)}.wizard-field label{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-secondary);margin-bottom:var(--space-1);font-family:var(--font-sans);display:block}.wizard-field select,.wizard-field input{width:100%;padding:var(--space-2) 10px;background:var(--bg-base);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-sm);transition:border-color var(--transition-fast);outline:none}.wizard-field select:focus,.wizard-field input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-muted)}.wizard-radio-group{gap:var(--space-2);margin-bottom:var(--space-3);flex-direction:column;display:flex}.wizard-radio{align-items:center;gap:var(--space-2);padding:var(--space-3);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast), opacity var(--transition-fast);font-family:var(--font-sans);font-size:var(--text-sm);display:flex}.wizard-radio:hover{border-color:var(--border-strong)}.wizard-radio.selected{border-color:var(--accent);background:var(--accent-muted)}@media (width<=768px){.import-wizard{border-radius:0;width:100vw;max-width:none;height:100vh;max-height:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.menu-toggle{font-size:var(--text-xl);justify-content:center;align-items:center;display:none}.sidebar-backdrop{display:none}@media (width<=768px){#main{grid-template-columns:1fr}#sidebar{top:0;inset-inline-start:0;width:min(300px,85vw);z-index:var(--z-drawer);box-shadow:none;transition:transform .2s;position:fixed;bottom:0;transform:translate(-100%)}#sidebar.sidebar-open{transform:translate(0);box-shadow:4px 0 20px #0000004d}[dir=rtl] #sidebar{inset-inline:auto 0;transform:translate(100%)}[dir=rtl] #sidebar.sidebar-open{transform:translate(0)}.sidebar-backdrop.visible{top:0;inset-inline:0;z-index:var(--z-drawer-backdrop);background:#0006;display:block;position:fixed;bottom:0}.menu-toggle{display:flex}.icon-btn,.zoom-btn-icon,.sidebar-toggle,.pp-close,.settings-modal-close,.import-wizard-close,.preview-zoom-btn{min-width:44px;min-height:44px}.footer-btn{min-height:44px;padding:var(--space-2)}.chart-item-actions .btn,.version-item-actions .btn{min-width:44px;min-height:44px}#header{gap:var(--space-2);padding:0 var(--space-3);flex-wrap:wrap}.header-center{max-width:100%;padding:0 0 var(--space-2) 0;flex-basis:100%;order:3}}@media (width>=769px){.menu-toggle,.sidebar-backdrop{display:none!important}}@media (width<=480px){#app{grid-template-rows:auto minmax(0,1fr) auto}#sidebar{width:100%}#header{align-items:start;gap:var(--space-1);padding:var(--space-1) var(--space-2);grid-template-columns:auto minmax(0,1fr);display:grid}.header-center{display:none}.header-right{flex-wrap:wrap;justify-content:flex-end;gap:0;min-width:0}.header-divider{display:none}#chart-area{min-width:0;min-height:0;padding-block-start:52px}.search-float{cursor:default;width:auto;inset-block-start:var(--space-2)!important;inset-inline-start:var(--space-2)!important;inset-inline-end:var(--space-2)!important;transform:none!important}.search-input,.search-input:focus{width:100%;min-width:0}[data-testid=category-legend]{max-width:calc(100% - (2 * var(--space-2)))!important;inset-inline-start:var(--space-2)!important;inset-inline-end:var(--space-2)!important}[data-testid=category-legend-items]{max-width:100%;overflow-x:auto}#footer{min-width:0;min-height:44px;padding:0 var(--space-2);gap:var(--space-1);overflow:hidden}.footer-left{flex:none;min-width:0;margin-inline-end:0!important}.footer-status,.footer-center{display:none!important}.footer-version-separator,.footer-save-indicator,.footer-zoom-separator{display:none}.footer-right{min-width:0;margin-inline-start:auto;gap:var(--space-1)!important}.footer-btn{padding-inline:var(--space-2)}.footer-zoom-indicator{min-width:32px!important}}.fatal-error{max-width:28rem;margin:var(--space-8) auto;padding:var(--space-6);text-align:center;color:var(--text-primary,#1a1a1a);background:var(--bg-surface,#fff);border:1px solid var(--border-color,#d0d0d0);border-radius:var(--radius-lg);font-family:system-ui,-apple-system,sans-serif}.fatal-error h2{margin:0 0 var(--space-4);font-size:var(--text-xl);color:var(--danger,#c0392b)}.fatal-error p{margin:var(--space-2) 0;line-height:1.5}@media (forced-colors:active){.card rect,.card-selected rect{stroke:canvastext}:focus-visible{outline:2px solid highlight!important}.toast{border:1px solid canvastext}}.export-format-group{margin-bottom:var(--space-3)}.export-format-group>label{font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-1);display:block}.export-format-options label{padding:var(--space-1) 0;cursor:pointer;font-size:var(--text-sm);display:block}.export-format-options input[type=radio]{margin-inline-end:var(--space-1)}.export-scale-group{margin-bottom:var(--space-3)}.export-scale-group>label{font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-1);display:block}.analytics-drawer{background:var(--bg-surface);border-top:1px solid var(--border-default);max-height:50vh;z-index:var(--z-drawer);flex-direction:column;transition:transform .3s cubic-bezier(.22,1,.36,1),opacity .2s;display:flex;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -4px 24px #00000059,0 -1px 4px #00000040}.analytics-drawer.collapsed{opacity:0;pointer-events:none;transform:translateY(100%)}.analytics-drawer-handle{height:28px;padding:0 var(--space-3);background:linear-gradient(180deg, var(--bg-elevated), var(--bg-surface));cursor:ns-resize;-webkit-user-select:none;user-select:none;touch-action:none;flex-shrink:0;justify-content:flex-end;align-items:center;display:flex;position:relative}.analytics-drawer-grip{border-radius:var(--radius-full);background:var(--border-strong);width:36px;height:3px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.analytics-drawer-close{color:var(--text-tertiary);cursor:pointer;font-size:var(--text-base);border-radius:var(--radius-sm);transition:background-color var(--transition-normal), color var(--transition-normal), border-color var(--transition-normal), opacity var(--transition-normal);font-family:var(--font-sans);background:0 0;border:none;padding:2px 6px}.analytics-drawer-close:hover{background:var(--bg-hover);color:var(--text-primary)}.analytics-drawer-body{padding:0 var(--space-4) var(--space-4);flex:1;overflow:hidden auto}.analytics-drawer-body::-webkit-scrollbar{width:5px}.analytics-drawer-body::-webkit-scrollbar-track{background:0 0}.analytics-drawer-body::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-full)}.analytics-kpi-strip{gap:var(--space-2);margin-bottom:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));display:grid}.analytics-kpi-card{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:10px var(--space-3);animation:.3s cubic-bezier(.22,1,.36,1) backwards analyticsCardIn;position:relative;overflow:hidden}.analytics-kpi-card:after{content:"";height:2px;position:absolute;top:0;left:0;right:0}.analytics-kpi-card[data-accent=teal]:after{background:var(--accent)}.analytics-kpi-card[data-accent=blue]:after{background:var(--info)}.analytics-kpi-card[data-accent=green]:after{background:var(--success,#22c55e)}.analytics-kpi-card[data-accent=amber]:after{background:var(--warning)}.analytics-kpi-card[data-accent=rose]:after{background:var(--danger)}.analytics-kpi-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);margin-bottom:var(--space-1);font-weight:600}.analytics-kpi-info{font-size:var(--text-xs);opacity:.5;cursor:help;vertical-align:middle;margin-inline-start:var(--space-1);transition:opacity .15s}.analytics-kpi-info:hover{opacity:.9}.analytics-kpi-value{font-size:var(--text-2xl);letter-spacing:-.02em;font-weight:800;line-height:1}.analytics-kpi-unit{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--text-secondary);margin-inline-start:var(--space-1)}.analytics-kpi-subtitle{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:var(--space-1)}@keyframes analyticsCardIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.analytics-detail-grid{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.analytics-detail-section{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-3);animation:.3s cubic-bezier(.22,1,.36,1) backwards analyticsCardIn}.analytics-detail-heading{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);align-items:center;gap:6px;margin-bottom:10px;font-weight:700;display:flex}.analytics-span-stats{grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:10px;display:grid}.analytics-span-stat{text-align:center}.analytics-span-stat-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);margin-bottom:2px}.analytics-span-stat-value{font-size:var(--text-lg);font-weight:700}.analytics-span-stat-value[data-health=healthy]{color:var(--success,#22c55e)}.analytics-span-stat-value[data-health=caution]{color:var(--warning)}.analytics-span-stat-value[data-health=danger]{color:var(--danger)}.analytics-alert-list{list-style:none}.analytics-alert-item{align-items:center;gap:var(--space-2);padding:var(--space-1) 0;font-size:var(--text-xs);border-bottom:1px solid var(--border-subtle);display:flex}.analytics-alert-item:last-child{border-bottom:none}.analytics-alert-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.analytics-alert-dot[data-severity=high]{background:var(--danger)}.analytics-alert-dot[data-severity=medium]{background:var(--warning)}.analytics-alert-name{color:var(--accent);cursor:pointer;font-size:inherit;font-family:inherit;font-weight:var(--font-medium);background:0 0;border:none;padding:0;text-decoration:none}.analytics-alert-name:hover{text-decoration:underline}.analytics-alert-detail{font-size:var(--text-xs);color:var(--text-tertiary);font-family:var(--font-mono);margin-inline-start:auto}.analytics-bar-row{align-items:center;gap:var(--space-2);font-size:var(--text-xs);margin-bottom:var(--space-1);display:flex}.analytics-bar-label{text-align:end;width:24px;color:var(--text-tertiary);font-weight:600;font-family:var(--font-mono);font-size:var(--text-xs)}.analytics-bar-track{background:var(--bg-base);border-radius:var(--radius-sm);flex:1;height:14px;overflow:hidden}.analytics-bar-fill{border-radius:var(--radius-sm);background:linear-gradient(90deg, var(--accent), #14b8a680);justify-content:flex-end;align-items:center;min-width:fit-content;height:100%;padding-inline-end:6px;transition:width .4s cubic-bezier(.22,1,.36,1);display:flex}.analytics-bar-count{font-size:var(--text-xs);color:var(--bg-base);font-weight:700}.analytics-dist-row{align-items:center;gap:var(--space-2);padding:var(--space-1) 0;font-size:var(--text-xs);display:flex}.analytics-dist-swatch{border-radius:var(--radius-sm);flex-shrink:0;width:10px;height:10px}.analytics-dist-label{color:var(--text-secondary);flex:1}.analytics-dist-count{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-primary);font-weight:600}.analytics-dist-bar{background:var(--bg-base);border-radius:var(--radius-xs);width:60px;height:4px;overflow:hidden}.analytics-dist-bar-fill{border-radius:var(--radius-xs);height:100%;transition:width .3s}.analytics-focus-banner{align-items:center;gap:var(--space-2);padding:6px var(--space-3);background:var(--accent-muted);border-radius:var(--radius-md);font-size:var(--text-xs);color:var(--accent);margin-bottom:var(--space-3);border:1px solid #14b8a633;display:flex}.analytics-viz-tabs{padding:var(--space-1);margin:var(--space-3) 0;background:var(--bg-base);border-radius:var(--radius-lg);gap:2px;display:flex}.analytics-viz-tab-btn{cursor:pointer;font-size:var(--text-xs);font-weight:600;font-family:var(--font-sans);color:var(--text-tertiary);border-radius:var(--radius-md);letter-spacing:.02em;background:0 0;border:none;flex:1;padding:6px 0;transition:background-color .15s cubic-bezier(.22,1,.36,1),color .15s cubic-bezier(.22,1,.36,1),box-shadow .15s cubic-bezier(.22,1,.36,1)}.analytics-viz-tab-btn:hover{color:var(--text-secondary)}.analytics-viz-tab-btn-active{color:var(--text-primary);background:var(--bg-elevated);box-shadow:var(--shadow-sm)}.analytics-viz-panel{min-height:120px}.analytics-disclaimer{margin:var(--space-4) 0 0;padding-top:var(--space-3);border-top:1px solid var(--border-subtle);font-size:var(--text-xs);color:var(--text-tertiary);font-style:italic;line-height:var(--leading-normal);opacity:.7}.analytics-toggle-btn{padding:var(--space-1) var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-elevated);color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;font-weight:600;font-family:var(--font-sans);transition:background-color var(--transition-normal), color var(--transition-normal), border-color var(--transition-normal), opacity var(--transition-normal);letter-spacing:.01em;align-items:center;gap:6px;display:flex}.analytics-toggle-btn:hover,.analytics-toggle-btn.active{border-color:var(--accent);color:var(--accent);background:var(--accent-muted)}.analytics-toggle-badge{background:var(--accent);color:var(--bg-base);font-size:var(--text-xs);border-radius:var(--radius-full);text-align:center;min-width:20px;padding:1px 6px;font-weight:700}@media (width<=900px){.analytics-detail-grid{grid-template-columns:1fr}}.trash-panel{gap:var(--space-2);flex-direction:column;display:flex}.trash-empty{align-items:center;gap:var(--space-2);padding:var(--space-3) 0;display:flex}.trash-heading{margin:var(--space-2) 0 0;font-size:var(--text-sm);color:var(--text-secondary)}.trash-item{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-2);border:1px solid var(--border-subtle);border-radius:var(--radius-md);display:flex}.trash-item-info{min-width:0}.trash-item-name{color:var(--text-primary);font-size:var(--text-sm);font-weight:600}.trash-item-meta{color:var(--text-tertiary);font-size:var(--text-xs)}.trash-item-actions{justify-content:flex-end;gap:var(--space-2);flex-wrap:wrap;display:flex}