:root{--studio-bg: #8d8d8b;--ink-primary: #1c1c1e;--ink-secondary: #363639;--ink-muted: #4b4b4f;--surface-popover: #e5e3de;--surface-chip: #d7d4ce;--surface-chip-active: #202022;--ink-on-dark: #f3f2ef;--hairline: rgba(28, 28, 30, .16);--focus-ring: #18181a;--font-display: "Plus Jakarta Sans", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-in-out-quart: cubic-bezier(.76, 0, .24, 1);--ease-spring-snappy: cubic-bezier(.22, 1, .36, 1)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background-color:var(--studio-bg);color:var(--ink-primary);font-family:var(--font-sans);font-size:13px;line-height:1.4;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;user-select:none;-webkit-user-select:none}.viewport-shell{position:relative;width:100vw;height:100vh;height:100dvh;overflow:hidden;background-color:var(--studio-bg)}.canvas-stage{position:absolute;inset:0;width:100%;height:100%;z-index:1}.canvas-stage canvas{display:block;width:100%;height:100%;touch-action:none;outline:none}.studio-grain{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:.032;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:180px 180px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}button{font-family:inherit;font-size:12px;font-weight:500;letter-spacing:.02em;color:var(--ink-primary);background:transparent;border:none;padding:0;cursor:pointer;white-space:nowrap;touch-action:manipulation}button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px;border-radius:3px}.is-hidden,[hidden]{display:none!important}.hud-stagger-1,.hud-stagger-2,.hud-stagger-3{opacity:0;transform:translateY(-10px);transition:opacity .58s var(--ease-out-expo),transform .58s var(--ease-out-expo)}.hud-stagger-4,.hud-stagger-5,.hud-stagger-6{opacity:0;transform:translateY(10px);transition:opacity .58s var(--ease-out-expo),transform .58s var(--ease-out-expo)}body.is-entered .hud-stagger-1{opacity:1;transform:translateY(0);transition-delay:80ms}body.is-entered .hud-stagger-2{opacity:1;transform:translateY(0);transition-delay:.14s}body.is-entered .hud-stagger-3{opacity:1;transform:translateY(0);transition-delay:.2s}body.is-entered .hud-stagger-4{opacity:1;transform:translateY(0);transition-delay:.18s}body.is-entered .hud-stagger-5{opacity:1;transform:translateY(0);transition-delay:.24s}body.is-entered .hud-stagger-6{opacity:1;transform:translateY(0);transition-delay:.3s}.callout-layer{position:absolute;inset:0;z-index:6;pointer-events:none;overflow:hidden}.callout-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.callout-pin-stem{fill:none;stroke:#1c1c1e57;stroke-width:1;stroke-dasharray:2.5 2.5}.callout-pin-dot{fill:var(--ink-primary)}.callout-leader-path{fill:none;stroke:#18181ac7;stroke-width:1.15;stroke-linecap:round;stroke-linejoin:round}@keyframes reticleSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.callout-reticle-ring{fill:#e5e3de29;stroke:var(--ink-primary);stroke-width:1.15;stroke-dasharray:4.2 2.4;animation:reticleSpin 16s linear infinite}.callout-reticle-dot{fill:var(--ink-primary)}.callout-pins{position:absolute;inset:0;pointer-events:none}.callout-pin{position:absolute;top:0;left:0;pointer-events:auto;display:inline-flex;align-items:center;gap:6px;padding:3px 8px 3px 5px;border-radius:3px;background-color:#e7e5e0e0;border:1px solid rgba(28,28,30,.22);box-shadow:0 3px 10px #00000014;will-change:transform,opacity;transition:background-color .15s ease,color .15s ease,border-color .15s ease}.callout-pin:hover,.callout-pin.is-active{background-color:var(--surface-chip-active);color:var(--ink-on-dark);border-color:var(--surface-chip-active)}.callout-pin-idx{font-family:var(--font-mono);font-size:9.5px;font-weight:500;letter-spacing:.04em;padding:1px 4px;border-radius:2px;background-color:#1c1c1e1a;color:inherit}.callout-pin:hover .callout-pin-idx,.callout-pin.is-active .callout-pin-idx{background-color:#f3f2ef29}.callout-pin-label{font-family:var(--font-mono);font-size:9.5px;font-weight:500;letter-spacing:.08em;color:inherit}.callout-hover-tag{position:absolute;top:0;left:0;pointer-events:none;display:inline-flex;flex-direction:column;gap:1px;padding:4px 9px;border-radius:3px;background-color:#1c1c1ef0;color:var(--ink-on-dark);box-shadow:0 6px 18px #00000029;will-change:transform}.callout-hover-tag[data-align=right]{align-items:flex-end;text-align:right}.hover-tag-code{font-family:var(--font-mono);font-size:9px;font-weight:500;letter-spacing:.08em;color:#f3f2efa3}.hover-tag-name{font-size:11px;font-weight:500;letter-spacing:.01em;color:#f6f5f2;white-space:nowrap}.hud-header{position:absolute;top:0;left:0;right:0;z-index:10;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:20px 28px;pointer-events:none}.brand-lockup,.mode-segmented,.utility-actions{pointer-events:auto}.brand-lockup{display:inline-flex;align-items:baseline;gap:7px;justify-self:start}.brand-title{font-family:var(--font-display);font-size:13px;font-weight:600;letter-spacing:.14em;color:var(--ink-primary)}.brand-sep{font-family:var(--font-mono);font-size:10.5px;color:#1c1c1e5c}.brand-sub{font-family:var(--font-mono);font-size:11px;font-weight:400;letter-spacing:.06em;color:var(--ink-secondary)}.mode-segmented{position:relative;justify-self:center;display:inline-grid;grid-template-columns:repeat(2,1fr);align-items:center;padding:2px;border-radius:999px;border:1px solid rgba(28,28,30,.22);background-color:#dedcd775}.seg-thumb{position:absolute;top:2px;bottom:2px;left:2px;width:calc(50% - 2px);border-radius:999px;background-color:var(--surface-chip-active);box-shadow:0 2px 6px #00000024;transition:transform .2s ease;pointer-events:none}.viewport-shell[data-mode=play] .seg-thumb{transform:translate(100%)}.seg-btn{position:relative;z-index:1;min-width:68px;text-align:center;padding:5px 14px;border-radius:999px;font-size:12px;font-weight:500;letter-spacing:.02em;color:var(--ink-secondary);transition:color .2s ease}.seg-btn:hover{color:var(--ink-primary)}.seg-btn.is-selected{color:var(--ink-on-dark)}.utility-actions{justify-self:end;display:inline-flex;align-items:center;gap:18px}.text-action{padding:4px 2px;font-size:12px;font-weight:500;color:var(--ink-primary);border-bottom:1px solid transparent;transition:border-color .14s ease,opacity .14s ease}.text-action:hover{border-bottom-color:#1c1c1e7a}.display-toggle,.sound-toggle{display:inline-flex;align-items:center;gap:6px}.display-swatch{width:7px;height:7px;border-radius:50%;border:1px solid rgba(28,28,30,.42);background:linear-gradient(135deg,#232426 50%,#a8aaa5 50%);transition:transform .2s var(--ease-spring-snappy),border-color .18s ease}.display-toggle[aria-pressed=true] .display-swatch{border-color:#1c1c1e8f;background:conic-gradient(from 15deg,#c84238 0deg 120deg,#4c9e62 120deg 240deg,#4672a8 240deg 360deg);transform:rotate(35deg) scale(1.06)}.sound-dot{width:5px;height:5px;border-radius:50%;background-color:var(--ink-primary);transition:transform .18s ease,opacity .18s ease,background-color .18s ease}.sound-toggle[aria-pressed=false] .sound-dot{opacity:.28;transform:scale(.75)}.hud-footer{position:absolute;bottom:0;left:0;right:0;z-index:10;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:18px 28px;pointer-events:none;transition:opacity .22s ease}.footer-left,.explode-controls,.footer-right{display:inline-flex;align-items:center;pointer-events:auto}.footer-left{gap:12px;justify-self:start}.footer-right{gap:14px;justify-self:end}.angle-switcher{display:inline-flex;align-items:center;gap:1px;padding:2px;border-radius:999px;border:1px solid rgba(28,28,30,.18);background-color:#dedcd76b}.angle-btn{padding:3.5px 9px;border-radius:999px;font-size:11px;font-weight:500;letter-spacing:.02em;color:var(--ink-secondary);transition:background-color .18s var(--ease-out-expo),color .18s ease}.angle-btn:hover{color:var(--ink-primary)}.angle-btn.is-active{background-color:var(--surface-chip-active);color:var(--ink-on-dark)}.context-caption{font-size:11.5px;letter-spacing:.02em;color:var(--ink-secondary)}.explode-controls{justify-self:center;gap:10px;padding:4px 11px 4px 5px;border-radius:999px;border:1px solid rgba(28,28,30,.22);background-color:#dedcd780;transition:opacity .18s ease}.explode-toggle{padding:4px 11px;border-radius:999px;font-size:11.5px;font-weight:500;letter-spacing:.02em;color:var(--ink-primary);background-color:#eeece7db;border:1px solid rgba(28,28,30,.15);transition:background-color .16s ease,color .16s ease,border-color .16s ease}.explode-toggle:hover{background-color:#f0eee9}.explode-toggle.is-exploded{background-color:var(--surface-chip-active);color:var(--ink-on-dark);border-color:var(--surface-chip-active)}.vernier-track-wrap{--explode-pct: 0%;position:relative;width:126px;height:20px;display:flex;align-items:center}.vernier-ticks{position:absolute;left:5px;right:5px;top:50%;transform:translateY(-50%);display:flex;justify-content:space-between;align-items:center;pointer-events:none}.vernier-ticks span{width:1px;height:4px;background-color:#1c1c1e38}.vernier-ticks span.is-major{height:8px;background-color:#1c1c1e5c}.vernier-fill{position:absolute;left:5px;top:50%;height:2px;width:calc((100% - 10px) * var(--explode-ratio, 0));transform:translateY(-50%);background-color:var(--ink-primary);border-radius:2px;pointer-events:none}.explode-slider{position:relative;z-index:2;-webkit-appearance:none;appearance:none;width:100%;height:20px;margin:0;background:transparent;cursor:pointer;touch-action:none}.explode-slider:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;border-radius:4px}.explode-slider::-webkit-slider-runnable-track{height:2px;border-radius:2px;background:#1c1c1e33}.explode-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:11px;height:11px;margin-top:-4.5px;border-radius:50%;background:var(--ink-primary);border:1.5px solid #ebe9e4;box-shadow:0 1px 4px #00000038;transition:transform .12s var(--ease-out-expo)}.explode-slider::-webkit-slider-thumb:hover{transform:scale(1.18)}.explode-slider::-moz-range-track{height:2px;border-radius:2px;background:#1c1c1e33}.explode-slider::-moz-range-thumb{width:11px;height:11px;border-radius:50%;background:var(--ink-primary);border:1.5px solid #ebe9e4}.explode-readout{font-family:var(--font-mono);min-width:34px;text-align:right;font-size:10.5px;font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:.03em;color:var(--ink-primary)}.part-inspector{position:absolute;bottom:64px;left:50%;transform:translate(-50%) translateY(0);z-index:14;display:inline-flex;align-items:center;gap:16px;max-width:calc(100vw - 32px);padding:8px 10px 8px 14px;border-radius:5px;background-color:var(--surface-popover);border:1px solid rgba(28,28,30,.22);box-shadow:0 8px 24px #00000021;pointer-events:auto;animation:cardRise .24s var(--ease-out-expo)}@keyframes cardRise{0%{opacity:0;transform:translate(-50%) translateY(8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.part-inspector-meta{display:flex;flex-direction:column;gap:2px}.part-meta-top{display:flex;align-items:center;gap:8px}.part-code{font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.06em;padding:1px 5px;border-radius:2px;background-color:#1c1c1e17;color:var(--ink-primary)}.part-group{font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted)}.part-meta-bottom{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px}.part-title{font-family:var(--font-display);font-size:12.5px;font-weight:600;color:var(--ink-primary)}.part-detail{font-size:11.5px;color:var(--ink-secondary)}.part-inspector-actions{display:inline-flex;align-items:center;gap:6px}.part-stepper{display:inline-flex;align-items:center;border-radius:4px;overflow:hidden;border:1px solid rgba(28,28,30,.16);background-color:var(--surface-chip)}.part-step-btn{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;line-height:1;color:var(--ink-primary);transition:background-color .12s ease}.part-step-btn+.part-step-btn{border-left:1px solid rgba(28,28,30,.14)}.part-step-btn:hover{background-color:#c8c5be}.part-clear-btn{height:24px;padding:0 9px;border-radius:4px;font-size:11px;font-weight:500;background-color:var(--surface-chip-active);color:var(--ink-on-dark);transition:opacity .12s ease}.part-clear-btn:hover{opacity:.88}.viewport-shell:not([data-mode=explore]) .angle-switcher,.viewport-shell:not([data-mode=explore]) .context-caption,.viewport-shell:not([data-mode=explore]) .brand-sub,.viewport-shell:not([data-mode=explore]) .brand-sep,.viewport-shell:not([data-mode=explore]) .explode-controls,.viewport-shell:not([data-mode=explore]) .part-inspector,.viewport-shell:not([data-mode=explore]) .callout-layer{opacity:0;pointer-events:none}.hud-toast{position:absolute;top:64px;left:50%;transform:translate(-50%) translateY(-4px);z-index:15;padding:5px 12px;border-radius:4px;background-color:var(--surface-chip-active);color:var(--ink-on-dark);font-family:var(--font-mono);font-size:11px;letter-spacing:.03em;opacity:0;pointer-events:none;transition:opacity .18s ease,transform .22s var(--ease-out-expo)}.hud-toast.is-visible{opacity:1;transform:translate(-50%) translateY(0)}.controls-popover{position:absolute;top:62px;right:28px;z-index:25;width:298px;padding:16px 18px;border-radius:6px;background-color:var(--surface-popover);border:1px solid rgba(28,28,30,.2);box-shadow:0 12px 30px #00000026;color:var(--ink-primary);animation:popoverFade .18s var(--ease-out-expo)}@keyframes popoverFade{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.popover-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.popover-title{margin:0;font-family:var(--font-display);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.keymap-list{margin:0;display:flex;flex-direction:column;gap:7px}.keymap-row{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font-size:11.5px}.keymap-row dt{color:var(--ink-secondary);font-weight:400}.keymap-row dd{margin:0;font-family:var(--font-mono);font-size:10.5px;font-weight:500;color:var(--ink-primary);text-align:right}.popover-divider{height:1px;background-color:var(--hairline);margin:13px 0}.hardware-equivalents{display:flex;flex-wrap:wrap;gap:6px}.hw-chip{padding:5px 9px;border-radius:4px;background-color:var(--surface-chip);border:1px solid rgba(28,28,30,.15);font-size:11px;font-weight:500;color:var(--ink-primary)}.hw-chip:hover{background-color:#cbc8c1}.accessible-pad{position:absolute;bottom:64px;left:50%;transform:translate(-50%);z-index:20;display:flex;align-items:center;gap:18px;padding:10px 14px;border-radius:8px;background-color:var(--surface-popover);border:1px solid rgba(28,28,30,.2);box-shadow:0 8px 22px #0000001f}.pad-dpad{display:grid;grid-template-columns:repeat(3,28px);grid-template-rows:repeat(3,26px);gap:2px}.pad-up{grid-column:2;grid-row:1}.pad-left{grid-column:1;grid-row:2}.pad-right{grid-column:3;grid-row:2}.pad-down{grid-column:2;grid-row:3}.pad-btn,.pad-pill{display:inline-flex;align-items:center;justify-content:center;background-color:var(--surface-chip);border:1px solid rgba(28,28,30,.18);border-radius:4px;font-size:11px;font-weight:600;color:var(--ink-primary)}.pad-btn{width:28px;height:26px}.pad-actions{display:flex;gap:8px}.pad-actions .pad-btn{width:34px;height:34px;border-radius:50%}.pad-meta{display:flex;flex-direction:column;gap:5px}.pad-pill{padding:4px 8px;font-size:10.5px}.pad-btn.is-active,.pad-pill.is-active{background-color:var(--surface-chip-active);color:var(--ink-on-dark)}.loading-veil{--load-p: 0;--cad-g1: 0;--cad-g2: 0;--cad-g3: 0;--cad-g4: 0;--scan-y: 0px;--scan-opacity: 0;position:absolute;inset:0;z-index:30;overflow:hidden}.loading-veil.is-ready{pointer-events:none}.loading-veil.is-gone{visibility:hidden}.veil-blade{position:absolute;left:0;right:0;z-index:1;background-color:#151517;background-image:linear-gradient(to right,rgba(236,234,228,.026) 1px,transparent 1px),linear-gradient(to bottom,rgba(236,234,228,.026) 1px,transparent 1px);background-size:48px 48px;will-change:transform;transition:transform .84s var(--ease-in-out-quart)}.veil-blade-top{top:0;height:50.25%;transform:translateZ(0)}.veil-blade-bottom{bottom:0;height:50.25%;transform:translateZ(0)}.loading-veil.is-ready .veil-blade-top{transform:translate3d(0,-101%,0)}.loading-veil.is-ready .veil-blade-bottom{transform:translate3d(0,101%,0)}.veil-seam{position:absolute;left:0;right:0;top:50%;height:1px;z-index:2;background-color:#f2f0ea85;transform:scaleX(0);transform-origin:center;transition:transform .22s var(--ease-out-expo),opacity .32s ease}.loading-veil.is-locked .veil-seam{transform:scaleX(1)}.loading-veil.is-ready .veil-seam{opacity:0}.veil-stage{position:relative;z-index:3;width:100%;height:100%;display:grid;grid-template-rows:auto 1fr auto;padding:24px 32px;color:#eceae4;will-change:opacity,transform;transition:opacity .36s var(--ease-out-expo),transform .52s var(--ease-out-expo)}.loading-veil.is-ready .veil-stage{opacity:0;transform:scale(1.032)}.veil-topbar{display:flex;align-items:baseline;justify-content:space-between;gap:16px}.veil-brand{display:inline-flex;align-items:baseline;gap:8px}.veil-brand-mark{font-family:var(--font-display);font-size:13px;font-weight:600;letter-spacing:.14em;color:#f4f2ed}.veil-sep{font-family:var(--font-mono);font-size:10.5px;color:#eceae452}.veil-sub{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.08em;color:#eceae49e}.veil-telemetry{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;color:#eceae48a}.veil-centerpiece{display:flex;align-items:center;justify-content:center;min-height:0}.veil-viewfinder{position:relative;padding:20px 26px;transition:padding .26s var(--ease-out-expo)}.loading-veil.is-locked .veil-viewfinder{padding:13px 18px}.vf-corner{position:absolute;width:11px;height:11px;border-color:#eceae475;border-style:solid;transition:border-color .2s ease}.loading-veil.is-locked .vf-corner{border-color:#f4f2ed}.vf-tl{top:0;left:0;border-width:1px 0 0 1px}.vf-tr{top:0;right:0;border-width:1px 1px 0 0}.vf-bl{bottom:0;left:0;border-width:0 0 1px 1px}.vf-br{bottom:0;right:0;border-width:0 1px 1px 0}.veil-cad-svg{height:min(49vh,384px);width:auto;display:block;overflow:visible}.cad-stroke rect,.cad-stroke path,.cad-stroke circle,.cad-stroke line{stroke:#eceae4;stroke-width:1.15;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1}.cad-stroke .cad-thin{stroke:#eceae494;stroke-width:.85}.cad-stroke .cad-dim{stroke:#eceae457;stroke-width:.72}.cad-g1 *{stroke-dashoffset:calc(1 - var(--cad-g1, 0))}.cad-g2 *{stroke-dashoffset:calc(1 - var(--cad-g2, 0))}.cad-g3 *{stroke-dashoffset:calc(1 - var(--cad-g3, 0))}.cad-g4 *{stroke-dashoffset:calc(1 - var(--cad-g4, 0))}.cad-scanline{stroke:#f4f2edc7;stroke-width:.95;transform:translateY(var(--scan-y, 0px));opacity:var(--scan-opacity, 0)}.cad-scan-glow{fill:#f4f2ed11;transform:translateY(calc(var(--scan-y, 0px) - 16px));opacity:var(--scan-opacity, 0)}.cad-labels text{font-family:var(--font-mono);font-size:5.8px;letter-spacing:.12em;fill:#eceae475;opacity:var(--cad-g2, 0)}.cad-labels .cad-silk{font-family:var(--font-display);font-size:6.2px;font-weight:600;letter-spacing:.1em;fill:#f4f2edc7;opacity:var(--cad-g3, 0)}.cad-labels .cad-lcd-readout{font-family:var(--font-mono);font-size:6.4px;font-weight:500;letter-spacing:.12em;fill:#f4f2edc2;opacity:var(--cad-g2, 0)}.veil-bottombar{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.veil-diagnostics{display:flex;flex-direction:column;gap:10px;width:min(440px,60vw)}.veil-phases{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.veil-phase{font-family:var(--font-mono);font-size:9.5px;font-weight:500;letter-spacing:.08em;color:#eceae44d;transition:color .18s ease}.veil-phase.is-done{color:#eceae494}.veil-phase.is-active{color:#f4f2ed}.loading-bar-track{width:100%;height:1.5px;background-color:#eceae426;overflow:hidden}.loading-bar-fill{width:100%;height:100%;background-color:#f4f2ed;transform-origin:left center;transform:scaleX(var(--load-p, 0))}.loading-label{font-family:var(--font-mono);font-size:10px;font-weight:400;letter-spacing:.1em;color:#eceae49e}.veil-counter-wrap{display:inline-flex;align-items:flex-start;line-height:1}.loading-pct{font-family:var(--font-display);font-size:clamp(46px,6.2vw,78px);font-weight:500;line-height:.88;letter-spacing:-.04em;font-variant-numeric:tabular-nums;color:#f4f2ed}.loading-pct-unit{font-family:var(--font-mono);font-size:clamp(12px,1.3vw,16px);font-weight:400;color:#eceae47a;margin-left:5px;margin-top:4px}@media(max-width:780px){.hud-header{padding:14px 16px}.brand-sub,.brand-sep{display:none}.seg-btn{min-width:58px;padding:5px 11px;font-size:11.5px}.utility-actions{gap:10px}.utility-actions .text-action{font-size:11px}.hud-footer{grid-template-columns:1fr auto;grid-template-rows:auto auto;row-gap:8px;padding:12px 16px}.explode-controls{grid-column:1 / -1;grid-row:1;justify-self:center}.footer-left{grid-column:1;grid-row:2}.footer-right{grid-column:2;grid-row:2}.vernier-track-wrap{width:112px}.context-caption{font-size:10.5px}.part-inspector{bottom:94px;padding:7px 10px;gap:10px}.part-detail{display:none}.controls-popover{top:52px;right:16px;left:16px;width:auto}.veil-stage{padding:18px 20px}.veil-sub{display:none}.veil-cad-svg{height:min(42vh,290px)}.veil-diagnostics{width:min(260px,62vw);gap:8px}.veil-phases{gap:8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media(max-width:560px){.hud-header{grid-template-columns:1fr auto;row-gap:7px}.mode-segmented{justify-self:end}.utility-actions{grid-column:1 / -1;grid-row:2}.controls-popover{top:86px}.footer-right{grid-column:1 / -1;grid-row:3}.viewport-shell:not([data-mode=explore]) .footer-right{grid-row:2}}