:root{--ink:#102132;--muted:#687581;--line:#dde2e5;--paper:#f5f6f4;--gold:#edb64c;--teal:#0f706a;font-family:Barlow,Arial,sans-serif;color:var(--ink);background:var(--paper);color-scheme:light}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,label{touch-action:manipulation}button,.file-button{border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--ink);padding:9px 12px;min-height:38px;font-weight:600;cursor:pointer}button:hover,.file-button:hover{border-color:#94a0a9;background:#f2f5f4}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,canvas:focus-visible{outline:3px solid var(--teal);outline-offset:3px}.gold{background:var(--gold);border-color:var(--gold);color:var(--ink)}.gold:hover{background:#f6c56d;border-color:#d5a142}a{color:inherit}h1,h2,h3,p{margin-top:0}h2{font-size:17px}h3{font-size:13px}.studio-header{min-height:74px;padding:16px 3%;display:flex;gap:22px;align-items:center;background:var(--ink);color:#fff}.studio-header img{display:block;width:176px;height:auto}.studio-badge{font-size:11px;letter-spacing:1.6px;border-left:1px solid #4a5763;padding-left:22px}.studio-badge b{color:var(--gold);margin-left:10px}.original-link{margin-left:auto;font-size:12px;text-decoration:none;color:#d5dde4}.studio-intro{padding:24px 3%;display:flex;justify-content:space-between;align-items:center;gap:24px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.7px;text-transform:uppercase;color:var(--muted);margin-bottom:8px}h1{font:900 clamp(28px,3.4vw,48px)/1.04 'Big Shoulders Display',Impact,sans-serif;letter-spacing:-.4px;margin:0}h1 em{font-style:normal;color:#9c712a}.studio-intro>p{font-size:13px;line-height:1.6;color:var(--muted);margin:0}.project-bar{padding:12px 2%;border-block:1px solid var(--line);background:#fff;display:flex;gap:16px;align-items:center}.project-name{font-size:9px;text-transform:uppercase;letter-spacing:1px;font-weight:700;width:210px}.project-name input{font-size:13px;font-weight:600;border:0;padding:5px 0;width:100%;outline-offset:0}.save-state{font-size:11px;color:var(--muted);flex:1}.project-actions{display:flex;gap:6px;flex-wrap:wrap}.project-actions>button,.file-button{font-size:11px}.file-button,.rail-upload{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center}.file-button input,.rail-upload input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.studio-workspace{display:grid;grid-template-columns:66px 218px minmax(300px,1fr) 260px;max-width:1900px;margin:auto;border-bottom:1px solid var(--line);align-items:start}.tool-rail{display:flex;flex-direction:column;gap:6px;padding:14px 6px;background:#f7f8f8;align-self:stretch;border-right:1px solid var(--line)}.tool-rail button,.rail-upload{display:flex;flex-direction:column;gap:4px;padding:8px 2px;min-height:58px;border:1px solid transparent;border-radius:6px;background:transparent;font-size:8px;font-weight:600;color:var(--ink)}.tool-rail b{font-size:23px;line-height:25px}.tool-rail button:hover,.rail-upload:hover{background:#e8eeec;border-color:#bdcdc9}.rail-divider{height:1px;background:var(--line);margin:8px 4px}.garment-panel,.properties-panel{padding:20px 16px;background:#fff;min-width:0}.garment-panel{border-right:1px solid var(--line)}.properties-panel{border-left:1px solid var(--line);align-self:stretch}.panel-title{display:flex;align-items:center;gap:8px;margin-bottom:18px}.panel-title h2{margin:0;font-weight:700}.step{font-size:10px;color:#94a0a9;font-weight:600}.panel-title h2 span{font:500 10px Barlow,sans-serif;color:var(--muted);margin-left:5px}label{display:block;font-size:11px;font-weight:600;margin-bottom:12px}input[type=text],input[type=number],select,textarea{width:100%;display:block;border:1px solid var(--line);border-radius:5px;background:#f9faf9;padding:9px 10px;font-size:12px;color:var(--ink);min-height:38px;margin-top:6px}textarea{resize:vertical;line-height:1.4}input[type=range]{width:100%;accent-color:var(--teal);display:block;margin-top:10px}.section-divider{height:1px;background:var(--line);margin:20px 0}.base-colours{display:flex;gap:12px}.base-colours label{display:grid;gap:7px;text-align:center;font-size:10px}.base-colours input{appearance:none;border:1px solid var(--line);padding:3px;border-radius:8px;width:46px;height:43px;background:#fff;cursor:pointer}.base-colours input::-webkit-color-swatch{border:0;border-radius:4px}.panel-hint{font-size:10px;line-height:1.55;color:var(--muted);margin:10px 0}.layer-list{display:grid;gap:6px;max-height:360px;overflow:auto}.layer-item{width:100%;display:flex;align-items:center;gap:8px;text-align:left;padding:10px 8px;font-size:11px;overflow:hidden}.layer-item[aria-pressed=true]{border-color:var(--teal);background:#edf5f2;box-shadow:inset 3px 0 var(--teal)}.layer-item .layer-icon{width:23px;height:25px;background:#eef1f2;display:grid;place-items:center;border-radius:3px;flex-shrink:0}.layer-item .layer-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.layer-item small{font-size:9px;color:var(--muted)}.empty-layers{font-size:12px;line-height:1.6;color:#79838b;border:1px dashed #d5dcdf;padding:20px 12px;text-align:center;border-radius:6px}.layer-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.layer-actions button{font-size:10px;padding:8px;flex:1;white-space:nowrap}.canvas-panel{min-width:0;position:sticky;top:0;background:#e9edeb}.canvas-toolbar{min-height:61px;padding:11px 18px;background:#f9faf9;display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid var(--line)}.side-tabs{display:flex;background:#e9edeb;padding:3px;border-radius:7px}.side-tabs button{border:0;background:transparent;font-size:11px;min-height:30px;padding:6px 16px}.side-tabs button[aria-pressed=true]{background:var(--ink);color:#fff;box-shadow:0 2px 4px #0002}.view-tools{display:flex;align-items:center;gap:6px}.view-tools button{padding:5px 8px;min-height:30px;font-size:11px}.view-tools output{font-size:10px;min-width:31px;text-align:center}.toggle{display:flex;align-items:center;gap:5px;margin:0;font-size:10px}.toggle input{accent-color:var(--teal);margin:0}.canvas-stage{height:min(61vw,620px);min-height:360px;overflow:auto;position:relative;background:radial-gradient(#9ca8a93d .8px,transparent .8px),radial-gradient(ellipse at 50% 35%,#fff9,transparent 70%);background-size:18px 18px,auto;display:block}.canvas-sizer{width:100%;min-width:100%;min-height:100%;display:grid;place-items:center;padding:16px}#design-canvas{display:block;max-width:none;outline-offset:-4px;touch-action:none;cursor:default;filter:drop-shadow(0 20px 12px #11213220)}#canvas-loading{position:absolute;inset:0;display:grid;place-items:center;background:#e9edbea8;pointer-events:none;font-size:12px}.canvas-footer{padding:13px 18px;border-top:1px solid #d5dcd8;display:flex;justify-content:space-between;gap:10px;font-size:9px;line-height:1.4;color:var(--muted)}.canvas-footer>span:first-child{font-weight:700;letter-spacing:.5px}.studio-message{padding:11px 18px;background:#fff;color:var(--teal);font-size:11px;line-height:1.4;min-height:39px}.artwork-note{padding:10px 18px;background:#f8faf9;color:var(--muted);font-size:10px;line-height:1.4}.selection-empty{padding:28px 8px;text-align:center;color:var(--muted)}.selection-empty>span{font-size:32px;color:#8b9b9d}.selection-empty h3{color:var(--ink);font-size:15px;margin:14px 0 10px}.selection-empty p,.selection-empty li{font-size:11px;line-height:1.6}.selection-empty ul{text-align:left;padding-left:20px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.field-grid label{min-width:0}.fill-field{display:flex;align-items:center;justify-content:space-between}.fill-field input{width:80px;height:34px;border:1px solid var(--line);background:#fff;padding:3px;border-radius:4px}.ratio-lock{margin:0 0 16px}.properties-panel output{float:right;color:var(--muted);font-weight:400}.align-buttons{display:flex;gap:6px;margin:16px 0}.align-buttons button{font-size:11px;flex:1;padding:8px}.danger{color:#9b3030}.next-step{border-top:1px solid var(--line);margin-top:22px;padding-top:22px}.next-step>p:not(.panel-hint){font-size:13px;font-weight:600;line-height:1.4}.next-step>button{width:100%;font-size:11px}.next-step>a{display:block;text-align:center;font-size:11px;margin-top:16px}.studio-help{max-width:1200px;margin:0 auto;padding:35px 3%;display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.studio-help div{display:grid;gap:8px;font-size:12px}.studio-help b{font-size:11px;letter-spacing:.4px}.studio-help span{color:var(--muted)}.studio-seo,.buyer-info{max-width:1160px;margin:30px auto;padding:30px 3%;line-height:1.7;font-size:14px}.studio-seo h2,.buyer-info h2{font:900 34px 'Big Shoulders Display',sans-serif}.studio-seo h3,.buyer-info h3{font-size:18px}.studio-seo details,.buyer-info details{padding:15px 0;border-top:1px solid var(--line)}summary{cursor:pointer;font-weight:600}.studio-seo a,.buyer-info a{color:var(--teal)}.studio-seo nav,.buyer-links{display:flex;gap:18px;flex-wrap:wrap}footer{background:var(--ink);color:#fff;display:flex;gap:22px;justify-content:space-between;padding:25px 3%;font-size:12px}dialog{max-width:min(720px,92vw);border:1px solid var(--line);padding:30px;border-radius:14px;box-shadow:0 20px 80px #0003;color:var(--ink)}dialog::backdrop{background:#07152299;backdrop-filter:blur(3px)}dialog h2{font:900 30px 'Big Shoulders Display',sans-serif}dialog p{font-size:13px;line-height:1.6}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin-top:24px}.dialog-actions button{font-size:12px}.quote-previews{display:grid;grid-template-columns:1fr 1fr;background:#f1f3ef;border-radius:8px}.quote-previews img{width:100%;height:auto}.rights-check{display:flex;gap:8px;align-items:flex-start;font-size:12px;margin-top:20px;line-height:1.5}.no-script{padding:30px;text-align:center}.skip{position:absolute;left:-10000px}.skip:focus{left:10px;top:10px;z-index:100;background:#fff;padding:16px}[hidden]{display:none!important}.cs-language-bar{font-family:Barlow,Arial,sans-serif!important}.cs-language-bar small{font-weight:400}
@media(min-width:1500px){.studio-workspace{grid-template-columns:74px 250px minmax(500px,1fr) 300px}.garment-panel,.properties-panel{padding:24px}.canvas-stage{height:670px}}
@media(max-width:1100px){.studio-workspace{grid-template-columns:60px 190px minmax(260px,1fr) 220px}.garment-panel,.properties-panel{padding:18px 12px}.canvas-toolbar{padding:9px;flex-wrap:wrap}.canvas-stage{min-height:350px;height:50vw}.view-tools{gap:4px}.view-tools .toggle{display:none}.project-bar{flex-wrap:wrap}.project-actions{margin-left:auto}}
@media(max-width:850px){.studio-workspace{grid-template-columns:56px minmax(0,1fr) 235px}.tool-rail{grid-column:1;grid-row:1 / 3}.canvas-panel{grid-column:2;grid-row:1;position:relative;top:auto}.properties-panel{grid-column:3;grid-row:1 / 3}.garment-panel{grid-column:2;grid-row:2;border-top:1px solid var(--line)}.canvas-stage{height:48vw;min-height:320px}.canvas-footer span:last-child{display:none}.studio-intro>p{display:none}.save-state{min-width:170px}.canvas-toolbar{gap:6px}.view-tools .toggle{display:flex}.project-actions{margin-left:0}}
@media(max-width:600px){.studio-header{padding:16px;gap:12px;flex-wrap:wrap}.studio-header img{width:143px}.studio-badge{font-size:9px;padding-left:12px}.original-link{width:100%;text-align:right;font-size:11px}.studio-intro{padding:22px 16px}.studio-intro h1{font-size:34px;max-width:340px}.project-bar{padding:12px 16px;gap:10px}.project-name{width:160px}.save-state{min-width:110px;font-size:10px;line-height:1.4}.project-actions{gap:5px}.project-actions>button,.file-button{font-size:10px;padding:8px 9px}.studio-workspace{display:grid;grid-template-columns:minmax(0,1fr)}.tool-rail{grid-column:1;grid-row:1;flex-direction:row;overflow-x:auto;padding:6px 10px;border-right:0;border-bottom:1px solid var(--line)}.tool-rail button,.rail-upload{min-width:48px;min-height:52px}.rail-divider{width:1px;height:40px;margin:5px}.canvas-panel{grid-column:1;grid-row:2}.garment-panel{grid-column:1;grid-row:4;padding:22px 18px}.properties-panel{grid-column:1;grid-row:3;padding:22px 18px;border-left:0;border-top:1px solid var(--line)}.canvas-stage{height:100vw;min-height:300px;max-height:540px}.canvas-toolbar{padding:10px 14px;justify-content:space-between;flex-wrap:nowrap}.side-tabs button{padding:6px 12px}.view-tools{gap:4px}.view-tools .toggle{display:none}.selection-empty{padding:10px;text-align:left;display:grid;grid-template-columns:40px 1fr;gap:0 10px}.selection-empty>span{grid-row:1 / 3}.selection-empty h3{margin:0 0 8px}.selection-empty ul{display:none}.selection-empty p{margin:0}.next-step{margin-top:18px}.studio-help{padding:28px 18px;grid-template-columns:1fr;gap:20px}footer{flex-wrap:wrap;padding:24px 18px}.studio-seo,.buyer-info{padding:25px 18px;margin:0}.canvas-footer{font-size:9px}.base-colours{gap:18px}input[type=text],input[type=number],select,textarea{font-size:16px}.project-name input{font-size:16px}.quote-previews{grid-template-columns:1fr 1fr}dialog{padding:22px}.dialog-actions{justify-content:flex-start}.layer-list{max-height:270px}}

.studio-guide{max-width:1160px;margin:20px auto;padding:32px 3%;font-size:14px;line-height:1.7}.studio-guide h2{font:900 36px 'Big Shoulders Display',sans-serif}.studio-guide h3{font-size:18px}.studio-guide a{color:var(--teal)}.studio-guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:30px 0}.studio-guide-grid article{padding:24px;background:#fff;border:1px solid var(--line);border-radius:8px}.studio-guide-step{color:#a3762b;font-weight:700;font-size:12px}.studio-guide-grid h3{margin:12px 0}.studio-guide-note{border-left:3px solid var(--gold);padding:5px 24px}.studio-faq{margin:30px 0}.studio-faq details{border-top:1px solid var(--line);padding:18px 0}.studio-faq p{margin:12px 0 0}.studio-guide p{color:#566570}@media(max-width:700px){.studio-guide{padding:28px 18px}.studio-guide-grid{grid-template-columns:1fr;gap:12px}}

.custom-garment-controls{min-width:0}.garment-upload-intro{margin:4px 0 14px}.garment-photo-card{margin:0 0 10px;padding:11px;border:1px solid var(--line);border-radius:8px;background:#f8faf9;min-width:0}.garment-photo-heading{display:flex;align-items:baseline;justify-content:space-between;gap:6px;margin-bottom:10px}.garment-photo-heading h3{font-size:12px;margin:0}.garment-photo-heading>span{font-size:9px;line-height:1.3;color:var(--muted);text-align:right}.garment-photo-thumb{width:100%;height:124px;display:block;object-fit:contain;border:1px solid #e2e8e4;border-radius:4px;margin-bottom:10px;background:repeating-conic-gradient(#edf0ed 0% 25%,#fff 0% 50%) 50% / 16px 16px}.garment-photo-upload{display:flex;width:100%;font-size:10px;padding:8px 5px;margin:0;line-height:1.4;text-align:center;white-space:normal;min-height:38px;background:#fff}.garment-photo-upload:focus-within{outline:3px solid var(--teal);outline-offset:3px}.garment-photo-details{display:flex;align-items:center;gap:6px;margin-top:8px;min-width:0}.garment-photo-details .panel-hint{margin:0;flex:1;min-width:0;overflow-wrap:anywhere;font-size:9px}.photo-remove{font-size:9px;min-height:28px;padding:4px 5px;border-color:transparent;background:transparent;color:#8b4545;flex-shrink:0}.photo-remove:disabled{display:none}.print-area-tools{margin-top:18px;border-top:1px solid var(--line);padding-top:16px}.print-area-tools>.panel-hint{margin-top:0}.area-primary{border-color:#c0d6d0;background:#edf5f2;color:#0c5d58}.area-primary:hover{border-color:var(--teal);background:#e0eee9}.print-area-tools>button{width:100%;font-size:10px;padding:9px 6px}.area-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}.area-actions button{font-size:10px;padding:7px 8px;min-height:34px;flex:1}.area-status{padding:8px 9px;border-radius:5px;background:#f3f6f4;overflow-wrap:anywhere}.photo-tint-tools{margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}.photo-tint-tools>.toggle{font-size:10px;line-height:1.4;align-items:flex-start;gap:7px}.photo-tint-tools>.toggle input{margin-top:1px}.photo-tint-colour{margin:12px 0}.photo-tint-colour input{width:56px}.photo-tint-strength{font-size:10px}.photo-tint-strength output{float:right;color:var(--muted);font-weight:400}.custom-garment-controls button:disabled{cursor:default}@media(max-width:600px){.garment-photo-card{padding:14px}.garment-photo-thumb{height:160px}.garment-photo-upload{font-size:12px}.garment-photo-heading h3{font-size:13px}.garment-photo-details .panel-hint{font-size:11px}.garment-photo-heading>span,.photo-remove{font-size:11px}.print-area-tools>button,.area-actions button,.photo-tint-tools>.toggle,.photo-tint-strength{font-size:12px}.custom-garment-controls .panel-hint{font-size:11px}}

.area-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 14px;background:#edf5f2;border-bottom:1px solid #c0d6d0}.area-toolbar>span{font-size:11px;line-height:1.4;color:#0c5d58;font-weight:600}.area-toolbar-actions{display:flex;gap:6px;flex-wrap:wrap}.area-toolbar-actions button{font-size:10px;min-height:32px;padding:6px 9px}@media(max-width:1100px){.area-toolbar{flex-wrap:wrap}}@media(max-width:600px){.area-toolbar{padding:10px 14px}.area-toolbar-actions button{min-height:38px;font-size:11px}}

.fabric-colour-panel{margin:20px 0 0;padding:14px 12px 12px;border:1px solid #cbdad4;border-radius:9px;background:linear-gradient(160deg,#f4f9f6,#f9faf8)}.fabric-colour-panel>.garment-photo-heading{margin-bottom:14px}.fabric-colour-panel .garment-photo-heading h3{font-size:13px}.fabric-colour-panel>.fabric-colour-toggle{margin:0 0 16px;font-weight:700;color:#0c5d58}.fabric-colour-panel>label:not(.toggle){font-size:10px}.fabric-colour-panel select{background:#fff;font-size:11px;padding:9px 7px}.fabric-coverage-note{margin:-3px 0 15px;padding-left:9px;border-left:2px solid #bdd4c9;font-size:9px}.fabric-swatches{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:14px 0 12px}.fabric-swatch{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:7px 3px;min-width:0;min-height:48px;border:1px solid #dce4de;border-radius:6px;background:#fff;color:#5f6c66;font-size:9px;line-height:1.2;font-weight:500}.fabric-swatch>span{display:block;width:22px;height:22px;border-radius:50%;background:var(--swatch);box-shadow:inset 0 0 0 1px #10213218;flex-shrink:0}.fabric-swatch:hover{border-color:#8fae9f;background:#fff}.fabric-swatch[aria-pressed=true]{background:#edf5f0;border-color:var(--teal);color:#0c5d58;box-shadow:0 0 0 1px var(--teal)}.fabric-colour-panel .photo-tint-colour{margin-top:14px}.fabric-colour-panel .photo-tint-colour input{height:32px;width:52px;background:#fff}.fabric-colour-panel .photo-tint-strength{margin-bottom:15px}.fabric-match-button{display:block;width:100%;font-size:10px;padding:8px 5px;background:#fff;border-color:#bdd0c5;color:#0c5d58;line-height:1.4}.fabric-preview-note{margin:13px 0 0;font-size:9px;line-height:1.55}.fabric-colour-panel+.print-area-tools{margin-top:20px}@media(max-width:600px){.fabric-colour-panel{padding:17px 15px}.fabric-colour-panel .garment-photo-heading h3{font-size:14px}.fabric-colour-panel>label:not(.toggle),.fabric-match-button{font-size:12px}.fabric-colour-panel select{font-size:16px}.fabric-swatches{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.fabric-swatch{min-height:51px;font-size:9px}.fabric-swatch>span{width:25px;height:25px}.fabric-colour-panel .panel-hint{font-size:11px}}@media(max-width:360px){.fabric-swatches{grid-template-columns:repeat(3,minmax(0,1fr))}}

.fabric-colour-preview-wrap{position:sticky;top:12px;z-index:2;display:grid;justify-items:center;gap:5px;margin:0 0 15px;padding:9px 8px 7px;border:1px solid #d2dfd7;border-radius:7px;background:#f8faf8;box-shadow:0 3px 10px #1021320a}.fabric-colour-preview-wrap canvas{display:block;width:140px;max-width:100%;height:auto;aspect-ratio:1;background:repeating-conic-gradient(#e7ece7 0% 25%,#f8faf8 0% 50%) 50% / 14px 14px;border-radius:4px}.fabric-colour-preview-caption{font-size:9px;line-height:1.3;font-weight:600;letter-spacing:.3px;color:#65776b}@media(max-width:600px){.fabric-colour-preview-wrap{top:8px;box-shadow:0 4px 12px #10213214}.fabric-colour-preview-wrap canvas{width:148px}.fabric-colour-preview-caption{font-size:10px}}

/* Design Studio upgrade, preview only. Selected display fonts load from this page. */
@font-face{font-family:Barlow;src:url('fonts/barlow.woff2') format('woff2');font-display:swap;font-weight:400 900}
@font-face{font-family:'Big Shoulders Display';src:url('fonts/bigshouldersdisplay.woff2') format('woff2');font-display:swap;font-weight:400 900}
.preview-banner{background:#0e1a2b;color:#f6d288;text-align:center;padding:8px 16px;font-size:11px;letter-spacing:1.1px;font-weight:800;text-transform:uppercase}
.studio-stepper{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:11px 3%;background:#e9ece8;border-bottom:1px solid #d2d9d4}
.studio-stepper button{display:flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;background:#fff;font-size:12px;border-radius:8px;min-height:44px}
.studio-stepper button b{display:grid;place-items:center;border-radius:50%;height:22px;width:22px;background:#e8edf0;color:#24394b}
.studio-stepper button[aria-current=step]{background:#102132;color:#fff;border-color:#102132}.studio-stepper button[aria-current=step] b{background:#edb64c;color:#102132}
.studio-workspace{grid-template-columns:66px 290px minmax(300px,1fr) 280px}
.upgrade-controls{border-top:1px solid var(--line);padding-top:18px;margin-top:18px}.upgrade-step h3{font-size:16px;margin:0 0 12px}
.upgrade-step label{line-height:1.5}.upgrade-step .toggle{margin:12px 0;align-items:flex-start;font-size:11px}.upgrade-step .toggle input{margin-top:3px}
.wash-seed{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:12px 0;font-size:11px}.wash-seed button{font-size:10px;padding:7px 8px}
.tie-colours{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tie-colours input{display:block;width:100%;height:38px;border:1px solid var(--line);border-radius:5px}
.template-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;max-height:340px;overflow:auto}.template-gallery button{min-height:78px;display:grid;align-content:end;text-align:left;gap:5px;font-size:10px;background:linear-gradient(135deg,var(--template-main,#102132) 0 43%,var(--template-accent,#e0a526) 43% 57%,var(--template-main,#102132) 57%);color:#fff;text-shadow:0 1px 3px #0009}.template-gallery button small{font-size:9px;font-weight:500}
body[data-studio-step] [data-show-steps]{display:none!important}
body[data-studio-step="1"] [data-show-steps~="1"],body[data-studio-step="2"] [data-show-steps~="2"],body[data-studio-step="3"] [data-show-steps~="3"],body[data-studio-step="4"] [data-show-steps~="4"],body[data-studio-step="5"] [data-show-steps~="5"]{display:revert!important}
body[data-studio-step] .upgrade-step{display:none}body[data-studio-step="1"] .upgrade-step[data-upgrade-step="1"],body[data-studio-step="2"] .upgrade-step[data-upgrade-step="2"],body[data-studio-step="3"] .upgrade-step[data-upgrade-step="3"],body[data-studio-step="4"] .upgrade-step[data-upgrade-step="4"],body[data-studio-step="5"] .upgrade-step[data-upgrade-step="5"]{display:block}
.studio-advanced{border-top:1px solid var(--line);padding-top:11px;margin-top:15px}.studio-advanced summary{font-size:12px;color:#0f706a;list-style:auto}
.studio-advanced .field-grid{margin-top:12px}.studio-advanced label{font-size:11px}
.font-search{margin-bottom:8px}.font-demo{font-size:14px!important;min-height:38px}.decoration-note{padding:9px 11px;background:#f8f3e7;border-left:3px solid #edb64c;font-size:10px;line-height:1.5}
.canvas-stage[data-background="studio-grey"]{background-color:#dfe2e0}.canvas-stage[data-background="green-pitch"]{background:#426d48 url('backgrounds/green-pitch.webp') center/cover}.canvas-stage[data-background="basketball-court"]{background:#b97d49 url('backgrounds/basketball-court.webp') center/cover}.canvas-stage[data-background="ice-rink"]{background:#dcecf3 url('backgrounds/ice-rink.webp') center/cover}.canvas-stage[data-background="concrete-street"]{background:#9b9d99 url('backgrounds/concrete-street.webp') center/cover}.canvas-stage[data-background="transparent"]{background-color:#f4f4f4;background-image:repeating-conic-gradient(#ddd 0 25%,#fff 0 50%);background-size:20px 20px}
@media(max-width:1100px){.studio-workspace{grid-template-columns:56px 230px minmax(280px,1fr) 235px}}
@media(max-width:850px){.studio-workspace{grid-template-columns:56px minmax(0,1fr) 235px}.studio-stepper{gap:4px}.studio-stepper button{font-size:10px;padding:7px 4px}.studio-stepper button b{width:18px;height:18px}}
@media(max-width:600px){.studio-stepper{display:flex;overflow-x:auto;padding:8px 12px;scroll-snap-type:x mandatory}.studio-stepper button{flex:0 0 auto;min-width:122px;scroll-snap-align:start;min-height:44px;font-size:11px}.studio-workspace{display:grid;grid-template-columns:minmax(0,1fr)}.canvas-panel{grid-column:1;grid-row:1;position:relative}.tool-rail{grid-column:1;grid-row:2}.garment-panel{grid-column:1;grid-row:3;position:relative;border-radius:18px 18px 0 0;box-shadow:0 -9px 24px #10213217;border-top:3px solid #edb64c;padding:20px 18px}.properties-panel{grid-column:1;grid-row:4}.canvas-stage{height:min(92vw,430px);min-height:300px}.upgrade-step button,.upgrade-step select{min-height:44px}.template-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.studio-stepper{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;gap:6px}.studio-stepper button{min-width:0;white-space:normal;font-size:14px;line-height:1.15;min-height:48px}.garment-panel label,.properties-panel label,.garment-panel input,.properties-panel input,.garment-panel select,.properties-panel select,.garment-panel button,.properties-panel button,.panel-hint,.studio-message,.artwork-note{font-size:14px}.garment-panel button,.properties-panel button,.project-actions button,.file-button{min-height:44px}.tool-rail{flex-direction:row;overflow-x:auto;gap:4px;padding:5px}.tool-rail button,.rail-upload{min-width:58px;min-height:52px;font-size:12px}.tool-rail b{font-size:18px}.canvas-toolbar button{min-height:44px;font-size:13px}.canvas-footer{font-size:12px}.project-actions>button,.file-button{font-size:13px}.preview-banner{font-size:12px}.studio-badge,.original-link{font-size:12px}.studio-intro>p,.save-state,.project-name,.project-name input{font-size:14px}}
.font-gallery{display:grid;gap:4px;max-height:280px;overflow:auto;margin:8px 0;border:1px solid #dce5e2;border-radius:7px;padding:7px;background:#fff}.font-group-title{margin:11px 0 3px;color:#61747a;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.font-preview-choice{width:100%;height:40px;padding:2px;text-align:left;background:#fff}.font-preview-choice[aria-pressed=true]{border-color:#0f706a;background:#e9f5f0}.font-preview-choice[hidden]{display:none}.font-preview-sprite{display:block;width:300px;max-width:100%;height:34px;background-image:url('fonts/font-preview.webp');background-repeat:no-repeat;background-size:320px auto}.font-gallery:not(:has(button:not([hidden]))) .font-group-title{display:none}
#fix-selected-logo{width:100%;margin:11px 0;min-height:44px}#logo-fixer-dialog{width:min(1100px,96vw);height:92vh;max-height:92vh;border:0;border-radius:12px;padding:0;overflow:hidden;box-shadow:0 25px 80px #07171aaa}#logo-fixer-dialog::backdrop{background:#091923b5}#logo-fixer-dialog>button{display:block;width:100%;height:44px;border-radius:0;background:#102132;color:#fff;border:0;text-align:right;padding:0 18px;font-size:14px}#logo-fixer-dialog iframe{width:100%;height:calc(100% - 44px);border:0}#logo-fixer-dialog[open]{display:block}
@media(max-width:600px){.tool-rail{flex-wrap:wrap;overflow:visible;justify-content:center}.tool-rail button,.tool-rail .rail-upload{flex:0 0 62px}.tool-rail .rail-divider{display:none}#logo-fixer-dialog{width:100vw;height:96vh;max-height:96vh;border-radius:10px 10px 0 0}}

.canvas-stage[data-background='studio-grey']{background-size:cover;background-repeat:no-repeat;background-position:center}

.decoration-style-preview{display:flex;align-items:center;gap:12px;padding:10px 12px;margin:-3px 0 15px;background:#ecefeb;border-radius:8px;font-size:11px}.decoration-sample{display:grid;place-items:center;width:52px;height:38px;background:#17423d;color:#e8ca86;border-radius:4px;font:900 21px 'Big Shoulders Display',sans-serif}.decoration-style-preview[data-style='embroidery'] .decoration-sample,.decoration-style-preview[data-style='puff-embroidery'] .decoration-sample{text-shadow:1px 1px #fff9,2px 3px #000b,3px 4px #0008;box-shadow:0 3px 6px #0005,inset 0 1px #fff7}.decoration-style-preview[data-style='puff-print'] .decoration-sample,.decoration-style-preview[data-style='high-density-print'] .decoration-sample{text-shadow:-2px -2px #fff9,2px 3px #000e,4px 5px #0009;box-shadow:0 5px 8px #0005,inset 0 2px #fff8}
.template-gallery[data-kind='streetwear'] .template-choice:nth-child(1){background:linear-gradient(#a9aaa3 0 100%)}
.template-gallery[data-kind='streetwear'] .template-choice:nth-child(2){background:#4b352d}
.template-gallery[data-kind='streetwear'] .template-choice:nth-child(3){background:#214035}
.template-gallery[data-kind='streetwear'] .template-choice:nth-child(4){background:linear-gradient(145deg,#242526,#555650 47%,#202123)}
.template-gallery[data-kind='streetwear'] .template-choice:nth-child(5){background:linear-gradient(180deg,#a3937d,#604c3e 72%)}
.template-gallery[data-kind='streetwear'] .template-choice:nth-child(6){background:#e9dfcc}
.template-gallery[data-kind='streetwear'] .template-choice:nth-child(7){background:repeating-linear-gradient(125deg,#596246 0 26px,#bfc5a5 27px 31px,#596246 32px 52px)}
.template-gallery[data-kind='streetwear'] .template-choice:nth-child(8){background:repeating-linear-gradient(90deg,#244439 0 24px,#d6d3c3 25px 31px,#244439 32px 48px)}
.template-gallery[data-kind='streetwear'] .template-choice:nth-child(9){background:linear-gradient(180deg,#51382e 0 48%,#c3ad96 49% 55%,#51382e 56%)}
.template-gallery[data-kind='streetwear'] .template-choice:nth-child(10){background:linear-gradient(90deg,#2c302b 0 70%,#697457 71% 76%,#2c302b 77%)}
.template-gallery[data-kind='streetwear'] .template-choice:nth-child(11){background:#747b64}
.template-gallery[data-kind='streetwear'] .template-choice{position:relative;overflow:hidden}
.template-gallery[data-kind='streetwear'] .template-choice:nth-child(2)::before{content:'YOUR BRAND';position:absolute;top:18px;left:8px;right:8px;color:#efe4d2;font:900 17px Bungee,sans-serif;text-align:center}
.template-gallery[data-kind='streetwear'] .template-choice:nth-child(3)::before{content:'𝕮𝕾';position:absolute;top:8px;left:0;right:0;color:#e9e4d6;font:900 40px Georgia,serif;text-align:center}
.template-gallery[data-kind='streetwear'] .template-choice:nth-child(6)::before{content:'C';position:absolute;top:1px;left:0;right:0;color:#782f39;-webkit-text-stroke:2px #f7eee1;font:900 56px Graduate,serif;text-align:center;text-shadow:2px 2px #6e3039}
.template-gallery[data-kind='streetwear'] .template-choice:nth-child(11)::before{content:'CS';position:absolute;top:12px;left:12px;color:#e9e8d8;font:800 16px Barlow,sans-serif}
.template-gallery[data-kind='streetwear'] .template-choice:nth-child(12){background:linear-gradient(155deg,#e7e0d3,#dfd8ca)}

/* Preview mobile editor: one garment viewport, with the existing controls in a bottom sheet. */
.mobile-controls,.studio-information-intro{display:none}
#quote-upload-progress{display:block;width:100%;height:12px;accent-color:var(--teal);margin:16px 0 8px}
.piping-controls{padding-top:15px;margin-top:15px;border-top:1px solid var(--line)}.piping-controls h3{margin-bottom:12px}.piping-controls fieldset{margin:12px 0;padding:10px 0 0;border:0;border-top:1px solid var(--line)}.piping-controls legend{padding:0 6px 0 0;font-size:12px;font-weight:700}.piping-controls fieldset .toggle{display:flex;align-items:center;gap:8px;margin:8px 0}.piping-controls fieldset input{flex:0 0 16px;width:16px;height:16px}.piping-colours{display:grid;grid-template-columns:1fr 1fr;gap:12px}.piping-colours label{display:flex;flex-direction:column;gap:6px}.piping-colours input[type=color]{width:100%;height:38px}.piping-controls output{float:right;font-size:12px;font-weight:600}
.streetwear-zone-colours{flex-wrap:wrap;gap:10px}.streetwear-zone-colours label{flex:0 0 48px;line-height:1.25}
.streetwear-zone-colours .zone-one-colour{flex:1 0 100%;text-align:left;margin-bottom:4px}
.template-gallery[data-kind=sport] .template-thumb{background:var(--template-main,#244439);border-color:var(--template-trim,#eee4cb)}
.template-gallery[data-kind=sport] .template-thumb[data-pattern=stripes]{background:repeating-linear-gradient(90deg,var(--template-main) 0 15px,var(--template-accent) 15px 28px)}
.template-gallery[data-kind=sport] .template-thumb[data-pattern=pinstripe]{background:repeating-linear-gradient(90deg,var(--template-main) 0 13px,var(--template-accent) 13px 15px)}
.template-gallery[data-kind=sport] .template-thumb[data-pattern=hoops]{background:repeating-linear-gradient(0deg,var(--template-main) 0 12px,var(--template-accent) 12px 23px)}
.template-gallery[data-kind=sport] .template-thumb[data-pattern=sash]{background:linear-gradient(135deg,var(--template-main) 36%,var(--template-accent) 37% 59%,var(--template-main) 60%)}
.template-gallery[data-kind=sport] .template-thumb[data-pattern=halves]{background:linear-gradient(90deg,var(--template-main) 50%,var(--template-accent) 50%)}
.template-gallery[data-kind=sport] .template-thumb[data-pattern=fade],.template-gallery[data-kind=sport] .template-thumb[data-pattern=gradient]{background:linear-gradient(0deg,var(--template-main),var(--template-accent))}
@media(max-width:768px){
  html{scrollbar-width:none}html::-webkit-scrollbar{width:0}
  body{padding-bottom:calc(104px + env(safe-area-inset-bottom,0px))}
  .studio-header{height:48px;min-height:48px;padding:9px 12px;gap:10px;flex-wrap:nowrap}
  .studio-header img{width:126px}.studio-badge{font-size:9px;letter-spacing:1px;padding-left:10px}.studio-badge b{display:none}
  .original-link{font-size:10px;width:auto;white-space:nowrap;margin-left:auto}
  .preview-banner{height:24px;padding:5px 10px;font-size:9px;line-height:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .studio-intro{padding:0;height:0;overflow:hidden}
  .studio-intro h1{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
  #studio-editor>.project-bar,#studio-editor>.studio-stepper{display:none}
  .studio-editor{position:relative;min-height:100vh;min-height:100svh}
  body.studio-reading{padding-bottom:0}
  .studio-information-intro{display:block;padding:14px 18px;background:#f8faf9;border-top:1px solid var(--line);scroll-margin-top:0}
  .studio-information-intro a,.studio-read-link{font-size:12px;font-weight:600;color:var(--teal)}
  .studio-information-intro a{display:inline-block;min-height:32px;padding:7px 0}
  .studio-read-link{display:block;flex:0 0 auto;padding:8px 14px;min-height:34px;text-align:center;border-bottom:1px solid var(--line)}
  .studio-workspace{display:block;width:100%;position:sticky;top:0;z-index:3;border:0}
  .studio-workspace>.tool-rail,.studio-workspace>.garment-panel,.studio-workspace>.properties-panel{display:none}
  .canvas-panel{width:100%;position:relative;top:auto;grid-column:auto;grid-row:auto;border:0}
  .canvas-toolbar{min-height:52px;padding:5px 8px;flex-wrap:nowrap;gap:5px}
  .side-tabs button{padding:6px 13px;min-height:40px;font-size:13px}
  .view-tools{gap:3px}.view-tools button{padding:5px 8px;min-height:40px;font-size:13px}.view-tools output{font-size:11px}.view-tools .toggle{display:none}
  .canvas-stage{width:100%;height:100vw;min-height:0;max-height:none;overflow:auto}
  .mobile-sheet-open .canvas-stage{height:var(--mobile-open-stage-height,min(100vw,calc(55dvh - 132px)))}
  .canvas-sizer{padding:8px}
  .canvas-footer{padding:6px 10px;font-size:10px;min-height:25px}
  .canvas-footer>span:last-child{display:none}
  .studio-message{font-size:11px;line-height:1.35;padding:7px 10px;min-height:29px}
  .artwork-note{display:none}
  .mobile-controls:not([hidden]){display:flex;flex-direction:column;position:fixed;inset:auto 0 0;z-index:20;width:100%;max-height:45vh;max-height:var(--mobile-sheet-max-height,45dvh);background:#fff;border-top:1px solid #becfc8;border-radius:16px 16px 0 0;box-shadow:0 -7px 26px #10213224;padding-bottom:env(safe-area-inset-bottom,0px)}
  .mobile-sheet-heading{flex:0 0 auto;padding:0 10px}
  #mobile-controls-toggle{display:grid;grid-template-columns:1fr 24px;align-items:center;width:100%;min-height:41px;padding:8px 4px 4px;border:0;background:#fff;text-align:left;font-size:13px;line-height:18px}
  .mobile-sheet-handle{grid-column:1 / -1;justify-self:center;width:34px;height:3px;margin:-1px 0 5px;border-radius:9px;background:#bac8c2}
  #mobile-controls-state{text-align:center;font-size:18px;color:var(--teal)}
  #mobile-stepper-slot{flex:0 0 auto;padding:0 8px 7px;border-bottom:1px solid var(--line)}
  #mobile-stepper-slot .studio-stepper{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;overflow:visible;padding:0;background:#fff;border:0}
  #mobile-stepper-slot .studio-stepper button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:0;min-height:45px;padding:3px 1px;font-size:10px;line-height:1.15;white-space:normal;border-radius:6px}
  #mobile-stepper-slot .studio-stepper button b{width:16px;height:16px;line-height:16px;font-size:9px;flex:0 0 auto}
  .mobile-controls-body{min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;max-height:calc(45vh - 104px);max-height:calc(var(--mobile-sheet-max-height,45dvh) - 104px);padding-bottom:12px}
  .mobile-controls-body .garment-panel,.mobile-controls-body .properties-panel{padding:15px 14px;border:0;border-radius:0;box-shadow:none}
  .mobile-controls-body .garment-panel>.panel-title:first-child{display:none}
  .mobile-controls-body label,.mobile-controls-body .panel-hint{font-size:12px}
  .mobile-controls-body input[type=text],.mobile-controls-body input[type=number],.mobile-controls-body select,.mobile-controls-body textarea{font-size:16px}
  .mobile-controls-body button,.mobile-controls-body .file-button{min-height:44px}
  .mobile-controls-body .tool-rail{display:flex;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;gap:4px;padding:8px;border:0;border-bottom:1px solid var(--line)}
  .mobile-controls-body .tool-rail button,.mobile-controls-body .rail-upload{flex:0 0 56px;min-width:56px;min-height:48px;font-size:10px;padding:4px}
  .mobile-controls-body .tool-rail b{font-size:18px}.mobile-controls-body .rail-divider{display:none}
  .mobile-controls-body .project-bar{display:flex;padding:12px 14px;gap:10px;border-top:0}
  .mobile-controls-body .project-name{width:100%}.mobile-controls-body .project-actions{width:100%;gap:6px}.mobile-controls-body .project-actions>*{flex:1 1 40%;font-size:12px}
  .mobile-controls-body .save-state{font-size:11px}.mobile-controls-body .template-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mobile-controls-body .template-gallery button{min-height:95px;font-size:12px}
  #mobile-project-slot,#mobile-tools-slot,#mobile-properties-slot{display:none}
  .mobile-controls[data-step='3'] #mobile-tools-slot,.mobile-controls[data-step='4'] #mobile-tools-slot,.mobile-controls[data-step='3'] #mobile-properties-slot,.mobile-controls[data-step='4'] #mobile-properties-slot,.mobile-controls[data-step='5'] #mobile-properties-slot,.mobile-controls[data-step='5'] #mobile-project-slot{display:block}
  .mobile-controls:not([data-step='1']) #garment-source,.mobile-controls:not([data-step='1']) .garment-panel>label:first-of-type{display:none}
  .mobile-controls:not([data-step='1']):not([data-step='2']) #catalogue-controls,.mobile-controls:not([data-step='1']):not([data-step='2']) #custom-garment-controls{display:none}
  .mobile-controls[data-step='1'] #catalogue-controls>:not(label:first-child):not(label:nth-child(2)){display:none}
  .mobile-controls[data-step='2'] #catalogue-controls>label:first-child,.mobile-controls[data-step='2'] #catalogue-controls>label:nth-child(2),.mobile-controls[data-step='2'] #catalogue-controls>.section-divider{display:none}
  .mobile-controls:not([data-step='3']):not([data-step='4']) #custom-garment-controls~*{display:none}
  .mobile-controls:not([data-step='5']) .next-step{display:none}
  .mobile-controls[data-step='5'] .properties-panel>.panel-title,.mobile-controls[data-step='5'] #selection-empty,.mobile-controls[data-step='5'] #selection-properties{display:none}
  .mobile-controls .next-step{margin:0;padding:0;border:0}
  .mobile-controls #fabric-colour-preview-wrap{display:none!important}
  .studio-help{padding:24px 14px}.studio-guide{padding:22px 14px}
  dialog{max-width:96vw;padding:18px}dialog .dialog-actions button{min-height:44px}
}

.template-gallery[data-kind=sport] .template-choice{background:#fff;color:var(--ink);text-shadow:none;padding:7px}.template-gallery[data-kind=sport] .template-thumb{display:block;width:100%;height:34px;border:3px solid var(--template-trim);border-radius:3px}

/* R8: feedback stays with the customer's garment upload, on desktop and phone. */
body[data-garment-source="custom"] #upgrade-controls [data-upgrade-step="1"]{display:none!important}
.garment-photo-card[data-upload-state]{transition:border-color .15s,background-color .15s}
.garment-photo-card[data-upload-state="preparing"]{border-color:#7aaea2;background:#f0f7f4}
.garment-photo-card[data-upload-state="ready"]{border-color:#b8d0c5}
.garment-photo-card[data-upload-state="error"]{border-color:#b86a60;background:#fff8f6}
.garment-photo-details [data-upload-state]{font-size:11px;line-height:1.5;min-height:17px}
.garment-photo-details [data-upload-state="error"]{color:#973a30;font-weight:600}
.garment-photo-details [data-upload-state="preparing"]{color:#0c5d58;font-weight:600}
.garment-photo-details [data-upload-state="preparing"]::before{content:"";display:inline-block;width:10px;height:10px;margin-right:6px;border:2px solid #b8d0c5;border-top-color:#0f706a;border-radius:50%;vertical-align:-2px;animation:r8-upload-progress .8s linear infinite}
.garment-photo-details [data-upload-state="ready"]::before{content:"";display:inline-block;width:6px;height:6px;margin-right:6px;background:#0f706a;border-radius:50%;vertical-align:1px}
body[data-garment-source="custom"] .garment-photo-upload{border-color:#a9c4b8;background:#f4f9f6}
body[data-garment-source="custom"] .fabric-colour-panel:has(#tint-enabled:disabled) #tint-coverage-note{padding:9px 10px;background:#f7f2e5;border-left-color:#b89a51;border-radius:0 5px 5px 0}
@keyframes r8-upload-progress{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.garment-photo-card[data-upload-state]{transition:none}.garment-photo-details [data-upload-state="preparing"]::before{animation:none}}