/* Kit studio: one stage, one equipment selection, one primary action. */
.kit-dialog{--width:680px}
.kit-dialog .dialog-head{margin-bottom:10px}
.kit-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 0 14px;font-size:.75rem;color:var(--muted)}
.kit-heading>span{display:flex;align-items:center;gap:6px}.kit-heading .sport-icon{width:17px;height:17px}.kit-heading>b{font-weight:550;text-align:right}
.kit-stage{position:relative;height:370px;border-radius:22px;overflow:hidden;background:radial-gradient(ellipse at 50% 35%,#244672,#101f38 70%);isolation:isolate}
.kit-stage canvas{position:absolute;inset:0;display:block;width:100%;height:100%;z-index:1;cursor:grab;touch-action:none;outline-offset:-4px}
.kit-stage canvas:active{cursor:grabbing}.kit-stage canvas:focus-visible{outline:3px solid #b3d6ff}
.kit-watermark{position:absolute;top:22px;left:22px;font-size:8rem;letter-spacing:-.08em;line-height:1;color:#ffffff05;font-weight:800;pointer-events:none}
.kit-stage-label{position:absolute;left:18px;top:18px;z-index:2;color:#afc7e7;font-size:.625rem;letter-spacing:.14em;font-weight:600;pointer-events:none}
.kit-gesture-hint{position:absolute;left:16px;right:16px;bottom:14px;color:#bed1eb;text-align:left;font-size:.6875rem;z-index:2;pointer-events:none}
.kit-view-tools{display:flex;flex-direction:column;justify-content:center;gap:2px;position:absolute;bottom:14px;right:12px;border:1px solid #ffffff20;background:#0b1b31dd;border-radius:16px;padding:3px;z-index:3;backdrop-filter:blur(10px)}
.kit-view-tools>.iconbtn{background:transparent;border:0;color:#d5e6fd;width:40px;height:40px}.kit-view-tools .icon{width:17px;height:17px}
.kit-inventory-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0 6px}.kit-inventory-heading h3{font-size:1rem}.kit-inventory-heading h3>span{font-size:.75rem;color:var(--muted);margin-left:5px;font-weight:500}
.kit-inventory-heading .text-btn{display:flex;align-items:center;gap:6px;min-height:44px;font-size:.75rem;color:var(--muted)}.kit-inventory-heading .text-btn[aria-pressed=true]{color:var(--accent)}.kit-inventory-heading .icon{width:16px;height:16px}
.kit-parts{display:flex;gap:8px;overflow:auto;padding:2px 2px 6px;scrollbar-width:none;scroll-snap-type:x proximity}
.kit-parts>button{flex:1 0 100px;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:14px 8px 12px;background:#f1f4f8;border:1px solid transparent;border-radius:16px;scroll-snap-align:start;transition:background .18s,border-color .18s}
.kit-parts>button[aria-pressed=true]{background:#e8f1ff;border-color:#81b7fc}.kit-parts>button>span:nth-child(2){font-size:.75rem;color:var(--muted)}
.kit-category-icon{display:grid;place-items:center;color:#6b7d95;width:36px;height:30px}.kit-parts>button[aria-pressed=true] .kit-category-icon{color:var(--accent)}.kit-category-icon .icon{width:26px;height:26px}
.gear-brand-mark{display:block;width:60px;height:20px;object-fit:contain;filter:brightness(0);mix-blend-mode:multiply}.gear-brand-word{font-size:.75rem;font-weight:700;letter-spacing:-.02em}
.kit-product{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 2px 13px}.kit-product>div{min-width:0}.kit-product h3{font-size:1.125rem;font-weight:650;letter-spacing:-.035em;margin-top:8px}.kit-product .gear-brand-mark{width:75px;height:20px;object-position:left center}
.kit-store{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:#ecf3ff;color:var(--accent);flex:none}.kit-store .icon{width:20px;height:20px}
.kit-actions{display:flex;align-items:center;gap:10px}.kit-actions>.primary{flex:1}.kit-actions>.icon-btn{min-width:48px;height:48px}
.kit-caption{font-size:.625rem;color:var(--muted);text-align:center;margin-top:12px;line-height:1.6}
.kit-fallback{position:absolute;inset:0;z-index:2;background:#10243d}.kit-fallback>img{width:100%;height:100%;object-fit:cover}.kit-fallback>span{position:absolute;bottom:20px;left:12px;right:12px;color:white;text-align:center;font-size:.75rem;background:#10243dcc;padding:9px;border-radius:10px}
.kit-stage.is-fallback canvas,.kit-stage.is-fallback .kit-view-tools,.kit-stage.is-fallback .kit-stage-label{visibility:hidden}
.gear-strip-marks{display:flex;align-items:center;gap:10px}.gear-strip-marks .gear-brand-mark{width:38px;height:17px}.gear-strip-marks .gear-brand-word{font-size:.6875rem}.gear-strip-marks .gear-brand-mark[alt="Jordan"]{width:21px}
@media(max-width:650px){.kit-stage{height:clamp(260px,38svh,350px);border-radius:20px}.kit-dialog::part(body){padding-inline:16px}.kit-dialog .sheet-handle{margin-inline:-16px}.kit-dialog .dialog-head{margin-bottom:8px}.kit-heading{padding-bottom:12px}.kit-parts>button{flex-basis:92px}.kit-view-tools>.iconbtn{width:40px;height:40px}.kit-product{padding-top:12px}}
@media(prefers-reduced-motion:reduce){.kit-parts>button{transition:none}}