:root{--bg-deep: #080a0f;--bg-base: #0d1017;--bg-surface: #121722;--bg-surface-raised: #181f2e;--bg-surface-elevated: #1e2638;--bg-surface-hover: #242e42;--steel-900: #151922;--steel-800: #1d2330;--steel-700: #293245;--steel-600: #3a4660;--steel-400: #64748b;--steel-300: #94a3b8;--steel-100: #e2e8f0;--bg-light-panel: #f1f4f8;--text-dark-primary: #0a0d14;--text-dark-secondary: #334155;--border-light-panel: #d6dde7;--signal-cyan: #00e5ff;--signal-cyan-glow: rgba(0, 229, 255, .25);--signal-cyan-dim: rgba(0, 229, 255, .08);--signal-cyan-border: rgba(0, 229, 255, .35);--signal-green: #00e599;--signal-green-glow: rgba(0, 229, 153, .25);--signal-green-dim: rgba(0, 229, 153, .08);--signal-amber: #ffb703;--signal-amber-glow: rgba(255, 183, 3, .25);--signal-amber-dim: rgba(255, 183, 3, .08);--signal-orange: #fb8500;--signal-crimson: #ff334b;--signal-crimson-dim: rgba(255, 51, 75, .1);--accent-cyan: var(--signal-cyan);--accent-emerald: var(--signal-green);--accent-amber: var(--signal-amber);--bg-primary: var(--bg-deep);--bg-secondary: var(--bg-surface);--bg-tertiary: var(--steel-900);--bg-card: var(--bg-surface);--bg-card-hover: var(--bg-surface-raised);--text-primary: #f8fafc;--text-primary-bright: #ffffff;--text-secondary: #94a3b8;--text-tertiary: #64748b;--text-muted: #475569;--text-accent: var(--signal-cyan);--border-subtle: rgba(255, 255, 255, .07);--border-medium: rgba(255, 255, 255, .13);--border-strong: rgba(255, 255, 255, .22);--border-tech: rgba(0, 229, 255, .28);--border-green: rgba(0, 229, 153, .3);--border-amber: rgba(255, 183, 3, .3);--cad-grid-major: rgba(255, 255, 255, .04);--cad-grid-minor: rgba(255, 255, 255, .015);--cad-crosshair: rgba(0, 229, 255, .15);--font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", Consolas, Menlo, monospace;--container-max: 1260px;--container-wide: 1400px;--container-narrow: 860px;--header-height: 72px;--radius-xs: 2px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--shadow-flat: 0 1px 2px rgba(0, 0, 0, .5);--shadow-raised: 0 8px 24px rgba(0, 0, 0, .65);--shadow-floating: 0 16px 48px rgba(0, 0, 0, .8);--shadow-cyan-sm: 0 0 16px rgba(0, 229, 255, .2);--shadow-cyan-lg: 0 0 32px rgba(0, 229, 255, .3);--ease-out-tech: cubic-bezier(.16, 1, .3, 1);--transition-fast: .14s var(--ease-out-tech);--transition-normal: .24s var(--ease-out-tech);--transition-smooth: .4s var(--ease-out-tech)}.schematic-wrapper{background-color:var(--bg-surface);border:1px solid var(--border-tech);border-radius:var(--radius-xs);padding:1.5rem;position:relative;overflow:hidden;box-shadow:var(--shadow-raised),0 0 28px #00e5ff1f}.schematic-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:1rem;border-bottom:1px solid var(--border-subtle);margin-bottom:1.15rem;flex-wrap:wrap;gap:.75rem}.schematic-title-tag{font-family:var(--font-mono);font-size:.75rem;font-weight:700;color:var(--signal-cyan);letter-spacing:.08em;display:flex;align-items:center;gap:.55rem}.schematic-controls{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:1.25rem}.schematic-tab-btn{font-family:var(--font-mono);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;padding:.48rem .95rem;background-color:var(--steel-900);border:1px solid var(--border-medium);color:var(--steel-300);border-radius:var(--radius-xs);cursor:pointer;transition:all var(--transition-fast)}.schematic-tab-btn:hover{border-color:var(--border-tech);color:var(--text-primary-bright)}.schematic-tab-btn.active{background-color:var(--signal-cyan-dim);border-color:var(--signal-cyan);color:var(--signal-cyan);box-shadow:0 0 12px #00e5ff33}.schematic-canvas{background-color:#05080e;border:1px solid var(--border-medium);border-radius:var(--radius-xs);padding:1.25rem;position:relative;min-height:290px;display:flex;align-items:center;justify-content:center;background-image:linear-gradient(to right,rgba(0,229,255,.05) 1px,transparent 1px),linear-gradient(to bottom,rgba(0,229,255,.05) 1px,transparent 1px);background-size:24px 24px}.schematic-svg{width:100%;height:auto;max-height:290px;overflow:visible}.schematic-layer{transition:opacity var(--transition-normal),stroke-width var(--transition-normal),filter var(--transition-normal);cursor:pointer}.schematic-layer.dimmed{opacity:.3}.schematic-layer.active{opacity:1;filter:drop-shadow(0 0 8px rgba(0,229,255,.6))}.flow-line{stroke-dasharray:6 4;animation:flow-advance 1.8s linear infinite}.flow-line-fast{stroke-dasharray:4 4;animation:flow-advance 1s linear infinite}.flow-line-reverse{stroke-dasharray:6 4;animation:flow-advance-reverse 2s linear infinite}@keyframes flow-advance{0%{stroke-dashoffset:20}to{stroke-dashoffset:0}}@keyframes flow-advance-reverse{0%{stroke-dashoffset:0}to{stroke-dashoffset:20}}@media(prefers-reduced-motion:reduce){.flow-line,.flow-line-fast,.flow-line-reverse{animation:none}}.schematic-inspector{margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid var(--border-subtle);display:grid;grid-template-columns:1.4fr 1fr;gap:1.5rem}@media(max-width:768px){.schematic-inspector{grid-template-columns:1fr}}.inspector-info h4{font-size:1.15rem;color:var(--text-primary-bright);margin-bottom:.45rem}.inspector-info p{font-size:.92rem;line-height:1.62;color:var(--steel-300)}.inspector-specs{background-color:var(--steel-900);border:1px solid var(--border-subtle);border-radius:var(--radius-xs);padding:1.1rem}.spec-list{display:flex;flex-direction:column;gap:.65rem}.spec-item{display:flex;justify-content:space-between;align-items:baseline;font-size:.825rem;border-bottom:1px dotted rgba(255,255,255,.1);padding-bottom:.35rem}.spec-item:last-child{border-bottom:none;padding-bottom:0}.spec-item .label{font-family:var(--font-mono);color:var(--steel-400);font-size:.725rem}.spec-item .val{font-family:var(--font-mono);color:var(--signal-cyan);font-weight:700}