.substitution-board_app__FElVI{--sb-accent:#22c55e;--sb-accent-ink:#04120a;--sb-panel:#0f172a;--sb-preview:#0b1220;--sb-field:#1e293b;--sb-border:#334155;--sb-border-soft:#1e293b;--sb-text:#e2e8f0;--sb-muted:#64748b;max-width:1080px;margin:0 auto;border:1px solid var(--sb-border-soft);border-radius:16px;overflow:hidden;background:var(--sb-panel);color:var(--sb-text);font-family:inherit;box-shadow:0 20px 60px -25px rgba(0,0,0,.6)}.substitution-board_appBar__qcRg0{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-bottom:1px solid var(--sb-border-soft);background:var(--sb-panel)}.substitution-board_brand__zsPuI{display:flex;align-items:center;gap:10px;min-width:0}.substitution-board_brandLogo__7dbKh{width:26px;height:26px;border-radius:7px;background:var(--sb-accent);color:var(--sb-accent-ink);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;flex:none}.substitution-board_brandTitle__R78nF{font-size:14px;font-weight:700;color:#f8fafc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.substitution-board_downloadBtn__0_UQx{background:var(--sb-accent);color:var(--sb-accent-ink);border:none;border-radius:8px;padding:8px 16px;font-size:12.5px;font-weight:700;cursor:pointer;white-space:nowrap;flex:none;transition:background .15s,transform .15s}.substitution-board_downloadBtn__0_UQx:hover{background:#16a34a;transform:translateY(-1px)}.substitution-board_appBody__Vywgj{display:flex;align-items:stretch}.substitution-board_formPanel__sP9Qn{width:312px;flex:none;border-right:1px solid var(--sb-border-soft);background:var(--sb-panel);padding:16px;display:flex;flex-direction:column;gap:18px;box-sizing:border-box;max-height:720px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.25) transparent}.substitution-board_formSection__3W7sw{display:flex;flex-direction:column}.substitution-board_formSectionLabel__Cew6P{font-size:10px;font-weight:700;letter-spacing:.1em;color:var(--sb-muted);margin-bottom:8px;text-transform:uppercase}.substitution-board_swatchGrid__CR3GR{display:grid;grid-template-columns:repeat(4,1fr);gap:10px 8px}.substitution-board_swatch__4_4_P{background:none;border:none;padding:0;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:3px}.substitution-board_swatchArt__dKIWu{position:relative;width:52px;height:52px;box-sizing:border-box}.substitution-board_swatchRing__wvLF7{position:absolute;inset:-3px;border:2px solid var(--sb-accent);border-radius:10px;pointer-events:none}.substitution-board_swatchLabel__6xKwJ{font-size:9px;color:#94a3b8}.substitution-board_swatch__4_4_P:hover .substitution-board_swatchLabel__6xKwJ{color:var(--sb-text)}.substitution-board_matchRow__et0qS{display:flex;gap:8px}.substitution-board_compChip__JIyQY{flex:1 1;display:flex;align-items:center;gap:6px;background:var(--sb-field);border:1px solid var(--sb-border);border-radius:8px;padding:5px 9px;min-width:0}.substitution-board_compLogoBtn__gt80O{width:18px;height:18px;flex:none;border:none;background:none;padding:0;cursor:pointer;color:var(--sb-muted);display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:4px}.substitution-board_compLogoBtn__gt80O:hover{color:var(--sb-accent)}.substitution-board_compLogoImg__tn_gP{width:100%;height:100%;object-fit:contain}.substitution-board_compInput__URT_1{flex:1 1;min-width:0;background:transparent;border:none;font-size:12px;color:var(--sb-text);padding:0}.substitution-board_dateInput__TSLcw{width:92px;flex:none;background:var(--sb-field);border:1px solid var(--sb-border);border-radius:8px;padding:6px 9px;font-size:12px;color:var(--sb-text);box-sizing:border-box}.substitution-board_teamRow__ps4Hw{display:flex;gap:6px;align-items:center;margin-top:8px}.substitution-board_teamInput__OWHKY{flex:1 1;min-width:0;background:var(--sb-field);border:1px solid var(--sb-border);border-radius:8px;padding:6px 8px;font-size:12px;color:var(--sb-text)}.substitution-board_compChip__JIyQY:focus-within,.substitution-board_dateInput__TSLcw:focus,.substitution-board_teamInput__OWHKY:focus{border-color:var(--sb-accent);outline:none}.substitution-board_vs___XkND{font-size:10px;color:var(--sb-muted);flex:none}.substitution-board_clubColorRow__h7Wun{display:flex;align-items:center;gap:.5rem;margin-top:8px}.substitution-board_bgLabel__sk3C7{font-size:11px;color:var(--sb-muted);font-weight:600}.substitution-board_colorPicker__2HaMh{width:26px;height:26px;border:1px solid var(--sb-border);border-radius:6px;padding:1px;cursor:pointer;background:transparent}.substitution-board_subsList__FW4st{display:flex;flex-direction:column;gap:8px}.substitution-board_subItem__fIAA1{background:var(--sb-field);border:1px solid var(--sb-border);border-radius:10px;padding:8px 9px}.substitution-board_subRowIn___Wfor,.substitution-board_subRow__S00oP{display:flex;align-items:center;gap:7px}.substitution-board_subRowIn___Wfor{margin-top:6px;padding-left:41px}.substitution-board_subMinute__FWd_f{width:34px;flex:none;background:var(--sb-panel);border:1px solid var(--sb-border);border-radius:7px;padding:4px 0;font-size:12px;font-weight:700;color:var(--sb-accent);text-align:center;font-family:var(--font-geist-mono,monospace);box-sizing:border-box}.substitution-board_subPhoto__5itdR{width:24px;height:24px;flex:none;border-radius:50%;overflow:hidden;background:var(--sb-panel);cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center}.substitution-board_subPhotoOut__xixhP{border:1.5px solid #f87171}.substitution-board_subPhotoIn__u_iU_{border:1.5px solid #4ade80}.substitution-board_subPhotoImg__Ma9O9{width:100%;height:100%;object-fit:cover}.substitution-board_subPhotoIcon__xOEK4{font-size:11px;color:var(--sb-muted);line-height:1}.substitution-board_subName__cjDtc{flex:1 1;min-width:0;background:var(--sb-panel);border:1px solid var(--sb-border);border-radius:7px;padding:4px 6px;font-size:11.5px}.substitution-board_subNameOut__qVTSk{color:#fca5a5}.substitution-board_subNameIn__zYZba{color:#86efac}.substitution-board_subName__cjDtc::placeholder{color:#475569}.substitution-board_subNum__sQb7v{width:30px;flex:none;background:var(--sb-panel);border:1px solid var(--sb-border);border-radius:7px;padding:4px 0;font-size:11px;text-align:center;color:var(--sb-text);box-sizing:border-box}.substitution-board_subMinute__FWd_f:focus,.substitution-board_subName__cjDtc:focus,.substitution-board_subNum__sQb7v:focus{border-color:var(--sb-accent);outline:none}.substitution-board_subRemove__ol11S{cursor:pointer;color:var(--sb-muted);font-size:13px;flex:none;padding:0 2px}.substitution-board_subRemove__ol11S:hover{color:#ef4444}.substitution-board_subRemoveSpacer__4jlZn{width:17px;flex:none}.substitution-board_addSubBtn__lI__S{cursor:pointer;border:1.5px dashed var(--sb-border);border-radius:10px;padding:9px;text-align:center;font-size:12px;color:var(--sb-muted);background:transparent;transition:all .15s}.substitution-board_addSubBtn__lI__S:hover{border-color:var(--sb-accent);color:var(--sb-accent)}.substitution-board_previewPane__U2H9V{flex:1 1;min-width:0;background:var(--sb-preview);display:flex;flex-direction:column;align-items:center;padding:20px;gap:14px;box-sizing:border-box}.substitution-board_previewBar__jAQHz{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%}.substitution-board_sizePills__ORPZP{display:flex;gap:8px}.substitution-board_sizePill__ModFZ{border:1px solid var(--sb-border);background:transparent;color:#94a3b8;font-size:11.5px;font-weight:600;padding:5px 16px;border-radius:999px;cursor:pointer;transition:all .15s}.substitution-board_sizePill__ModFZ:hover{border-color:rgba(148,163,184,.6);color:var(--sb-text)}.substitution-board_sizePillActive__EUEXd{background:var(--sb-accent);color:var(--sb-accent-ink);border-color:var(--sb-accent);font-weight:700}.substitution-board_previewStage__ajor3{flex:1 1;display:flex;align-items:center;justify-content:center;min-height:0;width:100%}.substitution-board_previewCanvas__meiNH{border-radius:14px;box-shadow:0 14px 40px rgba(0,0,0,.5);display:block}@media (max-width:860px){.substitution-board_appBody__Vywgj{flex-direction:column}.substitution-board_formPanel__sP9Qn{width:100%;max-height:none;border-right:none;border-bottom:1px solid var(--sb-border-soft)}.substitution-board_previewPane__U2H9V{padding:24px 16px}}