:root{--ink: #0b1b2b;--panel: #10243a;--line: #2e4a66;--line-faint: #1b3450;--paper: #dce8f2;--muted: #7f97ad;--accent: #6fb7ff;--display: "IBM Plex Sans Condensed", "Arial Narrow", sans-serif;--body: "IBM Plex Sans", system-ui, sans-serif;--mono: "IBM Plex Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{background:var(--ink);color:var(--paper);font-family:var(--body);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow:hidden}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app{display:grid;grid-template-rows:auto 1fr auto;height:100%}.masthead{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px 22px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#10243ae6,#0b1b2be6);z-index:10}.masthead-id{display:flex;align-items:center;gap:14px}.masthead-mark{width:34px;height:34px;border:1.5px solid var(--accent);border-radius:50%;position:relative;flex:none}.masthead-mark:before,.masthead-mark:after{content:"";position:absolute;background:var(--accent)}.masthead-mark:before{left:50%;top:-5px;bottom:-5px;width:1px;transform:translate(-50%)}.masthead-mark:after{top:50%;left:-5px;right:-5px;height:1px;transform:translateY(-50%)}.masthead h1{margin:0;font-family:var(--display);font-size:19px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.masthead-sub{margin:0;font-family:var(--mono);font-size:11px;color:var(--muted);letter-spacing:.04em}.toolbar{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.seg{display:flex;border:1px solid var(--line);border-radius:3px;overflow:hidden}.seg-btn{padding:8px 18px;font-family:var(--display);font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);transition:background-color .15s,color .15s}.seg-btn+.seg-btn{border-left:1px solid var(--line)}.seg-btn:hover{color:var(--paper)}.seg-btn.is-active{background:var(--accent);color:var(--ink)}.toolbar-toggles{display:flex;gap:8px}.ghost-btn{padding:7px 14px;border:1px solid var(--line);border-radius:3px;font-family:var(--mono);font-size:12px;letter-spacing:.05em;color:var(--muted);transition:border-color .15s,color .15s}.ghost-btn:hover{color:var(--paper);border-color:var(--muted)}.ghost-btn.is-active{color:var(--accent);border-color:var(--accent)}.viewer{position:relative;min-height:0}.viewer canvas{display:block}.part-tag-wrap{pointer-events:none}.part-tag{pointer-events:auto;display:inline-flex;align-items:center;gap:7px;padding:4px 10px 4px 7px;background:#0b1b2bd9;border:1px solid var(--line);border-radius:2px;font-family:var(--mono);font-size:11px;letter-spacing:.04em;color:var(--paper);white-space:nowrap;transition:border-color .15s,background-color .15s}.part-tag:hover{border-color:var(--accent)}.part-tag.is-selected{border-color:var(--accent);background:#2e7cc240}.part-tag-dot{width:7px;height:7px;border-radius:50%;background:var(--designation, var(--muted));flex:none}.deck{display:flex;align-items:center;gap:28px;padding:14px 22px 16px;border-top:1px solid var(--line);background:linear-gradient(0deg,#10243af2,#0b1b2beb);z-index:10;flex-wrap:wrap}.deck-label{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.deck-unit{display:flex;flex-direction:column;gap:2px}.deck-value{font-family:var(--display);font-size:16px;font-weight:600;letter-spacing:.05em}.explode{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:14px;flex:1;min-width:320px}.explode-scale{position:relative;padding-top:10px}.explode-ticks{position:absolute;top:0;left:8px;right:8px;display:flex;justify-content:space-between;pointer-events:none}.tick{width:1px;height:6px;background:var(--line)}.tick.major{height:10px;background:var(--muted)}.explode input[type=range],.section-control input[type=range]{width:100%;appearance:none;-webkit-appearance:none;height:2px;background:var(--line);border-radius:0;outline-offset:6px}.explode input[type=range]::-webkit-slider-thumb,.section-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:22px;background:var(--accent);border:1px solid var(--ink);border-radius:2px;cursor:ew-resize}.explode input[type=range]::-moz-range-thumb,.section-control input[type=range]::-moz-range-thumb{width:10px;height:22px;background:var(--accent);border:1px solid var(--ink);border-radius:2px;cursor:ew-resize}.explode-readout{font-family:var(--mono);font-size:15px;color:var(--accent);min-width:52px;text-align:right;font-variant-numeric:tabular-nums}.explode-presets{display:flex;gap:6px}.explode-presets button{padding:5px 10px;border:1px solid var(--line);border-radius:3px;font-family:var(--mono);font-size:11px;color:var(--muted);transition:color .15s,border-color .15s}.explode-presets button:hover{color:var(--paper);border-color:var(--muted)}.section-control{display:flex;align-items:center;gap:10px;min-width:200px}.part-panel{position:fixed;top:86px;right:22px;width:min(340px,calc(100vw - 44px));background:#10243af5;border:1px solid var(--line);border-radius:4px;padding:18px 20px 20px;z-index:20;box-shadow:0 12px 40px #02081080}.part-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}.part-panel-eyebrow{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.part-panel h2{margin:2px 0 0;font-family:var(--display);font-size:22px;font-weight:600;letter-spacing:.03em}.icon-btn{font-size:20px;line-height:1;color:var(--muted);padding:2px 6px}.icon-btn:hover{color:var(--paper)}.designation{display:inline-flex;align-items:center;gap:7px;padding:4px 10px;border:1px solid color-mix(in srgb,var(--designation) 55%,transparent);border-radius:999px;font-family:var(--mono);font-size:11px;letter-spacing:.05em;color:var(--designation)}.designation-dot{width:7px;height:7px;border-radius:50%;background:var(--designation)}.part-panel-copy{margin:14px 0 16px;font-size:13.5px;color:var(--paper);opacity:.9}.part-panel-actions{display:flex;gap:8px}@media(max-width:720px){.masthead{flex-direction:column;align-items:flex-start;gap:12px}.deck{gap:16px}.explode{min-width:100%}.part-panel{top:auto;bottom:96px;right:12px}}@media(prefers-reduced-motion:reduce){*{transition-duration:.01ms!important}}