:root{--color-bg-primary: #ffffff;--color-bg-secondary: #f9f9f9;--color-bg-tertiary: #f9fafb;--color-bg-elevated: #fafafa;--color-bg-input: #ffffff;--color-bg-hover: #f3f4f6;--color-text-primary: #1a1a1a;--color-text-secondary: #374151;--color-text-tertiary: #555555;--color-text-muted: #6b7280;--color-text-faint: #888888;--color-text-faintest: #9ca3af;--color-text-inverse: #ffffff;--color-border-primary: #e2e2e2;--color-border-secondary: #d1d5db;--color-border-subtle: #e5e7eb;--color-border-hover: #999999;--color-accent: #1a1a1a;--color-accent-hover: #333333;--color-accent-text: #ffffff;--color-btn-secondary-bg: #ffffff;--color-btn-secondary-text: #374151;--color-btn-secondary-border: #d1d5db;--color-error-bg: #fef2f2;--color-error-border: #fecaca;--color-error-text: #991b1b;--color-error-btn-bg: #dc2626;--color-error-btn-border: #fca5a5;--color-error-btn-text: #dc2626;--color-success-text: #059669;--color-warning-bg: #fef3c7;--color-warning-border: #fcd34d;--color-warning-text: #92400e;--color-highlight: #2563eb;--color-link: #3b82f6;--color-disabled: #9ca3af;--color-overlay: rgba(0, 0, 0, .4);--color-shadow: rgba(0, 0, 0, .15);--color-badge-bg: #e2e8f0;--color-badge-text: #334155;--color-badge-bg-alt: #f3f4f6;--color-panel-bg: #f8fafc;--color-panel-border: #e2e8f0;--color-panel-heading: #334155;--color-panel-text: #64748b;--color-dropzone-active-border: #3b82f6;--color-dropzone-active-bg: #eff6ff;--color-dropzone-bg: #fafafa;--color-dropzone-border: #d1d5db;--color-drag-over-bg: #f0f4ff;--color-drag-over-border: #3b82f6;--color-drag-handle: #c0c0c0;--color-svg-stroke: #333333;--color-svg-stroke-light: #555555;--color-svg-stroke-faint: #888888;--color-svg-bg: #ffffff;--color-schematic-insert-bg: var(--color-dropzone-active-bg);--color-schematic-insert-border: var(--color-dropzone-active-border);--color-schematic-insert-fg: var(--color-highlight);--color-schematic-insert-halo: var(--color-highlight);--diagram-paper: #f4f6f8;--diagram-ink: #1f2937;--diagram-ink-muted: #9ca3af;--diagram-dim: #6b7280;--diagram-accent: var(--color-accent);--color-cabinet-air: #e8f4f8;--color-plot-bg: #ffffff;--color-plot-paper: #ffffff;--color-plot-text: #1a1a1a;--color-plot-grid: #e5e7eb;--color-step-active-bg: #f9fafb;--color-step-inactive-bg: #d1d5db;--color-step-inactive-text: #6b7280;--color-table-border: #e5e7eb;--color-table-row-border: #f3f4f6;--color-table-header-text: #6b7280;--color-spinner-track: #e2e2e2;--color-spinner-head: #333333;--color-range-neutral: #e5e7eb;--color-range-border: #374151;--color-range-active: var(--color-link);--color-sealed-bg: #dbeafe;--color-sealed-text: #1e40af;--color-ported-bg: #dcfce7;--color-ported-text: #166534;--color-baffle-bg: #f9fafb;--color-baffle-border: #e5e7eb;--color-baffle-fill: #e2e8f0;--color-baffle-fill-ib: #f1f5f9;--color-baffle-stroke: #475569;--color-baffle-stroke-ib: #94a3b8;--color-baffle-dim-text: #64748b;--color-obj-item-bg: #ffffff;--color-obj-item-border: #e5e7eb;--color-obj-position-bg: #f3f4f6;--color-plot-unavail-bg: #f9fafb;--color-plot-unavail-border: #e5e7eb;--color-tab-border: #e5e7eb;--color-tab-active-bg: #1a1a1a;--color-tab-active-text: #ffffff;--color-tab-inactive-text: #64748b;--color-coming-soon-bg: #f3f4f6;--color-coming-soon-text: #6b7280;--color-tooltip-bg: #1a1a1a;--color-tooltip-text: #ffffff;--transition-fast: .12s ease;--transition-medium: .2s ease;--radius-control: 6px;--control-height: 32px;--color-success: #15803d;--color-danger: #b91c1c;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.5;font-weight:400;color:var(--color-text-primary);background-color:var(--color-bg-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-theme=dark]{color-scheme:dark;--color-bg-primary: #0f1117;--color-bg-secondary: #1a1d27;--color-bg-tertiary: #1e2130;--color-bg-elevated: #22262f;--color-bg-input: #1a1d27;--color-bg-hover: #2a2e3a;--color-text-primary: #e4e6eb;--color-text-secondary: #c8ccd4;--color-text-tertiary: #b0b4be;--color-text-muted: #8b90a0;--color-text-faint: #6e7485;--color-text-faintest: #565c6e;--color-text-inverse: #0f1117;--color-border-primary: #2e323e;--color-border-secondary: #3a3f4e;--color-border-subtle: #252936;--color-border-hover: #4a5068;--color-accent: #e4e6eb;--color-accent-hover: #c8ccd4;--color-accent-text: #0f1117;--color-btn-secondary-bg: #1a1d27;--color-btn-secondary-text: #c8ccd4;--color-btn-secondary-border: #3a3f4e;--color-error-bg: #2d1515;--color-error-border: #5c2020;--color-error-text: #fca5a5;--color-error-btn-bg: #dc2626;--color-error-btn-border: #7f1d1d;--color-error-btn-text: #fca5a5;--color-success-text: #34d399;--color-warning-bg: #2d2505;--color-warning-border: #854d0e;--color-warning-text: #fcd34d;--color-highlight: #60a5fa;--color-link: #60a5fa;--color-range-neutral: #3a3f4e;--color-range-border: #e4e6eb;--color-range-active: var(--color-link);--color-disabled: #565c6e;--color-overlay: rgba(0, 0, 0, .6);--color-shadow: rgba(0, 0, 0, .4);--color-badge-bg: #2a2e3a;--color-badge-text: #b0b4be;--color-badge-bg-alt: #252936;--color-panel-bg: #1a1d27;--color-panel-border: #2e323e;--color-panel-heading: #c8ccd4;--color-panel-text: #8b90a0;--color-dropzone-active-border: #3b82f6;--color-dropzone-active-bg: #172554;--color-dropzone-bg: #1a1d27;--color-dropzone-border: #3a3f4e;--color-drag-over-bg: #172554;--color-drag-over-border: #3b82f6;--color-drag-handle: #565c6e;--color-svg-stroke: #b0b4be;--color-svg-stroke-light: #8b90a0;--color-svg-stroke-faint: #6e7485;--color-svg-bg: #1a1d27;--color-schematic-insert-bg: var(--color-dropzone-active-bg);--color-schematic-insert-border: var(--color-dropzone-active-border);--color-schematic-insert-fg: var(--color-highlight);--color-schematic-insert-halo: var(--color-highlight);--diagram-paper: #161922;--diagram-ink: #d1d5db;--diagram-ink-muted: #4b5563;--diagram-dim: #9ca3af;--diagram-accent: var(--color-accent);--color-cabinet-air: #1c2733;--color-plot-bg: #1a1d27;--color-plot-paper: #1a1d27;--color-plot-text: #e4e6eb;--color-plot-grid: #2e323e;--color-step-active-bg: #1a1d27;--color-step-inactive-bg: #3a3f4e;--color-step-inactive-text: #8b90a0;--color-table-border: #2e323e;--color-table-row-border: #1e2130;--color-table-header-text: #8b90a0;--color-spinner-track: #2e323e;--color-spinner-head: #b0b4be;--color-sealed-bg: #172554;--color-sealed-text: #93c5fd;--color-ported-bg: #14532d;--color-ported-text: #86efac;--color-baffle-bg: #1a1d27;--color-baffle-border: #2e323e;--color-baffle-fill: #2a2e3a;--color-baffle-fill-ib: #1e2130;--color-baffle-stroke: #8b90a0;--color-baffle-stroke-ib: #565c6e;--color-baffle-dim-text: #8b90a0;--color-obj-item-bg: #1a1d27;--color-obj-item-border: #2e323e;--color-obj-position-bg: #252936;--color-plot-unavail-bg: #1a1d27;--color-plot-unavail-border: #2e323e;--color-tab-border: #2e323e;--color-tab-active-bg: #e4e6eb;--color-tab-active-text: #0f1117;--color-tab-inactive-text: #8b90a0;--color-coming-soon-bg: #252936;--color-coming-soon-text: #8b90a0;--color-tooltip-bg: #e4e6eb;--color-tooltip-text: #0f1117;--color-success: #4ade80;--color-danger: #f87171}*{box-sizing:border-box}body{margin:0;min-width:320px}h1,h2,h3,h4,h5,h6{margin-top:0}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton{border-radius:var(--radius-control);background:linear-gradient(90deg,var(--color-bg-secondary) 25%,var(--color-bg-hover) 50%,var(--color-bg-secondary) 75%);background-size:800px 100%;animation:shimmer 1.3s linear infinite}@media(prefers-reduced-motion:reduce){.skeleton{animation:none}}@keyframes metricPulse{0%,to{opacity:.5}50%{opacity:.8}}@keyframes metricFlash{0%{background:var(--color-bg-secondary)}to{background:transparent}}@keyframes metricsBarIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes plotFadeIn{0%{opacity:0}to{opacity:1}}.plot-fade{animation:plotFadeIn .15s ease-out}@keyframes panelSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.panel-slide-up{animation:panelSlideUp .15s ease-out}@keyframes starPop{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes progressIndeterminate{0%{transform:translate(-100%)}to{transform:translate(400%)}}.progress-indeterminate{position:absolute;top:0;left:0;height:100%;width:25%;background:var(--color-accent);border-radius:3px;animation:progressIndeterminate 1.3s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.progress-indeterminate{animation:none;width:100%;opacity:.4}}@keyframes modalPanelIn{0%{opacity:0;transform:scale(.98) translateY(4px)}to{opacity:1;transform:scale(1) translateY(0)}}.ui-modal-overlay{animation:overlayFadeIn .15s ease-out}.ui-modal-panel{animation:modalPanelIn .2s ease-out}.star-pop{animation:starPop .25s ease}@media(prefers-reduced-motion:reduce){.plot-fade,.panel-slide-up,.star-pop,.ui-modal-overlay,.ui-modal-panel{animation:none}}.sticky-metrics-stale{animation:metricPulse 1.2s ease-in-out infinite}.sticky-metrics-flash{animation:metricFlash .6s ease-out}.sticky-metrics-bar{animation:metricsBarIn .15s ease-out}@media(prefers-reduced-motion:reduce){.sticky-metrics-stale{animation:none;opacity:.5}.sticky-metrics-flash,.sticky-metrics-bar{animation:none}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:var(--control-height);padding:0 12px;font-size:13px;font-weight:500;line-height:1;white-space:nowrap;border-radius:var(--radius-control);border:1px solid transparent;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.btn:disabled{opacity:.5;cursor:default}.btn:not(:disabled):active{transform:scale(.98)}.btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.btn-primary{background:var(--color-accent);color:var(--color-accent-text);border-color:var(--color-accent)}.btn-primary:not(:disabled):hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.btn-secondary{background:var(--color-btn-secondary-bg);color:var(--color-btn-secondary-text);border-color:var(--color-btn-secondary-border)}.btn-secondary:not(:disabled):hover{background:var(--color-bg-secondary);border-color:var(--color-border-hover)}.btn-ghost{background:transparent;color:var(--color-text-secondary);border-color:transparent}.btn-ghost:not(:disabled):hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.btn-sm{height:28px;padding:0 10px;font-size:12px}.btn-lg{height:44px;padding:0 22px;font-size:15px;font-weight:600}@media(prefers-reduced-motion:reduce){.btn{transition:none}.btn:not(:disabled):active{transform:none}}.viewer-3d-canvas{background:radial-gradient(ellipse at 50% 40%,#fff,#eef0f3)}[data-theme=dark] .viewer-3d-canvas{background:radial-gradient(ellipse at 50% 40%,#232733,#14161c)}.plot-tab-strip{display:flex;flex-wrap:wrap;gap:2px;border-bottom:2px solid var(--color-tab-border);margin-bottom:16px}.crossover-schematic-fill,.crossover-schematic-fill .schematic-canvas-area{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}.crossover-schematic-fill .react-transform-wrapper{flex:1 1 auto;min-height:0}.crossover-schematic-fill .react-transform-component{position:absolute;top:0;left:0}.plot-tab-strip--scroll{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 24px,#000 calc(100% - 24px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 24px,#000 calc(100% - 24px),transparent 100%)}.plot-tab-strip--scroll::-webkit-scrollbar{display:none}.plot-tab{padding:8px 14px;background:transparent;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;cursor:pointer;font-size:13px;font-weight:400;white-space:nowrap;color:var(--color-tab-inactive-text);transition:color var(--transition-fast),border-color var(--transition-fast)}.plot-tab:hover:not(:disabled){color:var(--color-text-primary)}.plot-tab[aria-selected=true]{color:var(--color-text-primary);font-weight:600;border-bottom-color:var(--color-accent)}.plot-tab:disabled{cursor:not-allowed}.plot-tab:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}.metric-value{font-size:20px;font-weight:700}@media(max-width:768px){.metric-value{font-size:15px;white-space:nowrap}}.metric-clickable{border-radius:6px;transition:background var(--transition-fast)}.metric-clickable:hover{background:var(--color-bg-tertiary)}.comment-input{transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.comment-input:focus,.comment-input:focus-visible{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent)}input:not([type=range]):not([type=checkbox]):not([type=radio]):not(.control-unstyled),select:not(.control-unstyled),textarea:not(.control-unstyled){transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}input:not([type=range]):not([type=checkbox]):not([type=radio]):not(.control-unstyled):focus-visible,select:not(.control-unstyled):focus-visible,textarea:not(.control-unstyled):focus-visible{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent)}input[type=checkbox],input[type=radio]{accent-color:var(--color-accent)}a:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:2px}.faq-answer{display:grid;grid-template-rows:0fr;transition:grid-template-rows .2s ease}.faq-answer.open{grid-template-rows:1fr}.faq-answer>div{overflow:hidden}.faq-question{transition:color var(--transition-fast)}.faq-question:hover{color:var(--color-accent)}@media(prefers-reduced-motion:reduce){.faq-answer{transition:none}}.chrome-link{color:inherit;text-decoration:none;transition:color var(--transition-fast)}.chrome-link:hover{color:var(--color-text-primary)}.nav-link{text-decoration:none;transition:color var(--transition-fast)}.nav-link:hover{color:var(--color-text-primary)}.card{background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:10px}.card-hover{transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast)}.card-hover:hover{transform:translateY(-1px);box-shadow:0 4px 14px var(--color-shadow);border-color:var(--color-border-secondary)}@media(prefers-reduced-motion:reduce){.card-hover:hover{transform:none}}input[type=range]{width:100%;accent-color:var(--color-accent)}.catalog-dual-range{position:relative;height:28px;isolation:isolate}.catalog-dual-range__track{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);z-index:0;box-sizing:border-box;height:6px;border-radius:3px;border:1px solid var(--color-range-border);background:var(--color-range-neutral);pointer-events:none}.catalog-dual-range__track--split{display:flex;overflow:hidden;padding:0}.catalog-dual-range__segment{height:100%;flex-shrink:0}.catalog-dual-range__segment--neutral{background:var(--color-range-neutral)}.catalog-dual-range__segment--active{background:var(--color-range-active)}.catalog-dual-range input[type=range]{position:absolute;left:0;top:0;width:100%;height:28px;margin:0;padding:0;pointer-events:none;background:transparent;border:none;-webkit-appearance:none;appearance:none;accent-color:transparent;color:transparent}.catalog-dual-range input[type=range]::-webkit-slider-runnable-track{-webkit-appearance:none;height:4px;background:transparent;border:none}.catalog-dual-range input[type=range]::-moz-range-track{height:4px;background:transparent;border:none}.catalog-dual-range input[type=range]::-moz-range-progress{background:transparent}.catalog-dual-range input[type=range]::-ms-track{background:transparent;border-color:transparent;color:transparent}.catalog-dual-range input[type=range]::-ms-fill-lower,.catalog-dual-range input[type=range]::-ms-fill-upper{background:transparent}.catalog-dual-range input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;pointer-events:auto;position:relative;z-index:2;width:14px;height:14px;margin-top:-4px;border-radius:50%;box-sizing:border-box;background:var(--color-range-neutral);border:1px solid var(--color-range-border);box-shadow:none}.catalog-dual-range input[type=range]::-moz-range-thumb{pointer-events:auto;position:relative;z-index:2;width:14px;height:14px;border-radius:50%;box-sizing:border-box;background:var(--color-range-neutral);border:1px solid var(--color-range-border);box-shadow:none}.catalog-dual-range--filtered input[type=range]::-webkit-slider-thumb{background:var(--color-range-active);border-color:var(--color-range-active)}.catalog-dual-range--filtered input[type=range]::-moz-range-thumb{background:var(--color-range-active);border-color:var(--color-range-active)}