@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-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;--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-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;z-index:10000;font-size:.875rem;font-family:var(--font-sans);border-radius:0 0 var(--radius-md) 0;padding:8px 16px;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:10;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;z-index:11;transition:inset-inline-start var(--transition-normal), background var(--transition-fast);font-size:10px;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%}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:5;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{padding:3px 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}.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);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;font-size:.9375rem;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}.search-float{z-index:5;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;color:var(--text-tertiary);pointer-events:none;font-size:14px;position:absolute;top:50%;transform:translateY(-50%)}.search-input{width:280px;font-size:13px;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;padding:8px 14px 8px 34px}.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:.625rem;font-weight:var(--font-bold);color:var(--text-tertiary);font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.08em;margin-bottom:3px;display:block}.form-group input,.form-group select,.form-group textarea{width:100%;padding:5px 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:.75rem;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:5px 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);text-transform:uppercase;color:var(--text-tertiary);letter-spacing:.1em;font-size:.625rem;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:.625rem}[data-tooltip]{position:relative}[data-tooltip]:hover:after{content:attr(data-tooltip);font-size:.6875rem;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;z-index:1000;pointer-events:none;max-width:250px;box-shadow:var(--shadow-md);padding:4px 10px;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:25px}.accordion-header{cursor:default;width:100%;font-family:var(--font-sans);color:var(--text-tertiary);transition:color var(--transition-fast);background:0 0;border:none;align-items:center;gap:6px;padding:8px 0;display:flex}.accordion-title{text-transform:uppercase;letter-spacing:.08em;text-align:start;flex:1;font-size:.6875rem;font-weight:700}.accordion-reset{color:var(--text-tertiary);cursor:pointer;opacity:0;transition:opacity var(--transition-fast), color var(--transition-fast);background:0 0;border:none;flex-shrink:0;padding:0 4px;font-size:.75rem;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{justify-content:flex-end;margin-bottom:8px;display:flex}.accordion-actions button{color:var(--text-tertiary);cursor:pointer;font-size:.625rem;font-family:var(--font-sans);transition:color var(--transition-fast);background:0 0;border:none;padding:2px 8px}.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:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.text-xs{font-size:.625rem}.text-sm{font-size:.75rem}.text-base{font-size:.875rem}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-mono{font-family:var(--font-mono)}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.separator{border:none;border-top:1px solid var(--border-subtle);margin:16px 0}.grid-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:8px;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)}.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{font-family:var(--font-sans);font-size:var(--text-xs);color:var(--danger);white-space:nowrap;background:var(--bg-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin-top:4px;padding:4px 10px;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:9999;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:14px;font-family:var(--font-sans)}.chart-nav-header{justify-content:space-between;align-items:center;padding:0 0 8px;display:flex}.chart-nav-title{text-transform:uppercase;letter-spacing:.1em;color:var(--text-tertiary);font-size:10px;font-weight:700;font-family:var(--font-sans)}.version-section-header{border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:center;margin-top:8px;padding:8px 0 6px;display:flex}.version-section-title{text-transform:uppercase;letter-spacing:.1em;color:var(--text-tertiary);font-size:10px;font-weight:700;font-family:var(--font-sans)}.chart-item-loading{opacity:.5;pointer-events:none}.chart-item{border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast);align-items:center;gap:8px;margin-bottom:2px;padding:8px 10px;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);flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;display:flex}.chart-item.active .chart-item-icon{background:var(--accent-muted)}.chart-item-info{flex:1;min-width:0}.chart-item-name{white-space:nowrap;text-overflow:ellipsis;color:var(--text-primary);font-size:12px;font-weight:600;font-family:var(--font-sans);overflow:hidden}.chart-item-meta{color:var(--text-tertiary);font-size:10px;font-family:var(--font-sans)}.chart-dirty{color:var(--warning);font-size:10px}.chart-item-actions{background:var(--bg-hover);border-radius:var(--radius-md);z-index:1;justify-content:center;align-items:center;gap:2px;display:none;position:absolute;inset:0}.chart-item:hover .chart-item-actions{display:flex}.version-item{border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast);align-items:center;gap:8px;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{color:var(--text-tertiary);flex-shrink:0;font-size:12px}.version-item-info{flex:1;min-width:0}.version-item-name{white-space:nowrap;text-overflow:ellipsis;color:var(--text-primary);font-size:11px;font-weight:600;font-family:var(--font-sans);overflow:hidden}.version-item-date{color:var(--text-tertiary);font-size:9px;font-family:var(--font-sans)}.version-item-actions{background:var(--bg-hover);border-radius:var(--radius-md);z-index:1;justify-content:center;align-items:center;gap:2px;display:none;position:absolute;inset:0}.version-item:hover .version-item-actions{display:flex}.version-item-actions .btn{border:none;padding:2px 6px;font-size:9px}.chart-list{flex:1;overflow-y:auto}.chart-search{background:var(--bg-base);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-sans);width:100%;transition:border-color var(--transition-fast);outline:none;margin:0 0 8px;padding:6px 10px;font-size:12px}.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{font-size:var(--text-sm);color:var(--text-secondary);font-family:var(--font-sans);align-items:center;gap:8px;padding:12px;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:1000;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{color:var(--text-tertiary);font-size:18px}.cp-input{color:var(--text-primary);font-family:var(--font-sans);font-size:15px;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);flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;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{cursor:pointer;-webkit-user-select:none;user-select:none;text-align:start;text-transform:uppercase;letter-spacing:.08em;width:100%;color:var(--accent);font-size:12px;font-weight:700;font-family:var(--font-sans);transition:color var(--transition-fast);background:0 0;border:none;align-items:center;gap:8px;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{color:var(--text-tertiary);flex-shrink:0;font-size:10px;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{flex-direction:column;gap:5px;margin:0;padding:0 0 10px;list-style:none;display:flex}.help-section-item{color:var(--text-secondary);font-size:13px;line-height:1.5;font-family:var(--font-sans);padding-inline-start:12px;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{grid-template-columns:auto 1fr;align-items:baseline;gap:6px 16px;padding:0 0 10px;display:grid}.help-shortcut-key{justify-self:end;align-items:baseline;gap:4px;display:flex}.help-shortcut-desc{color:var(--text-secondary);font-size:13px;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);z-index:20;width:0;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{background:var(--bg-base);border:1px solid var(--border-default);border-radius:var(--radius-md);width:100%;color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-sm);transition:border-color var(--transition-fast);outline:none;padding:7px 10px}.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:7px 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{z-index:1000;width:100%;position:fixed;inset:0}}.settings-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:900;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{font-size:var(--text-base);font-weight:var(--font-bold)}.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:1;justify-content:space-between;align-items:center;margin-bottom:10px;display:flex;position:relative}.preview-title{font-size:9px;font-weight:var(--font-bold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.1em}.preview-hint{color:var(--text-tertiary);opacity:.7;font-size:9px}.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:11px;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:9px;font-family:var(--font-mono);color:var(--text-tertiary);text-align:center;min-width:32px}.preview-area{z-index:1;cursor:grab;justify-content:center;align-items:center;height:140px;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)}.setting-section-title{margin-bottom:4px;font-size:15px;font-weight:700}.setting-section-desc{color:var(--text-tertiary);margin-bottom:20px;font-size:12px}.setting-section{margin-bottom:25px}.settings-content .accordion-title{text-transform:none;letter-spacing:normal;color:var(--text-primary);font-size:15px}.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:13px;font-weight:var(--font-medium)}.setting-desc{color:var(--text-tertiary);font-size:11px}.setting-control{flex-shrink:0;align-items:center;gap:8px;display:flex}.setting-value{font-family:var(--font-mono);color:var(--text-tertiary);text-align:end;white-space:nowrap;min-width:48px;font-size:11px}.settings-content input[type=range]{appearance:none;background:var(--bg-hover);border-radius:2px;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:none;border-radius:2px}.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-nav{width:140px}}.section-intro{color:var(--text-tertiary);border-bottom:1px solid var(--border-subtle);margin-bottom:0;padding-bottom:12px;font-size:12px;line-height:1.5}.setting-modified-dot{background:var(--accent);vertical-align:middle;border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-inline-end:4px;display:inline-block}.setting-reset-btn{width:20px;height:20px;color:var(--text-tertiary);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-size:12px;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:9px;font-weight:var(--font-medium);color:var(--text-tertiary);margin-inline-start:2px}.settings-tab-badge{background:var(--accent-muted);min-width:18px;height:16px;color:var(--accent);font-size:9px;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;padding:0 5px;line-height:1;display:flex}.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{border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-elevated);cursor:pointer;text-align:center;flex-direction:column;align-items:center;gap:3px;padding:8px 4px 6px;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:10px;font-weight:var(--font-semibold);color:var(--text-primary)}.layout-preset-dims{font-size:9px;font-family:var(--font-mono);color:var(--text-tertiary)}.layout-preset-desc{color:var(--text-tertiary);font-size:9px;line-height:1.3}.category-preview-card{border:1px solid #00000026;border-radius:3px;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:9px;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:12px;margin-top:6px;padding-inline-start:42px;display:flex}.category-text-colors-label{color:var(--text-tertiary);font-size:10px;font-weight:var(--font-medium)}.category-text-color-group{align-items:center;gap:4px;display:flex}.category-text-color-group label{color:var(--text-tertiary);font-size:10px}.category-text-color-group input[type=color]{border:1px solid var(--border-default);cursor:pointer;appearance:none;background:0 0;border-radius:3px;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:none;border-radius:2px}.category-delete-confirm{color:var(--danger);font-size:9px;font-weight:var(--font-bold);border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-sans);background:#f43f5e26;border:1px solid #f43f5e4d;padding:2px 8px}.settings-unsaved-indicator{color:var(--secondary);align-items:center;gap:6px;font-size:11px;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:4px}.settings-footer-right{gap:var(--space-2);display:flex}.import-wizard-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:900;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:18px;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{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);margin-bottom:12px}.import-instructions summary{cursor:pointer;font-weight:var(--font-semibold);color:var(--text-secondary);-webkit-user-select:none;user-select:none;padding:8px 12px}.import-instructions summary:hover{color:var(--text-primary)}.import-instructions[open] summary{border-bottom:1px solid var(--border-default)}.import-instructions-content{color:var(--text-secondary);line-height:var(--leading-normal);padding:12px 16px}.import-instructions-content h1,.import-instructions-content h2,.import-instructions-content h3{color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-bold);margin:0 0 8px}.import-instructions-content p{margin:0 0 8px}.import-instructions-content ol,.import-instructions-content ul{margin:0 0 8px;padding-inline-start:20px}.import-instructions-content li{margin-bottom:4px}.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);border-radius:var(--radius-sm);padding:1px 4px;font-size:.9em}.import-instructions-content pre{background:var(--bg-muted);border-radius:var(--radius-sm);margin:0 0 8px;padding:8px 12px;overflow-x:auto}.wizard-dropzone{border:2px dashed var(--border-strong);border-radius:var(--radius-lg);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;padding:40px 24px}.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);outline:none;margin-top:5px}.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{background:var(--bg-base);border:1px solid var(--border-default);border-radius:var(--radius-md);width:100%;color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-sm);transition:border-color var(--transition-fast);outline:none;padding:7px 10px}.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{justify-content:center;align-items:center;font-size:1.25rem;display:none}.sidebar-backdrop{display:none}@media (width<=768px){#main{grid-template-columns:1fr}#sidebar{top:0;inset-inline-start:0;z-index:1000;width:min(300px,85vw);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:999;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:.5rem}#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){#sidebar{width:100%}#header{padding:.25rem .5rem}}.fatal-error{text-align:center;max-width:28rem;color:var(--text-primary,#1a1a1a);background:var(--bg-surface,#fff);border:1px solid var(--border-color,#d0d0d0);border-radius:.5rem;margin:4rem auto;padding:2rem;font-family:system-ui,-apple-system,sans-serif}.fatal-error h2{color:var(--color-danger,#c0392b);margin:0 0 1rem;font-size:1.25rem}.fatal-error p{margin:.5rem 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:.625rem;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{cursor:pointer;font-size:var(--text-sm);padding:4px 0;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:.625rem;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);z-index:5;flex-direction:column;max-height:50vh;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;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-size:14px;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 12px;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{opacity:.5;cursor:help;vertical-align:middle;margin-inline-start:4px;font-size:10px;transition:opacity .15s}.analytics-kpi-info:hover{opacity:.9}.analytics-kpi-value{letter-spacing:-.02em;font-size:22px;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:3px}.analytics-kpi-subtitle{color:var(--text-tertiary);margin-top:3px;font-size:10px}@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{text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);margin-bottom:2px;font-size:9px}.analytics-span-stat-value{font-size:16px;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);font-size:var(--text-xs);border-bottom:1px solid var(--border-subtle);padding:5px 0;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{color:var(--text-tertiary);font-size:11px;font-family:var(--font-mono);margin-inline-start:auto}.analytics-bar-row{align-items:center;gap:var(--space-2);margin-bottom:3px;font-size:11px;display:flex}.analytics-bar-label{text-align:end;width:24px;color:var(--text-tertiary);font-weight:600;font-family:var(--font-mono);font-size:10px}.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{color:var(--bg-base);font-size:9px;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:3px;flex-shrink:0;width:10px;height:10px}.analytics-dist-label{color:var(--text-secondary);flex:1}.analytics-dist-count{font-family:var(--font-mono);color:var(--text-primary);font-size:11px;font-weight:600}.analytics-dist-bar{background:var(--bg-base);border-radius:2px;width:60px;height:4px;overflow:hidden}.analytics-dist-bar-fill{border-radius:2px;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{margin:var(--space-3) 0;background:var(--bg-base);border-radius:var(--radius-lg);gap:2px;padding:3px;display:flex}.analytics-viz-tab-btn{cursor:pointer;font-size:11px;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);color:var(--text-tertiary);font-size:10px;font-style:italic;line-height:var(--leading-normal);opacity:.7}.analytics-toggle-btn{border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-elevated);color:var(--text-secondary);cursor:pointer;font-size:12px;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;padding:5px 12px;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);border-radius:var(--radius-full);text-align:center;min-width:20px;padding:1px 6px;font-size:10px;font-weight:700}@media (width<=900px){.analytics-detail-grid{grid-template-columns:1fr}}