:root{--ink:#171717;--paper:#f2efe8;--acid:#dfef0f;--line:#cbc6ba;--muted:#746f66}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans JP",sans-serif}.topbar{height:72px;border-bottom:1px solid var(--ink);display:flex;align-items:center;padding:0 4vw;gap:20px;letter-spacing:.12em;font-size:11px}.brand{font:800 28px/1 "Barlow Condensed",sans-serif;color:var(--ink);text-decoration:none;border:2px solid;padding:5px 9px}.step-pill{margin-left:auto;background:var(--ink);color:white;padding:9px 15px}.step-pill b{color:var(--acid);margin-right:8px}.studio{min-height:calc(100vh - 132px);display:grid;grid-template-columns:minmax(420px,1.05fr) minmax(440px,.95fr)}.preview-panel{padding:24px 5vw 30px;border-right:1px solid var(--ink)}.preview-heading{display:flex;justify-content:space-between;align-items:center;font:700 12px/1 "Barlow Condensed",sans-serif;letter-spacing:.18em}.preview-heading span{color:var(--muted);border:1px solid var(--line);padding:6px 9px}.shirt-stage{height:min(68vh,670px);position:relative;display:grid;place-items:center;background:repeating-linear-gradient(90deg,transparent 0,transparent 39px,rgba(0,0,0,.035) 40px),repeating-linear-gradient(0deg,transparent 0,transparent 39px,rgba(0,0,0,.035) 40px)}.shirt{width:min(90%,630px);filter:drop-shadow(0 28px 20px rgba(37,31,23,.15))}.print-zone{position:absolute;width:28%;aspect-ratio:1;top:33%;display:grid;place-items:center;border:1px dashed rgba(0,0,0,.28);overflow:hidden}.print-zone span{text-align:center;font:700 11px/1.5 "Barlow Condensed";letter-spacing:.12em;color:#9a958c}.print-zone img{width:100%;height:100%;object-fit:contain}.zone-label{position:absolute;bottom:8%;font:700 10px "Barlow Condensed";letter-spacing:.15em}.shirt-colors{display:flex;gap:9px;align-items:center}.shirt-colors span{font:700 10px "Barlow Condensed";letter-spacing:.15em;margin-left:6px}.swatch{width:25px;height:25px;border:1px solid #aaa;border-radius:50%;background:#f7f6f2}.swatch.dark{background:#171717}.swatch.navy{background:#1f304d}.swatch.active{outline:2px solid var(--acid);outline-offset:3px}.control-panel{padding:50px clamp(34px,6vw,90px);overflow:auto}.eyebrow{color:var(--acid);font:800 13px "Barlow Condensed";letter-spacing:.2em;margin:0 0 10px}.control-panel h1{font-size:clamp(34px,4vw,62px);line-height:1.05;margin:0;letter-spacing:-.04em}.lead{color:var(--muted);line-height:1.8;margin:20px 0 30px;max-width:620px}label,legend{font-weight:700;font-size:13px}textarea{width:100%;height:118px;margin-top:10px;padding:16px;border:1px solid var(--ink);border-radius:0;background:#faf8f3;font:500 15px/1.7 inherit;resize:vertical}textarea:focus{outline:3px solid rgba(255,77,46,.25);border-color:var(--acid)}.counter{text-align:right;color:var(--muted);font-size:10px;margin-top:5px}fieldset{border:0;padding:0;margin:24px 0}.styles{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:10px}.styles input{position:absolute;opacity:0}.styles span{display:block;border:1px solid var(--line);padding:12px 5px;text-align:center;font:700 11px "Barlow Condensed";cursor:pointer}.styles input:checked+span{border-color:var(--ink);background:var(--ink);color:#fff}.generate,.cart{width:100%;border:0;padding:18px 20px;display:flex;justify-content:space-between;background:var(--acid);color:white;font-weight:900;cursor:pointer}.generate:disabled{opacity:.55;cursor:wait}.status{min-height:22px;color:var(--muted);font-size:11px}.results{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:18px}.design-option{padding:0;border:2px solid transparent;background:#e7e2d8;aspect-ratio:1;cursor:pointer}.design-option img{width:100%;height:100%;object-fit:contain}.design-option.selected{border-color:var(--acid)}.cart{margin-top:18px;background:var(--ink);justify-content:center}.cart:disabled{opacity:.35;cursor:not-allowed}footer{height:60px;background:var(--ink);color:white;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;font:700 18px "Barlow Condensed";letter-spacing:.12em}footer small{color:#969696;font-size:9px}@media(max-width:900px){.studio{grid-template-columns:1fr}.preview-panel{border-right:0;border-bottom:1px solid var(--ink)}.shirt-stage{height:520px}.control-panel{padding:38px 24px}.styles{grid-template-columns:repeat(2,1fr)}footer small{display:none}}@media(max-width:520px){.topbar>span{display:none}.preview-panel{padding:18px}.shirt-stage{height:400px}.results{grid-template-columns:repeat(2,1fr)}}