@font-face{font-family:Luckiest Guy;src:url(/fonts/shirts/luckiestguy.woff2)format("woff2");font-display:swap}@font-face{font-family:Pacifico;src:url(/fonts/shirts/pacifico.woff2)format("woff2");font-display:swap}@font-face{font-family:Bungee;src:url(/fonts/shirts/bungee.woff2)format("woff2");font-display:swap}@font-face{font-family:Creepster;src:url(/fonts/creepster-latin-400.woff2)format("woff2");font-display:swap}.sd{padding-block:clamp(28px,5vw,56px) 24px}.sd__head{max-width:760px;margin-bottom:22px}.sd__head h1{font-family:var(--serif);margin:6px 0 10px;font-size:clamp(34px,5vw,52px);font-weight:400}.sd__sub{color:var(--muted);font-size:17px;line-height:1.55}.sd__party{background:var(--blush);border-left:3px solid #b08d57;padding:8px 12px}.sd__grid{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:start;gap:clamp(18px,3vw,40px);display:grid}.sd__stage-col{position:sticky;top:90px}.sd__sides{border:1px solid var(--line);border-radius:999px;margin-bottom:10px;padding:3px;display:inline-flex}.sd__sides button{font:600 14px var(--sans);color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:7px 18px}.sd__sides button[aria-selected=true]{background:var(--ink);color:var(--ground)}.sd__stage{aspect-ratio:600/700;background:var(--blush);border-radius:18px;width:100%;position:relative;overflow:hidden}.sd__shirt{width:100%;height:100%;position:absolute;inset:0}.sd__area{aspect-ratio:11/14;outline-offset:0;outline:1.5px dashed #7878808c;width:43.333%;position:absolute;top:22%;left:28.333%}.sd__area canvas,.sd__area .canvas-container{inset:0;width:100%!important;height:100%!important;position:absolute!important}.sd__area-label{text-align:center;font:11px var(--sans);color:var(--muted);letter-spacing:.04em;pointer-events:none;position:absolute;bottom:-22px;left:0;right:0}.sd__loading{text-align:center;color:var(--muted);font-size:14px;position:absolute;inset:auto 0 12px}.sd__fine,.sd__hint{color:var(--muted);margin:8px 0;font-size:13px;line-height:1.5}.sd__preview-name{margin:26px 0 0;font-size:14px}.sd__preview-name select{margin-left:6px}.sd__box{border:1px solid var(--line);background:var(--card);border-radius:14px;margin-bottom:14px;padding:16px 18px}.sd__box h2{font:600 16px var(--sans);margin:0 0 10px}.sd__starters,.sd__add,.sd__tools{flex-wrap:wrap;gap:8px;display:flex}.sd__add{margin:6px 0}.sd__chip{border:1px solid var(--ink);color:var(--ink);font:600 14px var(--sans);cursor:pointer;background:0 0;border-radius:999px;padding:8px 14px}.sd__chip--ghost{border-color:var(--line)}.sd__upload{cursor:pointer}.sd__graphics{grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:8px;margin-top:10px;display:grid}.sd__graphic{border:1px solid var(--line);cursor:pointer;aspect-ratio:1;background:#fff;border-radius:10px;padding:4px}.sd__graphic img{object-fit:contain;width:100%;height:100%}.sd__edit{border-color:var(--ink)}.sd__edit label,.sd__box label{margin:6px 0;font-size:14px;display:block}.sd__wide input,.sd__wide textarea,.sd__edit select,.sd__grid2 input{width:100%;margin-top:4px;display:block}.sd__check{align-items:center;gap:6px;display:inline-flex!important}.sd__colors{flex-wrap:wrap;align-items:center;gap:6px;margin:10px 0;display:flex}.sd__lbl{margin-right:4px;font-size:14px}.sd__sw{background:var(--c);cursor:pointer;border:1px solid #00000040;border-radius:50%;width:30px;height:30px;padding:0;position:relative;overflow:hidden;margin:0!important}.sd__sw--custom{background:conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.sd__sw--custom input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.sd__del{color:#a12a2a}.sd__shirtcolors{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:8px;display:grid}.sd__sc{text-align:center;cursor:pointer;margin:0!important}.sd__sc input{opacity:0;position:absolute}.sd__sc span{background:var(--c);border:1px solid #0003;border-radius:10px;height:34px;display:block}.sd__sc input:checked+span{outline:3px solid var(--ink);outline-offset:2px}.sd__sc input:focus-visible+span{outline-offset:2px;outline:3px solid #5b9bd5}.sd__sc small{color:var(--muted);font-size:12px}.sd__roster{gap:6px;margin:0;padding:0;list-style:none;display:grid}.sd input:not([type=radio]):not([type=checkbox]):not([type=color]):not([type=file]),.sd select,.sd textarea{font:16px var(--sans);color:var(--ink);background:var(--ground);border:1px solid var(--line);box-sizing:border-box;border-radius:10px;min-height:42px;padding:9px 11px}.sd__roster li{grid-template-columns:22px minmax(0,1.2fr) minmax(0,1fr) 40px;align-items:center;gap:6px;display:grid}.sd__roster .n{color:var(--muted);text-align:right;font-size:13px}.sd__roster input,.sd__roster select{width:100%}.sd__roster button{border:1px solid var(--line);cursor:pointer;height:42px;color:var(--ink);background:0 0;border-radius:8px}.sd__total{margin:10px 0 0;font-size:16px}.sd__save{width:100%}.sd__status{min-height:1.4em;margin:8px 0;font-size:14px}.sd__next{gap:8px;display:grid}.sd__send{border:1px solid var(--ink);background:var(--card);border-radius:14px;max-width:760px;margin:18px 0 0 auto;padding:20px}.sd__send h2{font-family:var(--serif);margin:0 0 12px;font-weight:400}.sd__grid2{grid-template-columns:1fr 1fr;gap:6px 14px;display:grid}.sd-info{max-width:860px;padding-block:28px 56px}.sd-info h2{font-family:var(--serif);margin:22px 0 10px;font-size:28px;font-weight:400}.sd-info__steps{padding-left:20px;line-height:1.6}.sd-info__q{border-bottom:1px solid var(--line);padding:10px 0}.sd-info__q summary{cursor:pointer;font-weight:600}@media (width<=860px){.sd__grid{grid-template-columns:1fr}.sd__stage-col{position:static}.sd__stage{max-width:520px;margin-inline:auto}.sd__grid2{grid-template-columns:1fr}.sd__send{margin-left:0}}
