body{background:#111}.app{max-width:1180px;margin:0 auto;padding:18px 18px 190px}.workspace{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:36px;margin-top:20px;display:grid}.segmented{--count:4;border:1px solid var(--line);border-radius:999px;grid-template-columns:repeat(4,1fr);height:54px;padding:4px;display:grid;position:relative;overflow:hidden}.segmented__indicator{width:calc(25% - 2px);transform:translate3d(calc(var(--index)*100%),0,0);will-change:transform;background:#fff;border-radius:999px;transition:transform .18s cubic-bezier(.2,.8,.2,1);position:absolute;top:4px;bottom:4px;left:4px}.segmented__button{z-index:1;color:var(--muted);background:0 0;border:0;font-weight:700}.segmented__button[aria-selected=true]{color:#111}.preview{border-radius:var(--radius);background:#fff;place-items:center;min-height:650px;display:grid;position:relative;overflow:hidden}.preview__product{object-fit:contain;width:100%;height:100%;transform:scale(var(--product-scale));transform-origin:50%}.preview__art{transform:translate(-50%,-50%) scale(var(--fit-scale));color:#282828;font-weight:700;position:absolute;top:31%;left:50%}.preview__art--front_left_chest{font-size:.8rem;top:31%;left:43%}.preview__art--cap_front{font-size:2rem;top:43%}.preview__art--bag_front{top:43%}.preview__word{white-space:nowrap;font-size:clamp(18px,2.2vw,36px)}.chips{gap:8px;display:flex;position:absolute;bottom:14px;left:14px;right:14px;overflow:auto}.chip{color:#fff;white-space:nowrap;background:#111;border:1px solid #333;border-radius:12px;padding:10px 18px;font-weight:700}.options{flex-direction:column;display:flex}.section{border-bottom:1px solid var(--line);padding:28px 0}.section:last-child{border-bottom:0}.section h2{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 18px;font-size:14px}.section--inline{justify-content:space-between;align-items:center;display:flex}.choiceRow,.choiceGrid{flex-wrap:wrap;gap:10px;display:flex}.choiceGrid{grid-template-columns:repeat(4,1fr);display:grid}.choice{border:1px solid var(--line);background:0 0;border-radius:12px;padding:12px 16px;font-weight:700}.choice[aria-pressed=true]{color:#111;background:#fff;border-color:#fff}.modeOptions{min-height:86px}.modeOptions__content{color:var(--muted);flex-direction:column;gap:6px;display:flex}.modeOptions__content span:first-child{color:#fff;font-weight:700}.switch input{display:none}.switch span{background:#666;border-radius:999px;width:52px;height:30px;padding:3px;display:block}.switch span:before{content:"";background:#fff;border-radius:50%;width:24px;height:24px;transition:transform .18s;display:block}.switch input:checked+span{background:#fff}.switch input:checked+span:before{background:#111;transform:translate(22px)}.swatches{gap:16px;display:flex}.swatch{border:2px solid #0000;border-radius:50%;width:46px;height:46px}.swatch[aria-pressed=true]{outline-offset:3px;outline:2px solid #fff}.swatch--white{background:#fff}.swatch--black{background:#090909}.swatch--grey{background:#999}.swatch--navy{background:#0b235f}.checkoutBar{z-index:20;border:1px solid var(--line);background:#151515;border-radius:24px;width:min(720px,100vw - 24px);padding:14px;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}.wordInput{border:1px solid var(--line);border-radius:16px;align-items:center;padding:4px 8px;display:flex}.wordInput input{color:#fff;background:0 0;border:0;outline:0;flex:1;padding:14px;font-size:22px;font-weight:700}.wordInput input::placeholder{color:#ffffff73}.iconButton,.backButton{border:1px solid var(--line);background:0 0;border-radius:14px}.iconButton{width:46px;height:46px}.checkoutBar__row{grid-template-columns:64px 1fr;gap:10px;margin-top:10px;display:grid}.primaryButton{border:1px solid var(--line);color:#111;background:#fff;border-radius:14px;justify-content:center;align-items:center;gap:12px;padding:14px 18px;font-weight:700;display:flex}.primaryButton strong{margin-left:auto}.errorBanner{background:var(--red);color:#fff;z-index:100;border-radius:12px;padding:12px 18px;position:fixed;top:16px;left:50%;transform:translate(-50%)}@media (width<=760px){.app{padding:12px 12px 190px}.workspace{flex-direction:column;gap:18px;display:flex}.preview{min-height:520px}.choiceGrid{grid-template-columns:repeat(4,1fr)}.section{padding:24px 0}.checkoutBar{bottom:12px}.wordInput input{font-size:20px}.preview__art--cap_front{top:41%}}:root{--bg:#111;--surface:#111;--text:#fff;--muted:#ffffff94;--line:#ffffff29;--blue:#1d9bf0;--red:#f0442a;--radius:18px;--space:8px;--font:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}html,body,#root{background:var(--bg);min-height:100%;color:var(--text);font-family:var(--font);margin:0}button,input{font:inherit}button{color:inherit}