*{margin:0;padding:0;box-sizing:border-box}:root{--color-blue: #2baaff;--color-light-blue: #4ff;--color-dark-blue: rgba(43,91,255,.14);--bg: #0F1115;--text: #EBECE8}html,body{height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:IBM Plex Sans,system-ui,sans-serif}button{font-family:inherit}:focus-visible{outline:2px solid var(--color-blue);outline-offset:2px;border-radius:2px}body{display:flex;flex-direction:column}#kit-header{display:flex;align-items:center;gap:clamp(16px,3vw,40px);padding:18px clamp(20px,4vw,44px);border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0}#kit-logo{font-size:1.05rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#fff;text-decoration:none;flex-shrink:0}.kit-header-text{flex:1;min-width:0}.kit-eyebrow{font-size:.7rem;font-family:IBM Plex Mono,monospace;letter-spacing:.22em;font-weight:700;text-transform:uppercase;color:var(--color-blue);margin-bottom:4px}.kit-header-text h1{font-size:clamp(1.1rem,2.2vw,1.5rem);font-weight:700;letter-spacing:-.01em;margin-bottom:2px}.kit-header-text p{font-size:.85rem;color:#ebece8a6;max-width:62ch;line-height:1.5;display:none}#kit-back-link{flex-shrink:0;font-size:.8rem;font-family:IBM Plex Mono,monospace;color:#ebece8b3;text-decoration:none;border:1px solid rgba(255,255,255,.14);border-radius:20px;padding:8px 16px;transition:border-color .2s,color .2s;white-space:nowrap}#kit-back-link:hover{border-color:var(--color-blue);color:#fff}@media(min-width:760px){.kit-header-text p{display:block}}#kit-stage{position:relative;flex:1;min-height:0}#kit-viewport{position:absolute;top:0;right:0;bottom:0;left:0;overflow:auto;display:flex;align-items:flex-start;cursor:grab;background:radial-gradient(ellipse 900px 500px at 20% 0%,rgba(43,91,255,.07),transparent 60%),var(--bg)}#kit-viewport.dragging{cursor:grabbing}#kit-tier-labels{position:sticky;left:0;top:0;flex-shrink:0;width:88px;z-index:5;background:linear-gradient(90deg,var(--bg) 78%,transparent)}.kit-tier-label{position:absolute;left:0;width:100%;display:flex;align-items:center;padding-left:20px;font-family:IBM Plex Mono,monospace;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:#ebece866}#kit-canvas{position:relative;flex-shrink:0}#kit-edges{position:absolute;top:0;left:0;pointer-events:none}.kit-edge{fill:none;stroke-width:1.6;opacity:.4;transition:opacity .25s}.kit-edge-dim{opacity:.06}.kit-node{--cat-color: rgba(235,236,232,.5);position:absolute;display:flex;align-items:center;gap:9px;padding:10px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.12);border-left:3px solid var(--cat-color);background:#ffffff09;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--text);text-align:left;font-size:.78rem;font-weight:600;line-height:1.25;cursor:pointer;transition:transform .15s,border-color .2s,background .2s,opacity .25s;z-index:2}.kit-node.kit-leaf{background:color-mix(in srgb,var(--cat-color) 10%,rgba(255,255,255,.03));font-weight:500}.kit-node:hover{transform:translateY(-2px);border-color:var(--cat-color)}.kit-node.selected{border-color:var(--cat-color);background:color-mix(in srgb,var(--cat-color) 22%,rgba(255,255,255,.05));box-shadow:0 0 0 1px var(--cat-color),0 8px 24px -8px var(--cat-color)}.kit-node.kit-node-dim{opacity:.16}.kit-node-icon{flex-shrink:0;width:18px;height:18px;color:var(--cat-color)}.kit-node-icon svg{width:100%;height:100%;display:block}.kit-node-thumb{width:22px;height:22px;border-radius:5px;overflow:hidden}.kit-node-thumb img{width:100%;height:100%;object-fit:cover;display:block}.kit-node-label{flex:1}#kit-toolbar{position:absolute;top:16px;right:16px;z-index:20;display:flex;gap:8px;align-items:center}#kit-view-switch{display:flex;border:1px solid rgba(255,255,255,.14);border-radius:20px;overflow:hidden;background:#0f1115bf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.kit-view-btn{padding:8px 15px;border:none;background:none;color:#ebece8b3;font-size:.75rem;font-family:IBM Plex Mono,monospace;letter-spacing:.04em;cursor:pointer;transition:background .15s,color .15s}.kit-view-btn:hover{background:#ffffff14;color:#fff}.kit-view-btn.active{background:var(--color-dark-blue);color:#fff}.kit-zoom-group{display:flex;border:1px solid rgba(255,255,255,.14);border-radius:20px;overflow:hidden;background:#0f1115bf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.kit-zoom-group button{border:none;background:none;color:var(--text);width:36px;height:34px;cursor:pointer;font-size:1rem}.kit-zoom-group button:hover{background:#ffffff14}#kit-zoom-reset{width:auto;padding:0 10px;font-size:.7rem;font-family:IBM Plex Mono,monospace}#kit-legend{position:absolute;left:16px;bottom:16px;z-index:20;display:flex;flex-direction:column;gap:4px;padding:10px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#0f1115cc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);max-width:220px;max-height:min(320px,50vh);overflow-y:auto}.kit-legend-item{--cat-color: #fff;display:flex;align-items:center;gap:8px;border:none;background:none;color:#ebece8bf;font-size:.72rem;padding:4px 6px;border-radius:6px;cursor:pointer;text-align:left;transition:background .15s,color .15s}.kit-legend-item:hover{background:#ffffff0f;color:#fff}.kit-legend-item.active{background:color-mix(in srgb,var(--cat-color) 20%,transparent);color:#fff}.kit-legend-dot{flex-shrink:0;width:9px;height:9px;border-radius:50%;background:var(--cat-color);box-shadow:0 0 6px var(--cat-color)}#kit-detail{position:absolute;top:0;right:0;bottom:0;z-index:30;width:min(380px,88vw);padding:26px 24px;background:#0c0e12eb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-left:1px solid rgba(255,255,255,.1);transform:translate(100%);transition:transform .3s ease;overflow-y:auto}#kit-detail.open{transform:translate(0)}.kit-detail-close{position:absolute;top:18px;right:18px;width:28px;height:28px;border-radius:50%;border:1px solid rgba(255,255,255,.16);background:none;color:var(--text);cursor:pointer}.kit-detail-close:hover{border-color:var(--color-blue)}.kit-crumbs{font-family:IBM Plex Mono,monospace;font-size:.68rem;color:#ebece873;margin-bottom:16px;padding-right:30px;line-height:1.6}.kit-crumb.current{color:#ebece8cc}.kit-crumb-sep{margin:0 5px}.kit-detail-gallery{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}.kit-detail-image{display:block;width:100%;max-height:220px;object-fit:cover;border-radius:10px}.kit-detail-pill{--cat-color: #fff;display:inline-block;font-size:.64rem;font-family:IBM Plex Mono,monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--cat-color);border:1px solid var(--cat-color);border-radius:4px;padding:3px 9px;margin-bottom:14px;background:color-mix(in srgb,var(--cat-color) 12%,transparent)}.kit-detail-title{font-size:1.3rem;font-weight:700;letter-spacing:-.01em;line-height:1.25;margin-bottom:12px}.kit-detail-desc{font-size:.92rem;line-height:1.65;color:#ebece8c7;margin-bottom:22px}.kit-detail-section-label{font-size:.68rem;font-family:IBM Plex Mono,monospace;letter-spacing:.14em;text-transform:uppercase;color:#ebece866;margin-bottom:10px}.kit-chip-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}.kit-chip{border:1px solid rgba(255,255,255,.16);background:#ffffff0a;color:var(--text);border-radius:16px;padding:6px 13px;font-size:.76rem;cursor:pointer;transition:border-color .2s}.kit-chip:hover{border-color:var(--color-blue)}.kit-chip-parent{color:#ebece899;font-family:IBM Plex Mono,monospace;font-size:.72rem}#kit-list-view{display:none;position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;padding:24px clamp(20px,4vw,60px) 100px}#kit-stage.kit-list-mode #kit-viewport,#kit-stage.kit-list-mode #kit-legend{display:none}#kit-stage.kit-list-mode #kit-list-view{display:block}#kit-stage.kit-list-mode .kit-zoom-group{display:none}#kit-overview-view{display:none;position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;padding:24px clamp(20px,4vw,60px) 100px}#kit-stage.kit-overview-mode #kit-viewport,#kit-stage.kit-overview-mode #kit-legend{display:none}#kit-stage.kit-overview-mode #kit-overview-view{display:block}#kit-stage.kit-overview-mode .kit-zoom-group{display:none}.kit-ov-hero{display:flex;gap:18px;width:100%;max-width:1400px;margin:0 auto 28px;padding:0;border:none;background:none;cursor:pointer}.kit-ov-hero-photo,.kit-ov-hero-diagram{flex:1 1 320px;height:320px;border-radius:12px;border:1px solid rgba(255,255,255,.1);transition:border-color .2s}.kit-ov-hero-photo{object-fit:cover}.kit-ov-hero-diagram{object-fit:contain;background:#fff;padding:10px;box-sizing:border-box}.kit-ov-hero:hover .kit-ov-hero-photo,.kit-ov-hero:hover .kit-ov-hero-diagram{border-color:var(--color-blue)}.kit-ov-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:18px;max-width:1400px;margin:0 auto}.kit-ov-card{--cat-color: #fff;border:1px solid rgba(255,255,255,.1);border-top:3px solid var(--cat-color);border-radius:12px;background:color-mix(in srgb,var(--cat-color) 7%,rgba(255,255,255,.02));padding:18px}.kit-ov-card-head{display:flex;align-items:center;gap:10px;width:100%;border:none;background:none;color:var(--text);padding:0;margin-bottom:8px;cursor:pointer;text-align:left}.kit-ov-card-head:hover .kit-ov-card-title{color:var(--cat-color)}.kit-ov-card-icon{flex-shrink:0;width:20px;height:20px;color:var(--cat-color)}.kit-ov-card-icon svg{width:100%;height:100%;display:block}.kit-ov-card-title{font-size:1.02rem;font-weight:700;transition:color .15s}.kit-ov-card-desc{font-size:.82rem;color:#ebece89e;line-height:1.55;margin-bottom:14px}.kit-ov-card-body{display:flex;flex-direction:column;gap:6px}.kit-ov-subgroup{margin:4px 0}.kit-ov-subhead{display:block;width:100%;text-align:left;border:none;background:none;color:#ebece8d1;font-size:.8rem;font-weight:600;padding:5px 0;cursor:pointer}.kit-ov-subhead:hover{color:var(--cat-color)}.kit-ov-subrows{display:flex;flex-direction:column;gap:4px;padding-left:12px;margin:2px 0 6px;border-left:1px solid rgba(255,255,255,.08)}.kit-ov-row{display:flex;align-items:center;gap:10px;width:100%;text-align:left;border:none;background:#ffffff09;color:#ebece8d9;font-size:.8rem;padding:7px 10px;border-radius:6px;cursor:pointer;transition:background .15s,color .15s}.kit-ov-thumb{flex-shrink:0;width:34px;height:34px;object-fit:cover;border-radius:6px}.kit-ov-row:hover{background:color-mix(in srgb,var(--cat-color) 20%,rgba(255,255,255,.05));color:#fff}.kit-list-root,.kit-list-root ul{list-style:none}.kit-list-root{max-width:720px;margin:0 auto}.kit-list-root ul{margin:6px 0 14px 22px;padding-left:16px;border-left:1px solid rgba(255,255,255,.1)}.kit-list-root li{margin-bottom:6px}.kit-list-root summary{cursor:pointer;padding:8px 10px;border-radius:8px;font-weight:600;font-size:.92rem;display:flex;align-items:center;gap:9px;list-style:none}.kit-list-root summary:hover{background:#ffffff0d}.kit-list-root summary::-webkit-details-marker{display:none}.kit-list-root summary:before{content:"";flex-shrink:0;width:7px;height:7px;border-right:1.5px solid rgba(235,236,232,.5);border-bottom:1.5px solid rgba(235,236,232,.5);transform:rotate(-45deg);transition:transform .15s}.kit-list-root details[open]>summary:before{transform:rotate(45deg)}.kit-list-leaf{display:flex;align-items:center;gap:9px;width:100%;border:none;background:none;color:#ebece8d1;font-size:.88rem;text-align:left;padding:7px 10px;border-radius:8px;cursor:pointer}.kit-list-leaf:hover{background:#ffffff0d;color:#fff}.kit-list-dot{flex-shrink:0;width:8px;height:8px;border-radius:50%;background:var(--cat-color);box-shadow:0 0 6px var(--cat-color)}.kit-list-thumb{flex-shrink:0;width:30px;height:30px;object-fit:cover;border-radius:6px}@media(max-width:640px){#kit-header{padding:14px 16px;gap:12px}#kit-back-link{padding:7px 12px;font-size:.72rem}#kit-legend{max-width:150px;max-height:40vh;padding:8px}.kit-legend-item{font-size:.68rem;padding:3px 5px}#kit-detail{width:100%}.kit-ov-hero{flex-direction:column}.kit-ov-hero-photo,.kit-ov-hero-diagram{height:200px}}@media(prefers-reduced-motion:reduce){.kit-node,#kit-detail,.kit-edge{transition:none}}