@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700&family=Inter:wght@400;500;600;700&display=swap";:root{color:#15253c;--blue:#003087;--orange:#f65b18;background:#edf1f6;font-family:Inter,Arial,sans-serif;font-size:16px}*{box-sizing:border-box}body{margin:0}header{background:#fff;border-bottom:1px solid #dce3ec;justify-content:space-between;align-items:center;height:84px;padding:0 38px;display:flex}.brand{letter-spacing:-.6px;align-items:center;gap:13px;font-size:21px;font-weight:700;display:flex}.brand-icon{background:var(--blue);color:#fff;border-bottom:4px solid var(--orange);border-radius:4px;padding:2px 9px;font-family:Barlow Condensed,Arial,sans-serif;font-size:30px}.team-label{letter-spacing:1.6px;color:#65768c;font-size:12px}main{grid-template-columns:350px 1fr;min-height:calc(100vh - 84px);display:grid}aside{background:#fff;border-right:1px solid #dce3ec;padding:29px 27px}.panel-title{margin-bottom:28px}.panel-title h1{letter-spacing:.1px;margin:0 0 9px;font-family:Barlow Condensed,Arial,sans-serif;font-size:32px;line-height:1.1}.panel-title span,.eyebrow{letter-spacing:1.4px;color:#65768c;font-size:12px;font-weight:600}label{margin:20px 0 8px;font-size:14px;font-weight:600;display:block}select,input{font:inherit;color:#15253c;outline-offset:3px;background:#fff;border:1px solid #cdd6e2;border-radius:6px;width:100%;min-height:44px;padding:10px 11px}select{cursor:pointer;padding-right:24px}input:focus,select:focus{outline:2px solid #416fac}input[type=checkbox]{width:18px;height:18px;min-height:18px;accent-color:var(--blue);flex-shrink:0;padding:0}.field-note{color:#69778c;margin:8px 0 0;font-size:12px;line-height:1.5}.two-fields{grid-template-columns:1fr 88px;gap:12px;display:grid}.two-fields input{text-transform:uppercase}.captain-row{margin:24px 0}.check{cursor:pointer;white-space:nowrap;align-items:center;gap:9px;display:flex}.captain-row select{margin-top:10px}.captain-row select:disabled{opacity:.45}.sizes{border-top:1px solid #e1e7ef;margin-top:25px;padding-top:18px}summary{cursor:pointer;font-size:14px;font-weight:600}.sizes summary{justify-content:space-between;display:flex}.sizes summary span{color:#69778c;font-weight:400}.sizes .two-fields{grid-template-columns:1fr 1fr}.logo-library{grid-template-columns:repeat(4,1fr);gap:7px;margin-top:10px;display:grid}.logo-choice{cursor:pointer;background:#f4f6fa;border:1px solid #dce3ed;border-radius:5px;height:60px;padding:7px}.logo-choice img{object-fit:contain;width:100%;height:100%}.logo-choice[aria-pressed=true]{border:2px solid var(--blue);background:#e9effb}.workspace{min-width:0;max-width:1500px;padding:28px 34px}.workspace-top{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}h2{margin:5px 0 0;font-family:Barlow Condensed,Arial,sans-serif;font-size:34px}.swatches{gap:8px;display:flex}.swatches span{border:1px solid #cdd6e2;border-radius:50%;width:22px;height:22px}.preview-grid{grid-template-columns:1.2fr 1fr;gap:18px;display:grid}.preview-card{border:1px solid #dce3ec;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;min-height:430px;padding:22px;display:flex;position:relative;overflow:hidden}.card-header{letter-spacing:.6px;opacity:.8;justify-content:space-between;gap:10px;font-size:11px;display:flex;position:absolute;top:20px;left:20px;right:20px}.back #name-preview{justify-content:center;width:70%;height:62px;margin:25px 0 21px;display:flex}.back #number-preview{justify-content:center;width:85%;height:245px;display:flex}.preview-card svg{width:100%;height:100%;overflow:visible}.front #logo-preview{justify-content:center;width:85%;height:245px;margin-top:28px;display:flex}.front #captain-preview{width:34px;height:52px;position:absolute;top:66px;left:28px}.artwork-list{flex-wrap:wrap;gap:8px;margin:18px 0 25px;display:flex}.artwork-chip{color:#5a6b81;background:#fff;border:1px solid #dce3ed;border-radius:5px;padding:9px 12px;font-size:12px}.artwork-chip strong{color:#15253c;margin-right:8px}.export-bar{background:#fff;border:1px solid #dce3ed;border-radius:9px;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;padding:20px;display:flex}.export-options{flex-wrap:wrap;align-items:center;gap:10px 18px;display:flex}.export-options>label:first-child{color:#64738a;width:100%;margin:0;font-size:12px}.export-options select{width:245px}.export-options .check{margin:0;font-size:14px;font-weight:500}.export-actions{flex-wrap:wrap;gap:10px;display:flex}button{font:inherit;cursor:pointer;border-radius:6px;min-height:46px;padding:10px 17px;font-size:14px;font-weight:600}.primary{background:var(--orange);border:1px solid var(--orange);color:#fff;text-align:left;flex-direction:column;justify-content:center;gap:3px;display:flex}.primary span{opacity:.9;font-size:11px;font-weight:500}.primary:hover{background:#df4a08}.secondary{color:var(--blue);background:#fff;border:1px solid #cdd6e2}button:disabled{opacity:.5;cursor:wait}#status{min-height:20px;color:var(--blue);margin:14px 0 8px;font-size:14px}#status.error{color:#b12d1f}.print-note{color:#66768c;margin:0;font-size:12px;line-height:1.6}.reference-details{color:#65748a;margin-top:25px;font-size:12px;line-height:1.7}.reference-details p{max-width:900px}.reference-details a{color:var(--blue)}@media (min-width:1600px){.preview-card{min-height:540px}.back #number-preview{height:330px}.front #logo-preview{height:310px}}@media (max-width:1150px){main{grid-template-columns:310px 1fr}aside,.workspace{padding:25px 22px}.preview-card{min-height:370px;padding:15px}.back #number-preview{height:220px}.front #logo-preview{height:210px}.card-header span:last-child{display:none}}@media (max-width:850px){header{height:70px;padding:0 20px}.team-label{display:none}main{grid-template-columns:1fr}aside{border-bottom:1px solid #dce3ec;border-right:0}form{grid-template-columns:1fr 1fr;gap:0 18px;display:grid}form>label,form>select,form>.field-note,form>.two-fields,form>.captain-row,form>.logo-library,form>.sizes{grid-column:1/-1}.panel-title{margin-bottom:12px}.workspace{padding:24px 18px}.preview-grid{gap:10px}.preview-card{min-height:345px}.back #number-preview{height:205px}.front #logo-preview{height:170px}.card-header{font-size:9px}.export-bar{align-items:stretch}.export-actions{width:100%}.export-actions button{flex:1}}@media (max-width:500px){.preview-grid{grid-template-columns:1fr}.preview-card{min-height:370px}.front #logo-preview{height:240px}.card-header{font-size:11px}.export-options select{width:100%}.export-actions{flex-direction:column}}@media print{header,aside,.export-bar{display:none}}.ready-download{color:var(--blue);margin:0 0 14px;font-size:14px;font-weight:600;display:inline-block}.ready-download[hidden],.captain-row[hidden],.sizes [hidden]{display:none}.account-actions{align-items:center;gap:12px;font-size:14px;display:flex}.account-actions button{background:#fff;border:1px solid #ccd6e2;min-height:36px}.account-actions a{color:var(--blue)}#account-name{text-overflow:ellipsis;white-space:nowrap;max-width:150px;overflow:hidden}.save-kit-row{flex-wrap:wrap;align-items:center;gap:10px;margin-top:18px;display:flex}.save-kit-row label{margin:0}.save-kit-row input{width:220px}.save-kit-row button{background:var(--blue);color:#fff;border:0}.save-kit-row span{font-size:14px}dialog{color:#15253c;border:1px solid #cdd6e2;border-radius:12px;width:min(880px,100% - 24px);max-height:90vh;padding:26px}dialog::backdrop{background:#0c1c3273}.dialog-heading{justify-content:space-between;align-items:center;display:flex}.dialog-heading button{background:#fff;border:1px solid #cdd6e2}dialog h3{margin:28px 0 12px;font-size:18px}.upload-fields{grid-template-columns:1fr 1fr;gap:16px;display:grid}#upload-submit{background:var(--blue);color:#fff;border:0;margin-top:14px}.personal-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.personal-card{border:1px solid #dce3ed;border-radius:7px;min-width:0;padding:14px}.personal-card img{object-fit:contain;background:#edf1f6;width:100%;height:90px}.personal-card strong{overflow-wrap:anywhere;display:block}.personal-card p{color:#65748a;font-size:14px}.personal-card button{min-height:36px;color:var(--blue);background:#fff;border:1px solid #cdd6e2;margin:4px 4px 0 0;padding:7px 10px}#library-status{font-size:14px}#library-dialog [hidden]{display:none}@media (max-width:1000px){.team-label{display:none}}@media (max-width:600px){header{flex-wrap:wrap;gap:12px;height:auto;min-height:80px;padding:15px}.brand{font-size:18px}.account-actions{flex-wrap:wrap;font-size:14px}.upload-fields,.personal-grid{grid-template-columns:1fr}.save-kit-row input{width:100%}#account-name{max-width:120px}}.front{justify-content:flex-start;min-height:450px}.front #captain-preview{flex:0 0 66px;align-self:flex-end;width:52px;height:66px;margin:30px 12% 32px;position:static}.front #captain-preview:empty{display:none}.front #logo-preview{flex:0 0 245px;width:78%;margin:0 auto 20px}.front:has(#captain-preview:empty){justify-content:center}.front:has(#captain-preview:empty) #logo-preview{margin-top:28px}@media (min-width:1600px){.front{min-height:540px}.front #captain-preview{flex-basis:80px;width:62px;height:80px;margin-bottom:40px}.front #logo-preview{flex-basis:310px}}@media (max-width:1150px){.front{min-height:390px}.front #logo-preview{flex-basis:210px}.front #captain-preview{margin-top:35px;margin-bottom:28px}}@media (max-width:850px){.front{min-height:355px}.front #logo-preview{flex-basis:170px}.front #captain-preview{margin-bottom:24px}}@media (max-width:500px){.front{min-height:430px}.front #logo-preview{flex-basis:240px}}.export-background-note{flex-basis:100%;max-width:420px;margin:0;font-size:11px}.export-options .check{white-space:normal}