.make-it{--ink:#101114;--bone:#f3efe5;--orange:#ff5a26;--yellow:#f3e94e;background:var(--bone);min-height:100vh;color:var(--ink);font-family:var(--body)}.make-it *{box-sizing:border-box}.make-it button,.make-it input,.make-it textarea{font:inherit}.make-it button{cursor:pointer}.make-it a{color:inherit;text-decoration:none}.mono{font-family:var(--mono)}.eyebrow{font:700 .62rem var(--mono);letter-spacing:.16em;text-transform:uppercase}.orange{color:var(--orange)}.muted{color:#1011147a;letter-spacing:.06em;text-transform:uppercase;font-size:.58rem}.make-topbar{min-height:76px;color:var(--bone);background:var(--ink);justify-content:space-between;align-items:center;padding:0 3.5rem;display:flex}.make-logo{font:900 2rem/1 var(--display);letter-spacing:-.08em;gap:.35rem;display:flex}.make-logo b:first-child{color:var(--orange)}.make-topbar-center{color:#f3efe5a0;gap:1rem;display:flex}.make-topbar-center span:nth-child(2){color:var(--orange)}.make-toplink{color:#f3efe5bb;letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:.55rem;font-size:.62rem;display:flex}.make-toplink:hover{color:var(--orange)}.make-intro{min-height:470px;color:var(--bone);background:var(--ink);grid-template-columns:minmax(190px,.34fr) 1fr;display:grid}.make-band{color:var(--ink);background:var(--yellow);flex-direction:column;justify-content:space-between;padding:3.5rem 2rem;display:flex}.make-band strong{font:900 clamp(8rem,15vw,13rem)/.7 var(--display);letter-spacing:-.1em}.make-band p:last-child{text-transform:uppercase;font-size:.62rem;line-height:1.65}.make-intro-copy{align-self:center;padding:4rem 5rem 4.5rem}.make-intro h1,.make-builder h2,.make-handoff h2{font:900 clamp(4.5rem,10.6vw,10.5rem)/.76 var(--display);letter-spacing:-.035em;text-transform:uppercase;margin:1.1rem 0 0}.make-intro h1 span,.make-builder h2 span,.make-handoff h2 span{color:var(--orange)}.make-rule{border-top:1px solid #f3efe540;justify-content:space-between;gap:2rem;max-width:760px;margin-top:3rem;padding-top:1.25rem;display:flex}.make-rule p:first-child{color:#f3efe5c2;max-width:420px;font-size:1.1rem;line-height:1.35}.make-rule .muted{color:#f3efe56b;line-height:1.65}.make-studio{grid-template-columns:1.15fr .85fr;min-height:780px;display:grid}.make-preview{color:var(--bone);background:#1a1b20;padding:2.75rem 3.5rem 3.5rem}.make-panel-top,.preview-controls{justify-content:space-between;align-items:flex-start;display:flex}.make-panel-top .muted{color:#f3efe56e;margin-top:.65rem}.live{color:#f3efe58c;align-items:center;gap:.5rem;font-size:.58rem;display:flex}.live i{background:var(--orange);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #ff5a2624}.preview-stage{background:#0f1013;border:1px solid #f3efe529;justify-content:center;align-items:center;min-height:550px;margin-top:1.75rem;display:flex;position:relative;overflow:hidden}.stage-grid{opacity:.5;background-image:linear-gradient(#f3efe512 1px,#0000 1px),linear-gradient(90deg,#f3efe512 1px,#0000 1px);background-size:42px 42px;position:absolute;inset:0}.stage-label{color:var(--orange);position:absolute;top:1.25rem;right:1.25rem}.stage-legend{color:#f3efe587;text-transform:uppercase;gap:1rem;font-size:.55rem;display:flex;position:absolute;bottom:1.25rem;right:1.25rem}.stage-legend span{align-items:center;gap:.4rem;display:flex}.stage-legend i{border-radius:50%;width:8px;height:8px;display:block}.swatch-orange{background:var(--orange)}.swatch-bone{background:var(--bone)}.garment-frame{z-index:1;justify-content:center;align-items:center;width:min(370px,88%);display:flex;position:relative}.garment-svg{filter:drop-shadow(0 22px 20px #0009);width:100%;height:auto;display:block}.preview-controls{align-items:center;margin-top:1.25rem}.preview-controls button{color:#f3efe57a;font:700 .6rem var(--mono);letter-spacing:.12em;text-transform:uppercase;background:0 0;border:0;border-bottom:1px solid #0000;margin-right:1.15rem;padding:0 0 .35rem}.preview-controls button.active{color:var(--bone);border-color:var(--orange)}.make-builder{padding:2.75rem 3.5rem 3.5rem}.builder-heading{border-bottom:1px solid #1011142e;justify-content:space-between;padding-bottom:2rem;display:flex}.make-builder h2{font-size:clamp(4rem,7vw,7.5rem)}fieldset{border:0;border-bottom:1px solid #1011142e;padding:1.65rem 0}legend{margin-bottom:1rem}.option-grid{grid-template-columns:1fr 1fr;gap:.65rem;display:grid}.option,.placement button,.ink-row button,.choice-row button{color:var(--ink);text-align:left;background:0 0;border:1px solid #10111433;align-items:center;gap:.7rem;padding:.8rem;display:flex}.option{min-height:64px}.option.selected{border-color:var(--ink);box-shadow:inset 4px 0 var(--orange);background:#1011140f}.option b{font:1.2rem/.95 var(--display);text-transform:uppercase;display:block}.option small{color:#1011148c;font:.52rem var(--mono);text-transform:uppercase;margin-top:.3rem;display:block}.option svg:last-child{color:var(--orange);margin-left:auto}.cap-icon{background:var(--ink);border-radius:50% 50% 20% 20%;width:22px;height:15px}.choice-row,.ink-row{color:#1011148c;text-transform:uppercase;flex-wrap:wrap;align-items:center;gap:.9rem;margin-top:1rem;font-size:.56rem;display:flex}.choice-row button,.ink-row button{font:.56rem var(--mono);text-transform:uppercase;border:0;padding:.2rem 0}.choice-row button.selected,.ink-row button.selected{color:var(--ink)}.color-dot{border:1px solid var(--ink);border-radius:50%;width:12px;height:12px}.dot-black{background:#08090b}.dot-bone{background:var(--bone)}.dot-orange{background:var(--orange);border-color:var(--orange)}.placement{flex-wrap:wrap;gap:.45rem;display:flex}.placement button{color:#10111499;font:.56rem var(--mono);text-transform:uppercase;padding:.55rem .7rem}.placement button.selected{background:var(--yellow);border-color:var(--ink);color:var(--ink)}.logo-row{grid-template-columns:1.35fr auto 1fr;align-items:center;gap:.55rem;margin-top:.85rem;display:grid}.upload{cursor:pointer;border:1px dashed #10111459;align-items:center;min-height:42px;padding:0 .75rem;display:flex}.upload span{color:#101114a8;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;align-items:center;gap:.45rem;font-size:.56rem;display:flex;overflow:hidden}.upload input{opacity:0;width:1px;height:1px;position:absolute}.logo-row>input,.two-fields input,.make-builder label>textarea{width:100%;color:var(--ink);background:0 0;border:1px solid #10111438;outline:0;padding:.72rem .75rem}.logo-row>input:focus,.two-fields input:focus,.make-builder textarea:focus{border-color:var(--orange);box-shadow:3px 3px 0 var(--orange)}.error{color:#b22d13;font:.62rem var(--mono);margin-top:.5rem}.two-fields{grid-template-columns:1fr 1fr;gap:.6rem;margin-top:.7rem;display:grid}.two-fields label,.make-builder label>textarea{font:.6rem var(--mono);text-transform:uppercase}.two-fields input{margin-top:.35rem;display:block}.make-builder label>textarea{resize:vertical;margin-top:.6rem;display:block}.submit{width:100%;color:var(--ink);background:var(--yellow);font:700 .62rem var(--mono);letter-spacing:.12em;text-transform:uppercase;border:0;justify-content:space-between;align-items:center;margin-top:2rem;padding:1.1rem;display:flex}.submit:hover{background:var(--orange)}.privacy{color:#1011146b;margin-top:.75rem;font-size:.52rem;line-height:1.5}.submitted{color:var(--bone);background:var(--ink);grid-template-columns:35px 1fr auto auto;align-items:center;gap:.75rem;margin-top:2rem;padding:1rem;display:grid}.submitted-icon{width:30px;height:30px;color:var(--ink);background:var(--yellow);justify-content:center;align-items:center;display:flex}.submitted strong{font:1.2rem/.9 var(--display);text-transform:uppercase;margin-top:.4rem;display:block}.submitted p:last-child{color:#f3efe594;margin-top:.25rem;font-size:.62rem}.download,.reset{width:28px;height:28px;color:var(--bone);background:0 0;border:1px solid #f3efe559;justify-content:center;align-items:center;display:flex}.download:hover{color:var(--ink);background:var(--yellow)}.make-handoff{color:var(--bone);background:var(--orange);grid-template-columns:.85fr 1.15fr;gap:7rem;padding:8rem 3.5rem;display:grid}.make-handoff h2{font-size:clamp(4.5rem,9vw,9.2rem)}.handoff-copy{border-top:1px solid #10111452;align-self:end;padding-top:1.7rem}.handoff-copy>p:first-child{max-width:500px;font-size:1.55rem;line-height:1.1}.handoff-copy ol{border-top:1px solid #10111440;margin:3.5rem 0;padding:0;list-style:none}.handoff-copy li{font:900 1.75rem/.9 var(--display);text-transform:uppercase;border-bottom:1px solid #10111440;padding:1rem 0}.make-footer{color:var(--bone);background:var(--ink);letter-spacing:.12em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.4rem 3.5rem;font-size:.56rem;display:flex}.make-footer b{color:var(--orange);font:1.4rem var(--display);letter-spacing:-.08em}.make-footer span:last-child{color:#f3efe573}@media (max-width:900px){.make-topbar{padding-inline:1.25rem}.make-topbar-center{display:none}.make-intro{grid-template-columns:150px 1fr}.make-intro-copy{padding:3rem 2.2rem}.make-studio{grid-template-columns:1fr}.make-preview,.make-builder{padding-inline:1.25rem}.make-handoff{grid-template-columns:1fr;gap:3.5rem;padding:6rem 1.25rem}.make-footer{flex-wrap:wrap;padding-inline:1.25rem}}@media (max-width:600px){.make-intro{display:block}.make-band{min-height:160px;padding:1.25rem}.make-band strong{font-size:7rem}.make-band p:last-child{margin-top:7rem;position:absolute;right:1.25rem}.make-intro-copy{padding:3rem 1.25rem}.make-intro h1{font-size:clamp(4.1rem,18vw,7rem)}.make-rule{margin-top:2.5rem;display:block}.make-rule .muted{margin-top:1.25rem}.preview-stage{min-height:410px}.garment-frame{width:min(300px,92%)}.option-grid,.logo-row,.two-fields{grid-template-columns:1fr}.or{display:none}.make-handoff h2{font-size:5.2rem}.make-footer{flex-direction:column;align-items:flex-start;gap:.7rem}}.palette-control{margin-top:1.4rem}.palette-heading{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.palette-heading strong{font:700 .63rem var(--mono);letter-spacing:.06em;text-transform:uppercase}.swatch-grid{flex-wrap:wrap;gap:.45rem;margin-top:.75rem;display:flex}.color-swatch,.custom-swatch{width:28px;height:28px;box-shadow:none;border:1px solid #10111445;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:transform .16s,box-shadow .16s;display:flex}.color-swatch:hover,.custom-swatch:hover{transform:translateY(-2px)}.color-swatch.selected,.custom-swatch.selected{outline:2px solid var(--orange);outline-offset:2px;box-shadow:0 0 0 1px var(--ink)}.custom-swatch{color:var(--ink);cursor:pointer;background:repeating-linear-gradient(135deg,#fff 0 4px,#101114 4px 5px);position:relative}.custom-swatch span{z-index:1;width:15px;height:15px;color:var(--bone);background:var(--ink);border-radius:50%;place-items:center;font:700 13px/1 sans-serif;display:grid;position:relative}.custom-swatch input{opacity:0;cursor:pointer;width:100%;height:100%;padding:0;position:absolute;inset:0}.palette-note{color:#1011148c;text-transform:uppercase;margin:.65rem 0 0;font-size:.54rem;line-height:1.5}.back-graphic-grid{grid-template-columns:1fr 1fr;gap:.55rem;display:grid}.back-graphic-option{min-height:64px;color:var(--ink);text-align:left;background:0 0;border:1px solid #10111433;justify-content:space-between;align-items:center;gap:.7rem;padding:.8rem;display:flex}.back-graphic-option b{font:1.08rem/.95 var(--display);text-transform:uppercase;display:block}.back-graphic-option small{color:#1011148c;font:.52rem var(--mono);text-transform:uppercase;margin-top:.35rem;line-height:1.35;display:block}.back-graphic-option svg{color:var(--orange);flex:none}.back-graphic-option.selected{border-color:var(--ink);box-shadow:inset 4px 0 var(--orange);background:#1011140f}@media (max-width:600px){.back-graphic-grid{grid-template-columns:1fr}}.roster{margin-top:.4rem}.roster-summary{border-bottom:1px solid #1011142e;justify-content:space-between;align-items:baseline;gap:1rem;padding-bottom:.7rem;display:flex}.roster-summary .mono:first-child{letter-spacing:.1em;text-transform:uppercase;font-size:.66rem;font-weight:700}.roster-rows{max-height:340px;margin:.75rem 0 0;padding:0 .35rem 0 0;list-style:none;overflow-y:auto}.roster-row{grid-template-columns:26px 74px 1fr 30px;align-items:center;gap:.5rem;padding:.32rem 0;display:grid}.roster-index{color:#10111466;font-size:.56rem}.roster-row select,.roster-row input{width:100%;color:var(--ink);font:.62rem var(--mono);text-transform:uppercase;background:0 0;border:1px solid #10111438;outline:0;padding:.5rem}.roster-row input{text-transform:none;font-size:.72rem}.roster-row select:focus,.roster-row input:focus{border-color:var(--orange);box-shadow:2px 2px 0 var(--orange)}.roster-remove{color:#10111480;background:0 0;border:1px solid #10111430;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.roster-remove:hover{color:var(--bone);background:#bf1e2e;border-color:#bf1e2e}.roster-add{color:var(--ink);font:700 .6rem var(--mono);letter-spacing:.12em;text-transform:uppercase;background:0 0;border:1px dashed #10111459;align-items:center;gap:.5rem;margin-top:.9rem;padding:.7rem .9rem;display:flex}.roster-add:hover:not(:disabled){background:var(--yellow);border-style:solid}.roster-add:disabled{opacity:.45;cursor:not-allowed}.logo-chip{background:#1011140a;border:1px solid #10111430;align-items:center;gap:.7rem;margin-top:.7rem;padding:.5rem .6rem;display:flex}.logo-chip img{object-fit:contain;background:#fff;border:1px solid #10111422;width:38px;height:38px}.logo-chip span{color:#101114a8;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.58rem;overflow:hidden}.logo-chip button{color:#10111480;background:0 0;border:1px solid #10111430;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.logo-chip button:hover{color:var(--bone);background:#bf1e2e;border-color:#bf1e2e}.submitted-panel{flex-direction:column;align-items:flex-start;padding-top:1rem;display:flex}.submitted-panel .submitted-icon{width:44px;height:44px;margin-bottom:1.5rem}.submitted-panel h2{font:900 clamp(3.2rem,6vw,5.4rem)/.82 var(--display);letter-spacing:-.035em;text-transform:uppercase;margin:.8rem 0 0}.submitted-panel h2 span{color:var(--orange)}.submitted-lede{max-width:420px;margin-top:1.4rem;font-size:1.1rem;line-height:1.35}.submitted-facts{border-top:1px solid #1011142e;width:100%;margin:2.2rem 0 0;padding-top:1.1rem}.submitted-facts>div{border-bottom:1px solid #10111420;justify-content:space-between;gap:1rem;padding:.55rem 0;display:flex}.submitted-facts dt{color:#10111480;letter-spacing:.12em;text-transform:uppercase;font-size:.56rem}.submitted-facts dd{letter-spacing:.06em;text-align:right;text-transform:uppercase;margin:0;font-size:.62rem}.submitted-actions{width:100%;margin-top:1.8rem}.restart{width:100%;color:var(--ink);font:700 .6rem var(--mono);letter-spacing:.12em;text-transform:uppercase;background:0 0;border:1px solid #10111440;margin-top:.7rem;padding:.9rem}.restart:hover{background:#1011140f}.secondary-action{color:#101114a8;letter-spacing:.1em;text-transform:uppercase;background:0 0;border:1px solid #10111430;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:.6rem;padding:.8rem;font-size:.56rem;display:flex}.secondary-action:hover{color:var(--ink);border-color:var(--ink)}.submit:disabled{opacity:.55;cursor:not-allowed}.category-grid{grid-template-columns:repeat(4,1fr);gap:.5rem;display:grid}.category-card{min-height:62px;color:var(--ink);text-align:left;background:0 0;border:1px solid #10111433;flex-direction:column;align-items:flex-start;gap:.3rem;padding:.7rem .65rem;display:flex}.category-card b{font:1.05rem/1 var(--display);text-transform:uppercase}.category-card small{color:#1011148c;font:.5rem var(--mono);letter-spacing:.06em;text-transform:uppercase}.category-card.selected{border-color:var(--ink);box-shadow:inset 0 -4px var(--orange);background:#1011140f}.sub-choice{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem;display:flex}.sub-choice>.mono,.sub-choice>label{color:#1011148c;letter-spacing:.1em;text-transform:uppercase;font-size:.56rem}.sub-choice>div{gap:.45rem;display:flex}.sub-choice button{color:#10111499;font:.56rem var(--mono);text-transform:uppercase;background:0 0;border:1px solid #10111433;padding:.5rem .7rem}.sub-choice button.selected{background:var(--yellow);border-color:var(--ink);color:var(--ink)}.sub-choice select{color:var(--ink);font:.6rem var(--mono);text-transform:uppercase;background:0 0;border:1px solid #10111438;outline:0;padding:.5rem .6rem}.sub-choice select:focus{border-color:var(--orange);box-shadow:2px 2px 0 var(--orange)}@media (max-width:600px){.category-grid{grid-template-columns:repeat(2,1fr)}}.make-topbar-left{align-items:center;gap:1.1rem;display:flex}.make-it .make-backlink{color:#f3efe585;font:700 .58rem var(--mono);letter-spacing:.12em;text-transform:uppercase;border-left:1px solid #f3efe533;align-items:center;gap:.4rem;padding-left:1.1rem;transition:color .2s;display:flex}.make-it .make-backlink:hover{color:var(--orange)}.make-backlink svg{transition:transform .2s}.make-backlink:hover svg{transform:translate(-3px)}@media (max-width:600px){.make-topbar-left{gap:.6rem}.make-it .make-backlink{letter-spacing:.08em;padding-left:.6rem;font-size:.52rem}.make-it .backlink-tail{display:none}}