:root{--color-paper:oklch(98.5% .004 250);--color-paper-2:oklch(96.5% .007 250);--color-paper-3:oklch(92.5% .011 250);--color-surface:oklch(99% .003 250);--color-ink:oklch(20% .02 258);--color-ink-2:oklch(32% .018 257);--color-neutral:oklch(49% .014 255);--color-muted:oklch(43% .012 255);--color-rule:oklch(88% .009 250);--color-rule-strong:oklch(70% .016 252);--color-accent:oklch(50% .22 256);--color-accent-soft:oklch(93% .035 256);--color-accent-ink:oklch(98.5% .004 250);--color-focus:oklch(43% .22 256);--color-graphite:oklch(23% .018 258);--color-metal:oklch(84% .012 252);--color-metal-light:oklch(94% .008 252);--color-metal-dark:oklch(55% .016 255);--color-board:oklch(39% .055 230);--color-board-2:oklch(31% .045 230);--color-copper:oklch(63% .105 68);--color-component:oklch(29% .021 258);--color-component-light:oklch(72% .022 252);--color-shadow:oklch(20% .02 258/.12);--color-shadow-soft:oklch(20% .02 258/.06);--color-scrim:oklch(20% .02 258/.24);--color-transparent:oklch(0% 0 0/0);--color-error:oklch(48% .18 25);--color-success:oklch(44% .12 150);--font-display:"Space Grotesk", "Avenir Next", ui-sans-serif, sans-serif;--font-body:"Inter", "Avenir Next", ui-sans-serif, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--text-xs:.6875rem;--text-sm:.875rem;--text-base:1rem;--text-md:1.25rem;--text-lg:1.5625rem;--text-xl:1.9531rem;--text-2xl:2.4414rem;--text-3xl:3.0518rem;--text-display:clamp(2.75rem, 5vw + 1rem, 5.25rem);--space-3xs:.125rem;--space-2xs:.25rem;--space-xs:.5rem;--space-sm:.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2.5rem;--space-2xl:4rem;--space-3xl:6rem;--space-4xl:9rem;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.7, 0, .84, 0);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--dur-micro:.12s;--dur-short:.22s;--dur-long:.42s;--rule-hair:1px;--radius-xs:.375rem;--radius-sm:.625rem;--radius-md:1rem;--radius-lg:1.5rem;--radius-round:50%;--z-base:1;--z-raised:10;--z-dropdown:100;--z-sticky:200;--z-modal:400;--z-toast:500;--z-tooltip:600}*{box-sizing:border-box}html,body{background:var(--color-paper);color:var(--color-ink);margin:0;overflow-x:clip}body{font-family:var(--font-body);font-size:var(--text-sm);-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button{color:inherit;cursor:pointer;white-space:nowrap;border:0}button:disabled{cursor:default;opacity:.4}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--color-focus);outline-offset:4px}button:active:not(:disabled){transform:translateY(1px)}[hidden]{display:none!important}.app-shell{height:100svh;min-height:660px;position:relative}.topbar{z-index:4;justify-content:space-between;align-items:center;gap:var(--space-md);display:flex;position:absolute;inset:24px 32px auto}.wordmark{font-family:var(--font-display);letter-spacing:-.02em;padding:8px 0;font-size:15px;font-weight:600}.nav-controls{border:1px solid var(--color-rule);background:var(--color-surface);border-radius:28px;padding:4px;display:flex}.quiet-button{background:var(--color-transparent);border-radius:24px;padding:9px 14px;font-size:12px}.quiet-button:hover{background:var(--color-paper-2)}.architecture-controls{z-index:4;align-items:center;gap:16px;display:flex;position:absolute;top:82px;left:40px;right:40px}.architecture-controls label{align-items:center;gap:8px;min-width:0;display:flex}.architecture-controls label>span,.route-boundary{color:var(--color-muted);font-size:10px}.architecture-controls select{border:1px solid var(--color-rule);background:var(--color-surface);min-width:0;max-width:220px;min-height:44px;color:var(--color-ink);border-radius:12px;padding:8px 30px 8px 12px;font-size:12px}.architecture-controls select:disabled{color:var(--color-muted);opacity:1}.architecture-controls select:hover:not(:disabled){border-color:var(--color-rule-strong)}.architecture-controls select:active:not(:disabled){background:var(--color-paper-2)}.architecture-controls select:disabled{opacity:.55;cursor:not-allowed}.architecture-controls select:focus-visible{outline-offset:1px;outline-width:2px}.scene-heading{z-index:3;pointer-events:none;max-width:calc(100% - 80px);position:absolute;top:145px;left:40px}.breadcrumbs{pointer-events:auto;scrollbar-width:none;align-items:center;gap:2px;max-width:100%;display:flex;overflow-x:auto}.breadcrumbs button{background:var(--color-transparent);color:var(--color-muted);padding:4px 3px;font-size:11px}.breadcrumbs button:not(:last-child):after{content:"/";color:var(--color-rule-strong);padding-left:8px}.breadcrumbs button:disabled{opacity:1;color:var(--color-ink)}h1{font-family:var(--font-display);letter-spacing:-.045em;overflow-wrap:anywhere;min-width:0;margin:10px 0 7px;font-size:clamp(24px,2.5vw,34px);font-style:normal;font-weight:500;line-height:1.18}.scene-spec{color:var(--color-muted);margin:0;font-size:12px}.power-path{color:var(--color-muted);margin:9px 0 0;font-size:10px;line-height:1.6}.canvas-host{touch-action:none;min-height:180px;position:absolute;inset:266px 28px 172px}.canvas-host canvas{outline:none;width:100%;height:100%;display:block}.has-detail .canvas-host{right:376px}.part-labels{pointer-events:none;position:absolute;inset:0;overflow:clip}.part-pin{pointer-events:auto;background:var(--color-surface);border:1px solid var(--color-rule);box-shadow:0 3px 12px var(--color-shadow-soft);text-overflow:ellipsis;border-radius:24px;max-width:176px;padding:6px 10px;font-size:11px;line-height:1.2;position:absolute;top:0;left:0;overflow:hidden}.part-pin:before{content:"";border-radius:var(--radius-round);background:var(--color-rule-strong);width:4px;height:4px;margin:0 6px 2px 0;display:inline-block}.origin-label{pointer-events:none;color:var(--color-accent);background:var(--color-surface);border-left:1px solid var(--color-accent);padding:4px;font-size:9px;position:absolute;top:0;left:0}.part-pin:hover,.part-pin.is-selected{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-accent-soft)}.part-pin:active:not(:disabled){transform:none}.part-labels[data-available=false]{visibility:hidden;pointer-events:none}.part-labels[data-available=false] button{pointer-events:none;visibility:hidden!important}.detail-panel{z-index:5;background:var(--color-surface);border:1px solid var(--color-rule);width:310px;box-shadow:0 12px 42px var(--color-shadow-soft);border-radius:20px;padding:24px;position:absolute;top:145px;bottom:186px;right:32px;overflow-y:auto}.panel-close{background:var(--color-paper-2);border-radius:50%;width:30px;height:30px;font-size:20px;line-height:1;position:absolute;top:12px;right:12px}.detail-panel h2{letter-spacing:-.035em;overflow-wrap:anywhere;margin:12px 20px 8px 0;font-size:23px;font-style:normal;font-weight:500}.detail-spec{color:var(--color-muted);font-size:11px;line-height:1.6}.detail-role{margin:20px 0;font-size:13px;line-height:1.8}.detail-panel dl{margin:0}.detail-panel dl>div{margin-top:20px}.detail-panel dt{color:var(--color-muted);margin-bottom:8px;font-size:11px}.detail-panel dd{margin:0;font-size:12px;line-height:1.8}.drill-button{background:var(--color-ink);width:100%;color:var(--color-paper);border-radius:24px;margin-top:24px;padding:13px 16px;font-weight:500}.drill-button:hover{background:var(--color-ink-2)}.leaf-note{color:var(--color-muted);margin-top:24px;font-size:11px;line-height:1.8}.part-id{font-family:var(--font-mono);color:var(--color-muted);margin-top:24px;font-size:9px;display:block}.bottom-controls{z-index:4;flex-direction:column;align-items:center;gap:16px;display:flex;position:absolute;bottom:26px;left:32px;right:32px}.part-chooser{scrollbar-width:thin;scrollbar-color:var(--color-rule) var(--color-transparent);justify-content:flex-start;gap:6px;max-width:100%;padding:5px;display:flex;overflow-x:auto}.part-chooser button{color:var(--color-muted);background:var(--color-transparent);border-radius:20px;flex-shrink:0;padding:8px 11px;font-size:11px}.part-chooser button:hover{color:var(--color-ink);background:var(--color-paper-3)}.part-chooser button[aria-pressed=true]{color:var(--color-accent);background:var(--color-accent-soft)}.control-dock{background:var(--color-surface);border:1px solid var(--color-rule);width:min(580px,100%);box-shadow:0 6px 28px var(--color-shadow-soft);border-radius:40px;align-items:center;gap:18px;padding:14px 20px;display:flex}.round-button{background:var(--color-paper-2);border-radius:50%;flex:0 0 34px;width:34px;height:34px;font-size:18px}.play-button{background:var(--color-transparent);flex-shrink:0;width:30px;padding:8px 0;font-size:12px}.scrubber-group{flex:1;min-width:0}.scrubber-meta{color:var(--color-muted);justify-content:space-between;margin-bottom:5px;font-size:10px;display:flex}#progressText{font-family:var(--font-mono);color:var(--color-ink);font-size:10px}.scrubber{appearance:none;background:var(--color-transparent);cursor:ew-resize;width:100%;height:16px;margin:0;display:block}.scrubber::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--color-ink) var(--progress,0%), var(--color-rule) var(--progress,0%));border-radius:2px;height:3px}.scrubber::-webkit-slider-thumb{-webkit-appearance:none;border:2px solid var(--color-surface);background:var(--color-ink);width:16px;height:16px;box-shadow:0 0 0 1px var(--color-rule);border-radius:50%;margin-top:-6.5px}.scrubber::-moz-range-track{background:var(--color-rule);height:3px}.scrubber::-moz-range-thumb{border:2px solid var(--color-surface);background:var(--color-ink);border-radius:50%;width:14px;height:14px}.scrubber:disabled{opacity:.3;cursor:wait}.dock-caption{color:var(--color-muted);text-align:center;gap:16px;margin:-4px 0 0;font-size:10px;line-height:1.5;display:flex}.dock-caption span:first-child{color:var(--color-ink)}.load-state{z-index:6;text-align:center;background:var(--color-paper);flex-direction:column;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0}.load-state h2{font-size:18px;font-weight:500}.load-state p{color:var(--color-muted);max-width:360px;font-size:12px;line-height:1.7}.load-state progress{width:180px;height:3px;accent-color:var(--color-ink);margin-top:12px}.load-state[data-state=error] progress{display:none}.load-state[data-state=error]{background:var(--color-transparent);justify-content:end}.fallback-image{object-fit:contain;width:100%;height:70%;position:absolute;top:0}.source-dialog{border:1px solid var(--color-rule);width:min(560px,100% - 32px);max-height:calc(100svh - 48px);color:var(--color-ink);background:var(--color-surface);border-radius:24px;padding:32px}.source-dialog::backdrop{background:var(--color-scrim)}.source-dialog h2{margin:0 0 20px;font-size:22px;font-weight:500}.source-dialog p,.source-dialog li{color:var(--color-muted);font-size:13px;line-height:1.85}.source-dialog ul{padding-left:18px}.source-dialog a{color:var(--color-accent);text-decoration:none}.source-dialog a:hover{text-decoration:underline}.source-dialog .quiet-button{background:var(--color-paper-2);margin-top:12px}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width>=1500px){.canvas-host{left:80px;right:80px}}@media (width<=900px){.topbar{inset:20px 20px auto}.scene-heading{left:24px}.architecture-controls{gap:10px;left:24px;right:24px}.route-boundary{display:none}.has-detail .canvas-host{right:308px}.detail-panel{width:276px;padding:20px;right:16px}.bottom-controls{left:20px;right:20px}}@media (width<=600px){.app-shell{min-height:740px}.topbar{gap:8px;inset:16px 16px auto}.wordmark{font-size:13px}.quiet-button{padding:8px 10px;font-size:10px}.architecture-controls{gap:8px;top:76px;left:16px;right:16px}.architecture-controls label{flex:1 1 0;display:block}.architecture-controls label>span{margin:0 0 5px 2px;display:block}.architecture-controls select{width:100%;max-width:none;padding-left:8px;padding-right:18px;font-size:11px}.scene-heading{max-width:calc(100% - 40px);top:157px;left:20px}h1{margin-top:8px;font-size:25px}.scene-spec{font-size:10px}.power-path{margin-top:6px;font-size:9px}.canvas-host,.has-detail .canvas-host{min-height:0;inset:275px 8px 182px}.has-detail .canvas-host{bottom:340px}.detail-panel{border-radius:16px;width:auto;height:150px;padding:14px 18px;inset:auto 16px 176px}.detail-panel h2{margin:0 24px 5px 0;font-size:19px}.detail-panel .detail-spec{display:none}.detail-role{margin:0 0 12px;padding-right:10px;font-size:11px;line-height:1.7}.detail-panel dl{margin-top:8px}.detail-panel dl>div{margin-top:12px}.detail-panel dt,.detail-panel dd{font-size:11px}.drill-button{width:auto;margin-top:0;margin-bottom:12px;padding:8px 14px;font-size:11px}.detail-top{flex-direction:column;display:flex}.detail-top .drill-button{order:3;align-self:flex-start}.bottom-controls{gap:12px;bottom:22px;left:16px;right:16px}.control-dock{gap:12px;padding:12px 14px}.round-button{flex-basis:30px;width:30px;height:30px}.dock-caption{flex-wrap:wrap;justify-content:center;gap:8px;font-size:9px}.part-pin{max-width:120px;padding:5px 7px;font-size:9px}.part-chooser{align-self:stretch}.part-chooser button{padding:7px 9px;font-size:10px}.source-dialog{padding:24px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:0s!important;animation-duration:0s!important}}