/* Workshop only. Never import in PWA runtime. */
*{box-sizing:border-box}body{margin:0;background:var(--mp-ui-bg);color:var(--mp-ui-ink);font:15px/1.5 var(--mp-ui-font-body)}button,select{font:inherit}a{color:var(--mp-ui-green)}
.kit-head{display:flex;align-items:center;gap:22px;border-bottom:1px solid var(--mp-ui-stroke);background:var(--mp-ui-surface);padding:20px 28px}.kit-head>div{margin-right:auto}.kit-head strong{display:block;font:700 24px var(--mp-ui-font-display)}.kit-head span{font-size:12px;color:var(--mp-ui-muted)}.kit-head a{display:flex;align-items:center;min-height:44px;font-size:12px;text-decoration:none}
.kit-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:48px;max-width:1180px;margin:auto;padding:32px}.kit-menu h1{font:700 30px/1.1 var(--mp-ui-font-display);letter-spacing:-.03em;margin:0 0 16px}.kit-menu p,.kit-note{color:var(--mp-ui-muted);font-size:13px;line-height:1.5}.kit-menu label{display:block;font-size:12px;margin:16px 0 6px;font-weight:600}.kit-menu select{width:100%;height:44px;padding:8px 12px;border:1px solid var(--mp-ui-control-stroke);border-radius:12px;color:var(--mp-ui-ink);background:var(--mp-ui-surface)}#kitLinks{display:grid;gap:3px;margin-top:24px}#kitLinks a{padding:9px 12px;min-height:44px;border-radius:12px;font-size:13px;text-decoration:none}#kitLinks a[aria-current=page]{background:var(--mp-ui-mint);font-weight:700}
.kit-main{min-width:0}.kit-title{display:flex;align-items:end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:24px}.kit-title h2{font:700 28px/1.15 var(--mp-ui-font-display);margin:6px 0 0}.kit-kicker{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--mp-ui-muted)}.kit-title code{font-size:11px;color:var(--mp-ui-muted);max-width:100%;overflow-wrap:anywhere}.kit-preview{box-sizing:content-box;width:min(calc(100% - 2px),var(--preview-width,390px));margin:auto;border:1px solid var(--mp-ui-stroke);border-radius:28px;overflow:hidden;background:var(--mp-ui-bg);box-shadow:0 14px 40px rgb(44 59 37 / 7%)}#componentPreview{padding:20px 18px;min-height:280px;height:auto}.kit-note,.kit-status{max-width:560px;margin:20px auto}.kit-status{min-height:24px;font-size:12px;color:var(--mp-ui-green)}
.kit-stack{display:grid;gap:14px}.kit-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.kit-label{font-size:11px;letter-spacing:.05em;color:var(--mp-ui-muted);text-transform:uppercase;margin:10px 0 0}.kit-icon-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.kit-icon-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:76px;padding:8px 2px;border:1px solid var(--mp-ui-stroke);background:var(--mp-ui-surface);border-radius:14px}.kit-icon-cell code{font-size:9px}.kit-swatches{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.kit-swatch{padding:12px;border:1px solid var(--mp-ui-stroke);border-radius:16px;font-size:11px}.kit-swatch>span{display:block;height:54px;border:1px solid var(--mp-ui-stroke);border-radius:10px;margin-bottom:8px}.kit-swatch code{display:block;font-size:10px}.kit-space{height:12px;background:var(--mp-ui-green);border-radius:3px}.kit-spec-row{display:grid;grid-template-columns:50px 1fr;align-items:center;gap:12px;font-size:12px}.kit-photo{width:100%;height:auto;display:block;border-radius:16px}.kit-heading{font:700 30px/1.1 var(--mp-ui-font-display);margin:0}.kit-panel{padding:16px;border-radius:18px;background:var(--mp-ui-surface);border:1px solid var(--mp-ui-stroke)}
@media(max-width:760px){.kit-head{padding:12px 16px;gap:12px;flex-wrap:wrap}.kit-head>div{width:100%}.kit-layout{display:block;padding:20px 12px}.kit-menu p{margin-bottom:12px}.kit-menu{margin-bottom:24px}#kitLinks{display:none}.kit-title{padding:0 6px}.kit-preview{border-radius:20px}.kit-head a{font-size:11px}}
@media(max-width:350px){#componentPreview{padding:18px 12px}.kit-layout{padding:16px 8px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}