:root{--bg-primary: #090d16;--bg-secondary: #0f1624;--bg-card: #131c2e;--bg-card-hover: #18233a;--bg-surface: #172238;--bg-elevated: #1e2c47;--bg-light: #f8fafc;--bg-light-subtle: #f1f5f9;--text-light-heading: #0f172a;--text-light-body: #334155;--text-light-muted: #64748b;--border-light: #e2e8f0;--accent-cyan: #00d2eb;--accent-cyan-dim: rgba(0, 210, 235, .12);--accent-cyan-border: rgba(0, 210, 235, .35);--accent-emerald: #00d084;--accent-emerald-dim: rgba(0, 208, 132, .12);--accent-amber: #f59e0b;--accent-amber-dim: rgba(245, 158, 11, .12);--accent-blue: #38bdf8;--accent-blue-dim: rgba(56, 189, 248, .12);--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-tertiary: #64748b;--text-accent: #00d2eb;--text-inverse: #090d16;--border-subtle: rgba(255, 255, 255, .08);--border-medium: rgba(255, 255, 255, .14);--border-strong: rgba(255, 255, 255, .22);--border-tech: rgba(0, 210, 235, .25);--grid-line-color: rgba(255, 255, 255, .035);--grid-cross-color: rgba(0, 210, 235, .18);--font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", Consolas, "Liberation Mono", Menlo, monospace;--font-editorial: "Plus Jakarta Sans", Georgia, sans-serif;--radius-xs: 2px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .35);--shadow-md: 0 4px 12px rgba(0, 0, 0, .45);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .6);--shadow-tech: 0 0 24px rgba(0, 210, 235, .12);--container-max: 1240px;--container-wide: 1380px;--container-narrow: 840px;--header-height: 72px;--transition-fast: .15s cubic-bezier(.16, 1, .3, 1);--transition-base: .22s cubic-bezier(.16, 1, .3, 1);--transition-slow: .35s cubic-bezier(.16, 1, .3, 1)}.schematic-wrapper{background-color:var(--bg-card);border:1px solid var(--border-tech);border-radius:var(--radius-xs);padding:1.5rem;position:relative;overflow:hidden;box-shadow:var(--shadow-lg),var(--shadow-tech)}.schematic-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:1rem;border-bottom:1px solid var(--border-subtle);margin-bottom:1.25rem;flex-wrap:wrap;gap:.75rem}.schematic-id{font-family:var(--font-mono);font-size:.75rem;color:var(--accent-cyan);letter-spacing:.08em;display:flex;align-items:center;gap:.5rem}.schematic-id:before{content:"";display:inline-block;width:6px;height:6px;background-color:var(--accent-cyan);border-radius:50%}.schematic-controls{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1.25rem}.schematic-tab-btn{font-family:var(--font-mono);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:.45rem .85rem;background-color:var(--bg-secondary);border:1px solid var(--border-medium);color:var(--text-secondary);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)}.schematic-tab-btn.active{background-color:var(--accent-cyan-dim);border-color:var(--accent-cyan);color:var(--accent-cyan)}.schematic-canvas{background-color:#060910;border:1px solid var(--border-subtle);border-radius:var(--radius-xs);padding:1.5rem;position:relative;min-height:280px;display:flex;align-items:center;justify-content:center;background-image:linear-gradient(to right,rgba(0,210,235,.04) 1px,transparent 1px),linear-gradient(to bottom,rgba(0,210,235,.04) 1px,transparent 1px);background-size:24px 24px}.schematic-svg{width:100%;height:auto;max-height:280px;overflow:visible}.schematic-layer{transition:opacity var(--transition-base),stroke-width var(--transition-base),filter var(--transition-base);cursor:pointer}.schematic-layer.dimmed{opacity:.25}.schematic-layer.active{opacity:1;filter:drop-shadow(0 0 6px rgba(0,210,235,.5))}.schematic-inspector{margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid var(--border-subtle);display:grid;grid-template-columns:1.5fr 1fr;gap:1.5rem}@media(max-width:768px){.schematic-inspector{grid-template-columns:1fr}}.inspector-info h4{font-size:1.1rem;color:var(--text-primary);margin-bottom:.4rem;display:flex;align-items:center;gap:.5rem}.inspector-info p{font-size:.9rem;line-height:1.6;color:var(--text-secondary)}.inspector-specs{background-color:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-xs);padding:1rem}.spec-list{display:flex;flex-direction:column;gap:.6rem}.spec-item{display:flex;justify-content:space-between;align-items:baseline;font-size:.8rem;border-bottom:1px dotted rgba(255,255,255,.08);padding-bottom:.35rem}.spec-item:last-child{border-bottom:none;padding-bottom:0}.spec-item .label{font-family:var(--font-mono);color:var(--text-tertiary);font-size:.725rem}.spec-item .val{font-family:var(--font-mono);color:var(--accent-cyan);font-weight:600}.stack-layers-display{display:flex;flex-direction:column;gap:.75rem}.stack-layer-bar{display:flex;align-items:center;gap:1rem;background-color:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xs);padding:.85rem 1.25rem;transition:all var(--transition-fast)}.stack-layer-bar:hover{border-color:var(--border-tech);transform:translate(4px);background-color:var(--bg-card-hover)}.stack-layer-num{font-family:var(--font-mono);font-size:.75rem;color:var(--accent-cyan);background-color:var(--accent-cyan-dim);border:1px solid var(--accent-cyan-border);padding:.2rem .5rem;border-radius:var(--radius-xs)}.stack-layer-name{font-size:.95rem;font-weight:700;color:var(--text-primary);flex:1}.stack-layer-detail{font-family:var(--font-mono);font-size:.75rem;color:var(--text-tertiary)}