@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{font-family:'DM Sans',Arial,sans-serif;color:#08162d;background:#f5f7fc;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}header{height:88px;background:white;border-bottom:1px solid #e1e7f0;padding:0 3.2%;display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;text-decoration:none;color:#08162d;font-size:25px;font-weight:700;letter-spacing:-1px}.light{font-weight:400;color:#1460ed}.brand-icon{position:relative;background:#155aeb;color:white;width:38px;height:38px;border-radius:10px;margin-right:10px;display:grid;place-items:center}.brand-icon span{position:absolute;font-size:19px;right:3px;top:1px;color:#ccefff}.beta{font-size:10px;letter-spacing:1.2px;font-weight:600;margin-left:20px;padding-left:20px;border-left:1px solid #ddd}.header-note{margin-left:auto;font-size:14px;color:#657891}.primary{border:0;border-radius:7px;background:#155aeb;color:white;padding:14px 20px;font-weight:600;font-size:14px;box-shadow:0 3px 5px #155aeb14}.primary:hover{background:#0946c6}.primary:disabled{opacity:.45;cursor:not-allowed}main{max-width:1640px;margin:auto;padding:18px 3.2% 24px}.intro{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;gap:16px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;color:#155aeb}h1{font-family:Manrope,Arial,sans-serif;font-size:36px;letter-spacing:-1.5px;margin:10px 0}p{line-height:1.6}.intro p{margin:4px 0 0;color:#536078;font-size:14px;line-height:1.4}.intro .eyebrow{margin:0}.steps{display:flex;gap:14px;align-items:center;font-size:12px;color:#9aa6b8}.steps span{display:flex;gap:8px;align-items:center}.steps b{font-weight:500}.steps .active{color:#155aeb}.workspace{display:grid;grid-template-columns:300px minmax(340px,1fr) 270px;gap:20px;align-items:start}.settings,.export{background:white;border:1px solid #e1e7f0;border-radius:12px;padding:22px}.panel-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}h2{font-size:16px;margin:0;letter-spacing:-.3px}.panel-title>span{font-size:11px;color:#7a879c}label{font-size:13px;font-weight:600;display:block}input:not([type=checkbox]):not([type=color]),select{display:block;width:100%;height:42px;border:1px solid #e1e7f0;border-radius:6px;background:#fff;padding:9px 10px;margin-top:8px;color:#10213c;font-size:14px}input:focus,textarea:focus,select:focus{outline:2px solid #7aa2ff;outline-offset:1px}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.fields{margin:18px 0}.settings .fields:first-of-type{margin-top:0}small,.hint{font-size:12px;color:#657891;line-height:1.5}.list-label{display:flex;justify-content:space-between;margin-top:23px}.list-label span{font-size:11px;background:#edf3ff;color:#155aeb;padding:3px 7px;border-radius:4px}.hint{margin:7px 0 12px}textarea{width:100%;resize:vertical;min-height:240px;height:240px;border:1px solid #e1e7f0;border-radius:6px;padding:12px;font-size:14px;line-height:1.85;color:#33415b;background:#fbfdff}.list-actions{display:flex;justify-content:space-between;margin-top:7px}.list-actions button{border:0;background:none;padding:4px 0;font-size:12px;color:#536078}.divider{height:1px;background:#edf2f8;margin:21px 0}.colour-field{height:42px;border:1px solid #e1e7f0;border-radius:6px;margin-top:8px;display:flex;align-items:center;padding:6px;gap:7px;font-size:12px}input[type=color]{width:26px;height:28px;border:0;background:none;padding:0;cursor:pointer}.check{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:400}input[type=checkbox]{accent-color:#155aeb}.preview{border:1px solid #e1e7f0;border-radius:12px;overflow:hidden;background:#fff}.preview-toolbar{display:flex;align-items:center;justify-content:space-between;padding:17px 18px;font-size:10px;letter-spacing:1px;font-weight:600}.preview-dot{width:6px;height:6px;border-radius:50%;background:#155aeb;display:inline-block;margin-right:5px}.segmented{display:flex;background:#f1f5fc;border-radius:6px;padding:3px;letter-spacing:0}.segmented button{border:0;background:transparent;color:#657891;font-size:11px;padding:7px 9px;border-radius:4px}.segmented .selected{background:white;color:#10213c;box-shadow:0 1px 3px #0001}.artboard{position:relative;margin:0 12px;background:#0b2342;border-radius:7px;min-height:570px;display:flex;align-items:center;justify-content:center;flex-direction:column;background-image:radial-gradient(ellipse at 50% 40%,#1a3a66 0,transparent 75%)}.artboard.checker{background-color:#ccd3df;background-image:linear-gradient(45deg,#b8c0d0 25%,transparent 25%),linear-gradient(-45deg,#b8c0d0 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#b8c0d0 75%),linear-gradient(-45deg,transparent 75%,#b8c0d0 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}canvas{width:85%;max-width:470px;height:auto;display:block;margin:22px 0 32px}.ruler{position:absolute;top:22px;font-size:11px;color:#9aa6b8;letter-spacing:4px}.ruler span{letter-spacing:0;margin:0 40px}.board-caption{position:absolute;bottom:23px;color:#a7b4c7;font-size:9px;letter-spacing:3px}.preview-bottom{padding:14px 17px;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px;font-size:10px;color:#7a879c}.preview-bottom>#fitStatus{justify-self:start;color:#155aeb}.preview-bottom>:last-child{justify-self:end;text-align:right}.artboard-shell{margin:0 12px}.artboard-shell .artboard{margin:0;min-height:0;height:clamp(380px,70vh,650px);overflow:auto;scrollbar-width:thin;overscroll-behavior:contain}.artboard-shell .artboard.gang-view{justify-content:flex-start;align-items:center;height:clamp(480px,82vh,980px);padding:16px 12px 28px}.artboard-shell #preview{width:calc(85% * var(--preview-zoom,1));max-width:calc(470px * var(--preview-zoom,1));flex-shrink:0;transition:width .15s ease,max-width .15s ease}.artboard-shell #gangPreview{flex-shrink:0;max-width:min(96%,920px);max-height:calc(100% - 8px);width:auto;height:auto;margin:0 auto;display:block}.preview-zoom{display:inline-flex;align-items:center;gap:6px;background:#f1f5fc;border:1px solid #dce5f2;border-radius:999px;padding:3px}.preview-zoom[hidden]{display:none!important}.preview-zoom button{width:30px;height:30px;border:0;border-radius:50%;background:#fff;color:#10213c;font-size:18px;line-height:1;box-shadow:0 1px 2px #0001}.preview-zoom button:disabled{opacity:.35;cursor:not-allowed}.preview-zoom #zoomLabel{min-width:42px;text-align:center;font-size:11px;font-weight:600;color:#10213c;font-variant-numeric:tabular-nums}@media(max-width:700px){.artboard-shell .artboard{height:clamp(320px,58vh,480px)}.artboard-shell .artboard.gang-view{height:clamp(420px,75vh,720px)}.artboard-shell #preview{max-width:calc(340px * var(--preview-zoom,1))}.artboard-shell #gangPreview{max-width:96%}}
.export-intro{font-size:14px;color:#536078;margin-top:-7px}.file-icon{border:1px solid #dce5f2;padding:5px;border-radius:4px}.export-format{display:inline-flex;gap:4px;background:#f1f5fc;padding:3px;border-radius:6px}.export-format .file-icon{border:0;background:transparent;color:#657891;font-size:11px;font-weight:700;letter-spacing:.4px;padding:6px 9px;border-radius:4px;cursor:pointer}.export-format .file-icon.selected{background:#fff;color:#10213c;box-shadow:0 1px 3px #0001}.export-format .file-icon:focus-visible{outline:2px solid #155aeb;outline-offset:2px}#personalSetOption.is-disabled,label.is-disabled{opacity:.45;pointer-events:none}.export-art{height:136px;background:#eff4ff;border:1px solid #e1e7f0;border-radius:8px;padding:15px 22px;font-size:49px;font-family:Georgia,serif;color:#155aeb;position:relative;margin:24px 0}.export-art>span{float:right;font-size:27px;font-family:Arial;font-weight:400;color:#657891}.export-art small{display:block;font-size:9px;letter-spacing:1.3px;font-family:Arial;margin-top:8px;color:#657891}.spec{display:flex;justify-content:space-between;font-size:12px;padding:15px 0;border-bottom:1px solid #edf2f8;color:#657891}.spec strong{font-weight:500;color:#33415b}.wide{width:100%;margin-top:24px}.export-note{text-align:center;font-size:11px;color:#7a879c}.tip{display:flex;gap:12px;border-top:1px solid #edf2f8;margin-top:22px;padding-top:22px;font-size:12px}.tip>span{font-size:26px;color:#657891}.tip strong{font-weight:500}.tip p{color:#7a879c;margin:6px 0}footer{display:flex;justify-content:space-between;font-size:11px;color:#7a879c;margin-top:27px}.footer-sep{margin:0 13px;color:#c2c8d4}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#0b2342;color:white;padding:13px 22px;border-radius:7px;display:none;font-size:14px}button:focus-visible{outline:2px solid #155aeb;outline-offset:3px}@media(min-width:1500px){.artboard{min-height:650px}}@media(max-width:1100px){.workspace{grid-template-columns:280px 1fr}.export{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:15px;align-items:center}.export .panel-title{margin:0}.export-intro,.export-art,.tip{display:none}.export .wide{margin:0}.export-note{grid-column:3/5}.steps{display:none}.header-note{display:none}header .primary{margin-left:auto}.artboard{min-height:630px}}@media(max-width:700px){header{height:70px;padding:0 18px}.brand{font-size:21px}.beta{display:none}header .primary{padding:11px;font-size:12px}main{padding:27px 16px}h1{font-size:30px}.workspace{display:flex;flex-direction:column}.settings,.preview,.export{width:100%}.preview{order:-1}.artboard{min-height:440px}canvas{max-width:340px}.export{display:block}.export-note{display:block}.export .panel-title{margin-bottom:18px}.export .wide{margin-top:20px}footer{line-height:1.8;gap:20px}.preview-bottom{font-size:10px}.intro{margin-bottom:10px}.export .tip{display:flex}.export-art{display:none}}

@font-face{font-family:PrintSans;src:url(print-sans.ttf);font-weight:100 900}@font-face{font-family:PrintSerif;src:url(print-serif.ttf);font-weight:100 900}

.workspace>*{min-width:0}canvas{max-width:min(470px,85%)}.preview-bottom{flex-wrap:wrap}input:not([type=checkbox]):not([type=color]),select,textarea{font-size:16px}@media(max-width:700px){canvas{max-width:min(340px,85%)}.preview-toolbar{gap:8px;flex-wrap:wrap}}

.layout-label{margin-top:18px}

@font-face{font-family:PrintMono;src:url(print-mono.ttf);font-weight:100 900}.type-title{margin-bottom:18px}.font-row{display:grid;grid-template-columns:minmax(0,1fr) 48px;gap:12px;margin-top:16px;align-items:end}.part-colour{font-size:12px}.part-colour input[type=color]{display:block;width:44px;height:42px;margin-top:8px;padding:5px;border:1px solid #e1e7f0;border-radius:6px;background:#fff}
@media(min-width:701px){.preview{position:sticky;top:16px}}

.font-row select{max-width:100%}.font-row{grid-template-columns:minmax(0,1fr) 44px}.font-row .part-colour{align-self:end}

.interpunct-option{margin-top:12px}.interpunct-option[hidden]{display:none}

#templateFields{margin-top:18px}[hidden]{display:none!important}

.list-actions{gap:12px;flex-wrap:wrap}

@font-face{font-family:CollegeBlock;src:url(college-block.otf) format("opentype");font-weight:400;font-display:block}@font-face{font-family:College;src:url(college.ttf) format("truetype");font-weight:400;font-display:block}@font-face{font-family:UnionCollege;src:url(union-college.ttf) format("truetype");font-weight:400;font-display:block}@font-face{font-family:Varsity;src:url(varsity.ttf) format("truetype");font-weight:400;font-display:block}@font-face{font-family:VarsityTeam;src:url(varsity-team.otf) format("opentype");font-weight:400;font-display:block}
dialog{border:1px solid #e1e7f0;border-radius:16px;padding:32px;max-width:440px;width:calc(100% - 40px);color:#0b2342;box-sizing:border-box}dialog::backdrop{background:#08162da8}dialog h2{font-size:26px;margin:16px 0}dialog p{line-height:1.6}dialog .dialog-close{float:right;font-size:26px;background:none;border:0;cursor:pointer;color:inherit}.checkout-total{display:flex;justify-content:space-between;border-block:1px solid #e1e7f0;padding:20px 0;margin:22px 0;font-size:18px}.checkout-total strong{font-size:25px}#paymentMessage{font-size:14px;min-height:24px}.checkout-privacy{margin-bottom:0}.payment-return{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 24px;padding:22px;border:1px solid #b9c5d8;background:#f2f6ff;border-radius:10px}.payment-return[hidden]{display:none}.payment-return p{margin:6px 0 0;font-size:14px}.payment-return button{flex-shrink:0}@media(max-width:600px){.payment-return{align-items:stretch;flex-direction:column}dialog{padding:24px}}

.size-control{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:12px;font-size:14px}.size-control output{font-variant-numeric:tabular-nums;color:#155aeb}.size-control input[type=range]{grid-column:1/-1;width:100%;padding:0;margin:0;height:28px;accent-color:#155aeb;cursor:pointer}

.gang-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.gang-fields label{font-size:14px}.gang-fields input{width:100%;min-width:0}#gangStatus{font-size:14px;line-height:1.55;margin:14px 0 0;color:#33415b}.gang-panel{padding:24px;background:#f5f7fc;border-radius:16px}.gang-panel[hidden],.mockup-panel[hidden],canvas[hidden]{display:none!important}.gang-panel .check{margin-top:16px}.gang-panel .wide{margin-top:8px}.gang-sheet-frame{background:#2a3a52;border-radius:12px;padding:18px;display:flex;align-items:center;justify-content:center;min-height:min(72vh,860px);overflow:auto}.gang-sheet-frame #gangPreview{max-width:100%;width:auto;height:auto;max-height:min(70vh,820px);margin:0;background:transparent;display:block;box-shadow:0 10px 28px #08162d55}.preview-toolbar{flex-wrap:wrap;gap:10px}.segmented{flex-wrap:wrap}.segmented button{min-height:32px}

.set-option{margin-top:18px;align-items:flex-start;font-size:14px;line-height:1.5}.set-option input{flex-shrink:0}#personalPreviewLabel[hidden],#gangPageLabel[hidden]{display:none}

.secondary{background:#fff;color:#10213c;border:1px solid #a7b4c7;padding:10px 14px;border-radius:6px;font-size:14px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center}.layout-tools{padding:8px 16px 14px;display:flex;flex-wrap:wrap;gap:10px;align-items:center}.layout-tools span{font-size:13px;color:#536078}.secondary[hidden]{display:none}#preview.editing{touch-action:none;cursor:move;outline:1px solid #8fb0ff}#preview:focus-visible{outline:2px solid #155aeb}
.mockup-panel{padding:24px;background:#f5f7fc;border-radius:16px}.mockup-panel .gang-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.mockup-panel input{width:100%;min-width:0}.mockup-panel input[type=color]{height:46px}.mockup-panel canvas{display:block;width:100%;height:auto;margin:24px 0;border:1px solid #ddd;background:white}.segmented{flex-wrap:wrap}.preview-toolbar{gap:12px;flex-wrap:wrap}@media(max-width:600px){.mockup-panel{padding:12px}.mockup-panel .gang-fields{grid-template-columns:1fr}}
.settings .layout-tools{padding:0 0 20px;margin-bottom:20px;border-bottom:1px solid #e1e7f0}.settings .layout-tools span{flex-basis:100%}#preview,#gangPreview,#quotePreview{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.quote-checklist{margin:18px 0;padding:16px;border:1px solid #dce5f2;border-radius:8px}.quote-checklist summary{cursor:pointer;font-weight:700}.quote-checklist ul{list-style:none;padding:0;columns:2;column-gap:24px}.quote-checklist li{break-inside:avoid;padding:5px 0;font-size:14px}.board-caption{text-transform:none}@media(max-width:600px){.quote-checklist ul{columns:1}}
.dtf-cost{border:1px solid #dce5f2;border-radius:8px;padding:12px 16px;margin:16px 0;background:#fff}.dtf-cost summary{cursor:pointer;font-weight:700;font-size:14px}.dtf-cost label{margin-top:16px}.dtf-cost input{max-width:220px}#dtfCostResult{font-weight:600;line-height:1.6;color:#10213c}
.workspace.mockup-mode,.workspace.gang-mode{display:block}.workspace.mockup-mode>.settings,.workspace.mockup-mode>.export,.workspace.mockup-mode .preview-bottom,.workspace.gang-mode>.settings,.workspace.gang-mode>.export,.workspace.gang-mode .preview-bottom{display:none}.mockup-mode .mockup-panel,.gang-mode .gang-panel{display:grid;grid-template-columns:minmax(280px,2fr) minmax(0,3fr);gap:28px;align-items:start}.mockup-details,.mockup-result,.gang-details,.gang-result{min-width:0}.mockup-details h2,.gang-details h2{margin-top:0}.mockup-result,.gang-result{position:sticky;top:16px}.mockup-result canvas{margin-top:0}.mockup-details .gang-fields,.gang-details .gang-fields{grid-template-columns:1fr}.saved-row{border:1px solid #dce5f2;border-radius:8px;padding:14px;margin:12px 0;display:flex;gap:12px;flex-wrap:wrap;align-items:center}.saved-row strong{flex:1;min-width:160px;overflow-wrap:anywhere}.saved-row small{display:block;margin-top:5px;font-weight:400;color:#536078}#saveWork{margin-bottom:6px}#myWork{white-space:nowrap}@media(max-width:750px){.mockup-mode .mockup-panel,.gang-mode .gang-panel{grid-template-columns:1fr}.mockup-result,.gang-result{position:static}.gang-sheet-frame{min-height:420px}header{height:auto;min-height:88px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px}header .header-note{display:none}}
.named-field{display:block}.named-field-head{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.name-swap{font-size:11px;font-weight:500;color:#536078;margin:0!important;white-space:nowrap}.name-swap input{width:14px;height:14px}.template-picker{margin:12px 0 20px;border:1px solid #dce5f2;border-radius:8px;background:#fff}.template-picker summary{cursor:pointer;padding:14px}.template-picker summary span{font-size:14px;color:#536078}.template-picker summary strong{display:block;margin-top:7px}.template-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:10px}.template-choices button{background:#fff;border:2px solid transparent;border-radius:8px;padding:5px;color:#0b2342;font-size:13px}.template-choices button[aria-pressed=true]{border-color:#155aeb;background:#f2f6ff}.template-choices canvas{width:100%;height:auto;border-radius:4px;display:block;margin-bottom:7px}.template-choices button:focus-visible{outline:3px solid #155aeb}
.fabric-colour{display:inline-flex;align-items:center;gap:8px;font-size:13px;margin:0!important}.fabric-colour input[type=color]{width:38px;height:36px;padding:3px;margin:0;border:1px solid #c7d2e4;border-radius:6px;cursor:pointer}.artboard:not(.checker):not(.gang-view){background-color:var(--fabric-colour,#0b2342);background-image:radial-gradient(ellipse at 50% 40%,rgba(255,255,255,.08),transparent 75%)}.artboard:not(.checker):not(.gang-view) .board-caption,.artboard:not(.checker):not(.gang-view) .ruler{color:var(--fabric-label,#c9d4e8)}
#customerAuthButtons>button{margin:0 10px 12px 0}#customerSignIn{margin:20px auto;max-width:420px}

#paymentDialog{max-width:980px;max-height:90vh;overflow:auto}.purchase-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px}.purchase-columns>section{min-width:0}.sleeve-upsell{border-left:1px solid #e1e7f0;padding-left:32px}.sleeve-upsell fieldset{border:0;padding:0;margin:20px 0}.sleeve-upsell label{display:block;margin:12px 0}.sleeve-upsell label.check{display:flex;align-items:center;gap:12px}.sleeve-upsell input[type=checkbox]{width:20px;height:20px}.sleeve-upsell select,.sleeve-upsell input[type=number]{width:100%;box-sizing:border-box}.sleeve-sizes{display:grid;grid-template-columns:1fr 1fr;gap:12px}#sleevePreview{width:100%;height:auto;border-radius:8px}.sleeve-upsell fieldset:disabled{opacity:.55}@media(max-width:700px){.purchase-columns{grid-template-columns:1fr;gap:20px}.sleeve-upsell{border-left:0;border-top:1px solid #e1e7f0;padding:20px 0 0}}

.font-control{min-width:0;display:flex;flex-direction:column;gap:8px;font-weight:600}.font-picker{position:relative;min-width:0}.font-results .font-search{width:100%;box-sizing:border-box;margin:0 0 8px;border:1px solid #dce5f2;border-radius:8px;background:#fff;height:40px;padding:8px 10px!important;font-size:14px!important;font-weight:400}.font-selected,.font-result{width:100%;text-align:left;background:white;border:1px solid #dce5f2;border-radius:8px;padding:7px 10px;cursor:pointer;color:#0b2342;box-sizing:border-box;display:flex;flex-direction:column;gap:2px;min-width:0}.font-choice-label{font:500 14px/1.4 sans-serif;overflow-wrap:anywhere}.font-sample{display:block;font-size:18px;line-height:1.3!important;overflow-wrap:anywhere;white-space:normal}.font-sample[data-loading=true],.font-sample[data-loading=error]{font:400 14px/1.5 sans-serif!important;color:#536078}.font-results{margin-top:8px;border:1px solid #b7c4d8;border-radius:10px;background:#f7f9fd;padding:8px;box-sizing:border-box}.font-results[hidden]{display:none}.font-result-list{max-height:280px;overflow:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:5px}.font-result-count{font:400 14px/1.5 sans-serif;margin:2px 2px 10px}.font-result:hover,.font-result[aria-pressed=true]{border-color:#155aeb;background:#edf3ff}.font-picker button:focus-visible{outline:3px solid #4d8cff;outline-offset:2px}.font-more{width:100%;padding:12px;margin-top:8px;background:white;border:1px solid #b7c4d8;border-radius:8px;cursor:pointer}.font-row select[hidden]{display:none}
.purchase-success{margin:0 0 32px;padding:36px;border:1px solid #b9c8e6;border-radius:20px;background:linear-gradient(130deg,#edf3ff,#fff 65%);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px}.purchase-success[hidden],.purchase-success [hidden]{display:none}.success-main{padding:20px 0}.success-main h2{font-size:clamp(28px,4vw,44px);margin:16px 0}.success-main p{line-height:1.6}.success-mark{width:76px;height:76px;margin-bottom:24px}.success-mark svg{width:100%;fill:none;stroke:#9bb0d0;stroke-width:3}.success-mark path{stroke-dasharray:70;stroke-dashoffset:70}.is-paid .success-mark svg{stroke:#155aeb}.is-paid .success-mark path{animation:purchase-check .6s ease forwards}.purchase-steps{list-style:none;padding:0;margin:26px 0;display:flex;flex-direction:column;gap:14px}.purchase-steps li{color:#536078;display:flex;gap:12px;align-items:center}.purchase-steps li:before{content:'';width:12px;height:12px;border:2px solid #b7c4d8;border-radius:50%}.purchase-steps li.complete{color:#155aeb}.purchase-steps li.complete:before{background:#155aeb;border-color:#155aeb;box-shadow:0 0 0 4px #155aeb14}.ready-folder{display:grid;grid-template-columns:50px 1fr;gap:8px 12px;background:#fff;border:1px solid #c5d4ec;padding:20px;border-radius:12px;margin:24px 0;animation:purchase-rise .5s ease both}.ready-folder>span{grid-row:span 2;font-size:48px;line-height:1;color:#155aeb}.ready-folder strong{overflow-wrap:anywhere}.ready-folder small{font-size:14px;color:#536078}.purchase-receipt{background:white;box-shadow:0 10px 30px #155aeb14;padding:26px;border:1px solid #e1e7f0;border-bottom:4px dashed #c7d2e4;animation:receipt-roll .7s ease both;transform-origin:top}.purchase-receipt h3{font-size:24px;margin:12px 0}.purchase-receipt dl{display:grid;grid-template-columns:90px minmax(0,1fr);gap:12px;font-size:14px}.purchase-receipt dd{margin:0;text-align:right;overflow-wrap:anywhere}.purchase-receipt dt{color:#536078}#receiptTotal{font-size:24px;font-weight:700}.paid-stamp{display:inline-block;border:2px solid #155aeb;color:#155aeb;letter-spacing:3px;padding:4px 12px;margin:12px 12px 12px 0;transform:rotate(-8deg)}.share-reward{margin-top:24px;padding:24px;background:#0b2342;color:white;border-radius:14px}.share-reward h3{font-size:24px;margin:10px 0}.share-reward p{line-height:1.6}.share-reward .hint{color:#c4d0e4;font-size:14px}.share-actions{display:flex;flex-wrap:wrap;gap:8px}.share-reward button{padding:12px 15px}.share-reward .secondary{background:#fff;color:#0b2342}#claimReward{margin-top:14px}#rewardCheckoutNote:empty{display:none}#rewardCheckoutNote{color:#155aeb;font-weight:600}@keyframes purchase-check{to{stroke-dashoffset:0}}@keyframes purchase-rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes receipt-roll{from{opacity:0;transform:translateY(-14px) scaleY(.9)}to{opacity:1;transform:none}}@media(max-width:750px){.purchase-success{grid-template-columns:1fr;padding:22px;gap:20px}.success-main{padding:0}}@media(prefers-reduced-motion:reduce){.is-paid .success-mark path{animation:none;stroke-dashoffset:0}.ready-folder,.purchase-receipt{animation:none}}

.export-progress{display:none;margin-top:22px}.is-preparing .export-progress{display:flex;flex-direction:column;gap:8px}.export-progress progress{width:100%;height:9px;accent-color:#155aeb}.export-progress span{font-size:14px;color:#536078}.is-preparing .purchase-columns{opacity:.75}
#printRulers{position:absolute;pointer-events:none;fill:var(--fabric-label,#c9d4e8);stroke:var(--fabric-label,#c9d4e8);opacity:.36;font-family:Arial,sans-serif;overflow:visible}.artboard.checker #printRulers,.artboard.gang-view #printRulers{display:none}#numberOutlineControl[hidden]{display:none}#numberOutlineControl small{display:block;font-size:13px;font-weight:400;color:#536078;margin-top:5px}

.brand-logo{display:block;width:56px;height:56px;object-fit:contain;flex-shrink:0;margin-right:10px}@media(max-width:600px){.brand-logo{width:42px;height:42px;margin-right:7px}}

.checkout-actions{margin-top:22px}.checkout-actions #payButton{min-height:48px}.gang-upgrade{background:#f2f6ff;border:1px solid #dce5f2;border-radius:9px;padding:14px;margin:18px 0}.gang-upgrade[hidden]{display:none}.gang-upgrade label{display:flex;align-items:center;gap:10px;margin:0}.gang-upgrade input{width:20px;height:20px;flex-shrink:0}.gang-upgrade p{margin:8px 0 0;font-size:13px}.gang-upgrade strong{white-space:nowrap}