:root{color-scheme:light only}
.ps.studio-workbench .swatches canvas{
 display:block;width:100%;height:100%;border-radius:50%;pointer-events:none;touch-action:auto;
}
.ps.studio-workbench .ptop{margin-bottom:18px}
.ps.studio-workbench .ptop h1{letter-spacing:-.065em}
.ps.studio-workbench .editor-tabs{
 position:relative;top:auto;z-index:4;max-width:1600px;margin:0 auto;
 grid-template-columns:repeat(3,minmax(0,1fr));
 padding:0;border:1px solid var(--line);border-bottom:0;background:#f8f8f3;
}
.ps.studio-workbench .editor-tabs button{
 display:grid;grid-template-columns:auto 1fr;gap:2px 9px;align-items:baseline;
 padding:12px 10px;margin:0;text-align:left;white-space:normal;font-size:12px;
 border-right:1px solid var(--line);border-bottom:3px solid transparent;
}
.ps.studio-workbench .editor-tabs button:last-child{border-right:0}
.ps.studio-workbench .editor-tabs button[aria-selected=true]{
 background:#edf0ff;color:#173bc9;border-bottom-color:#173bc9;
}
.ps.studio-workbench .editor-tabs .step-no{font-size:9px;color:#414b79}
.ps.studio-workbench .editor-tabs small{
 grid-column:2;font-weight:500;letter-spacing:0;font-size:10px;color:#4d5260;
}
.ps.studio-workbench .studio-experience{
 display:flex;flex:0 0 auto;width:100%;max-width:none;margin:0;padding:6px 10px;gap:5px;
 border-top:0;background:var(--paper);
}
.ps.studio-workbench.studio-focused .studio-experience{
 position:sticky;bottom:0;z-index:5;background:var(--paper);
 padding-bottom:max(6px,env(safe-area-inset-bottom));
}
.ps.studio-workbench .studio-experience button{min-height:38px;padding:7px 11px}
.ps.studio-workbench .studio-experience{scroll-margin-top:104px}
.ps.studio-workbench .studio-experience .studio-create-shortcut{
 color:#15182d;border-color:#ff681d;background:#ff681d;
}
.ps.studio-workbench .studio-return-editing{
 position:absolute;z-index:2;top:10px;right:10px;margin:0;min-height:44px;
 padding:7px 10px;color:#172641;background:#fffdf5;
}
.ps.studio-workbench .studio-experience .blank-garment{margin-left:0}
.ps.studio-workbench .studio-experience .expand-studio{margin-left:auto}
.ps.studio-workbench .panel{padding-top:15px}
.ps.studio-workbench .studio-create-choices{
 display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;margin:0 0 12px;
}
.ps.studio-workbench .studio-create-choices button{
 margin:0;padding:7px 2px;min-height:40px;font-size:11px;
}
.ps.studio-workbench .studio-create-choices button[aria-pressed=true]{background:#173bc9;color:white}
.ps.studio-workbench [data-create-panel]>h2{font-size:clamp(23px,3vw,38px);margin:16px 0 6px}
.ps.studio-workbench .studio-ai{margin-bottom:12px}
.ps.studio-workbench .studio-ai-versions{display:flex;gap:5px;align-items:center}
.ps.studio-workbench .studio-ai-versions button{
 margin:0;padding:5px 9px;min-height:32px;background:white;color:#173bc9;
}
.ps.studio-workbench .studio-ai-versions button[aria-pressed=true]{background:#173bc9;color:#fff}
.ps.studio-workbench .studio-jump-preview{display:none}
.ps.studio-workbench .studio-live-message{
 position:static;flex:0 0 auto;margin:0;padding:8px 12px;
 color:#fff;background:#17213a;pointer-events:none;font-size:11px;
}
.ps.studio-workbench .studio-live-message:empty{display:none}
.ps.studio-workbench .clear-design{margin-top:9px}
.ps.studio-workbench .editor-next{padding-top:12px}
@media(max-width:760px){
 .ps.studio-workbench .editor-tabs{position:sticky;top:77px}
 .ps.studio-workbench .editor-tabs button{font-size:10px;padding:9px 4px;gap:3px}
 .ps.studio-workbench .editor-tabs .step-no{font-size:7px}
 .ps.studio-workbench .editor-tabs small{display:none}
 .ps.studio-workbench .pgrid{grid-template-rows:auto auto;height:auto;max-height:none;min-height:0}
 .ps.studio-workbench .panel{height:auto;overflow:visible;scroll-margin-top:130px;padding:14px}
 .ps.studio-workbench .studio-jump-preview{display:inline-block;font-size:10px;margin:0 0 10px}
 .ps.studio-workbench .stage{scroll-margin-top:125px}
 .ps.studio-workbench .studio-experience{justify-content:start}
 .ps.studio-workbench .studio-experience button{min-height:36px;font-size:9px;padding:5px 7px}
 .ps.studio-workbench .studio-experience .expand-studio{margin-left:0}
 .ps.studio-workbench.studio-focused .editor-tabs{top:0}
 .ps.studio-workbench.studio-focused .panel{scroll-margin-top:60px}
}

@media(max-width:760px){
 .ps.studio-workbench .studio-preview-column{grid-row:1}
 .ps.studio-workbench .panel{grid-row:2}
 .ps.studio-workbench.studio-focused .pgrid{height:auto;grid-template-rows:auto auto}
}

/* The studio pairs the live garment with a compact AI artwork lab. */
.ps.studio-workbench{--studio-blue:#173bc9;--studio-lime:#e8ff78;--studio-ink:#15182d}
.ps.studio-workbench .studio-masthead{
 position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;
 border-bottom:1px solid var(--line);padding-bottom:15px;margin-bottom:9px;
}
.ps.studio-workbench .studio-masthead small{color:var(--studio-blue);font-size:10px;letter-spacing:.13em}
.ps.studio-workbench .studio-masthead h1{font-size:clamp(38px,6vw,85px);margin:7px 0;line-height:.98}
.ps.studio-workbench .studio-masthead h1 em{font-style:normal;color:var(--studio-blue)}
.ps.studio-workbench .studio-masthead p{margin:5px 0 0;color:#464858}
.studio-stamp{
 display:grid;flex:none;place-content:center;justify-items:center;gap:3px;width:94px;aspect-ratio:1;
 background:#ff681d;border:1px solid var(--studio-ink);border-radius:50%;transform:rotate(10deg);
 box-shadow:4px 4px 0 var(--studio-ink);color:var(--studio-ink);font-size:7px;font-weight:800;letter-spacing:.08em;
}
.studio-stamp strong{font:900 38px/.9 Factory,Arial,sans-serif;letter-spacing:-.12em;padding-right:.12em}
.ps.studio-workbench .pgrid{border-color:#252936;background:#f1efe7}
.ps.studio-workbench .stage{isolation:isolate}
.studio-stage-mark{
 position:absolute;z-index:1;top:15px;left:15px;padding:5px 8px;background:#181b2a;color:white;
 font-size:8px;letter-spacing:.12em;font-weight:800;pointer-events:none;
}
.ps.studio-workbench .stage .stage-hint{top:44px;margin:0;max-width:calc(100% - 30px)}
.ps.studio-workbench .editor-tabs button[aria-selected=true]{
 background:var(--studio-blue);color:white;border-bottom-color:var(--studio-lime);
}
.ps.studio-workbench .editor-tabs button[aria-selected=true] :is(.step-no,small){color:#fff}
.ps.studio-workbench .studio-create-choices [data-create-mode="ai"][aria-pressed=true]{
 background:var(--studio-lime);color:var(--studio-ink);border-color:var(--studio-ink);
}
.ps.studio-workbench .studio-ai{
 border:1px solid var(--studio-blue);background:var(--studio-blue);color:#fff;
 box-shadow:3px 3px 0 #142376;
}
.ps.studio-workbench .studio-ai-head{
 position:relative;padding:15px 66px 12px 16px;
 background:radial-gradient(#ffffff32 .75px,transparent .75px) right top/8px 8px, var(--studio-blue);
}
.ps.studio-workbench .studio-ai-head::after{
 content:'✦';position:absolute;right:13px;top:16px;color:var(--studio-lime);font-size:44px;line-height:1;
}
.ps.studio-workbench .studio-ai-head h2{color:#fff;font-size:clamp(25px,3.6vw,49px)}
.ps.studio-workbench .studio-ai-body{padding:12px 15px 14px;gap:7px}
.ps.studio-workbench .studio-ai-body label{margin:0;color:#fff}
.ps.studio-workbench .studio-ai-body textarea{min-height:76px;border:0;border-radius:2px}
.ps.studio-workbench .studio-ai-body textarea:focus-visible{outline-color:var(--studio-lime)}
.ps.studio-workbench .studio-idea-heading{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:11px}
.ps.studio-workbench .studio-shuffle{
 margin:0;padding:4px 7px;min-height:30px;background:transparent;color:#fff;border:1px solid #ffffff90;font-size:10px;
}
.ps.studio-workbench .studio-ai-ideas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.ps.studio-workbench .studio-ai-ideas button{
 display:grid;justify-items:start;text-align:left;gap:4px;padding:4px 4px 6px;color:var(--studio-ink);
 line-height:1.25;border:0;min-width:0;background:#fffdf5;
}
.ps.studio-workbench .studio-ai-ideas button>span:last-child{padding-inline:2px}
.idea-art{display:grid;place-items:center;width:100%;height:32px}
.idea-art svg{width:38px;height:29px}
.idea-heritage{color:#3e241b;background:#eac6a2}
.idea-print{color:#f7efcf;background:#ce451a}
.idea-stitch{color:var(--studio-lime);background:#272738}
.ps.studio-workbench .studio-ai-action .studio-ai-generate,.ps.studio-workbench .studio-ai-result .studio-ai-apply{
 background:var(--studio-lime);color:var(--studio-ink);border-color:var(--studio-lime);font-weight:800;
}
.ps.studio-workbench .studio-ai-action .studio-ai-generate{flex:1;min-height:42px}
.ps.studio-workbench .studio-ai .fine,.ps.studio-workbench .studio-ai-download{color:#fff}
.ps.studio-workbench .studio-ai-status:empty{min-height:0}
.ps.studio-workbench .studio-ai-result>img{border:1px solid white}
.ps.studio-workbench .studio-ai-versions button{
 display:flex;align-items:center;gap:4px;padding:3px 6px 3px 3px;color:var(--studio-ink);background:#fffdf5;
}
.ps.studio-workbench .studio-ai-versions button[aria-pressed=true]{background:var(--studio-lime);color:var(--studio-ink)}
.ps.studio-workbench .studio-ai-versions img{width:23px;height:23px;object-fit:contain;background:#fff}
@media(prefers-reduced-motion:no-preference){
 .studio-stamp,.ps.studio-workbench .studio-ai-ideas button,.ps.studio-workbench .studio-shuffle{transition:transform .2s ease}
 .studio-stamp:hover{transform:rotate(-5deg)}
 .ps.studio-workbench .studio-ai-ideas button:hover,.ps.studio-workbench .studio-shuffle:hover{transform:translateY(-2px)}
}
@media(max-width:760px){
 .studio-stamp{width:65px;font-size:5px;box-shadow:2px 2px 0 var(--studio-ink);margin-right:3px}
 .studio-stamp strong{font-size:27px}
 .ps.studio-workbench .studio-masthead h1{font-size:clamp(33px,8vw,56px)}
 .studio-stage-mark{top:10px;left:10px}
 .ps.studio-workbench .stage .stage-hint{top:36px;left:10px}
}


.studio-catalogue{scroll-margin-top:124px;margin:0 0 18px;padding:0 16px;border:1px solid #d6d7d0;background:#fff}
.studio-catalogue summary{cursor:pointer;padding:12px 0;font-weight:700;color:#173bc9}
.studio-catalogue-content{display:grid;gap:12px;padding:0 0 16px}
.studio-catalogue-content p,.studio-catalogue ul{margin:0}
.studio-draft-status{color:#4d4f5a}
.ps .studio-quote-actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.ps .studio-quote-actions :is(a,button){
  display:inline-flex;align-items:center;min-height:44px;padding:9px 12px;
  margin:0;border:1px solid #173bc9;text-decoration:none;font-weight:700
}
.ps .studio-quote-actions .studio-form-enquiry{background:#173bc9;color:white}
.ps .studio-quote-guide{margin-top:18px;padding:14px;border:1px solid var(--line);background:#fff}
.ps .studio-quote-guide h2{margin:0 0 6px;font-size:23px;line-height:1.12}
.ps .studio-quote-guide p{margin:0 0 10px}
.ps .studio-quote-guide .copy-brief{background:white;color:#173bc9}
.ps .studio-quote-guide summary,.ps .studio-garment-options summary{
 min-height:44px;padding:12px 0;cursor:pointer;color:#173bc9;font-size:13px;font-weight:700
}
.ps .studio-quote-alternatives{border-top:1px solid var(--line);margin:8px 0}
.ps .studio-quote-garment{margin:2px 0 10px;font-weight:750}
.ps .studio-quote-guide .web-enquiry{display:inline-flex;align-items:center;min-height:44px}
.ps.studio-workbench .studio-layer-controls label[hidden]{display:none}

.studio-catalogue form{display:flex;flex-wrap:wrap;align-items:end;gap:8px}
.studio-catalogue label{display:grid;flex:0 1 270px;gap:4px;font-size:13px}
.studio-catalogue input{width:100%;min-height:38px;padding:7px 9px;border:1px solid #a1a49c;background:white}
.studio-catalogue :is(button,.studio-sign-in){width:max-content;min-height:38px;padding:7px 13px;border:1px solid #173bc9;background:white;color:#173bc9;font:inherit;cursor:pointer}
.studio-catalogue :is(button[type=submit],.studio-sign-in){background:#173bc9;color:#fff}
.studio-catalogue button:disabled{opacity:.55}
.studio-catalogue ul{display:grid;gap:7px;padding:0;list-style:none}
.studio-catalogue li{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:9px 0;border-top:1px solid #e0e0db}
.studio-catalogue li strong{overflow-wrap:anywhere}
.studio-catalogue li span{flex:1 1 180px;color:#4c4f58;font-size:12px}
.studio-catalogue [hidden]{display:none}
.studio-catalogue [role=status]:empty{display:none}

.ps.studio-workbench .studio-layer-controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:12px 0 16px}
.ps.studio-workbench .studio-layer-controls label{display:flex;align-items:center;gap:8px;margin:0}
.ps.studio-workbench .studio-layer-controls select{min-height:38px;padding:5px 10px;border:1px solid #a1a49c;background:white;font:inherit}
.ps.studio-workbench .studio-layer-controls p{margin:0;color:#4c4f58}


.ps.studio-workbench .studio-layer-list{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 12px;padding:0;list-style:none}
.ps.studio-workbench .studio-layer-list[hidden]{display:none}
.ps.studio-workbench .studio-layer-list li{min-width:0;max-width:100%}
.ps.studio-workbench .studio-layer-list button{max-width:100%;overflow-wrap:anywhere}
.ps.studio-workbench .studio-layer-list button[aria-pressed=true]{background:#173bc9;border-color:#173bc9;color:#fff}
.ps.studio-workbench .studio-layer-outline{
  position:absolute;z-index:1;pointer-events:none;transform:translate(-50%,-50%);
  border:1px dashed #173bc9;box-shadow:0 0 0 1px #fff9;border-radius:3px;
}
.ps.studio-workbench .studio-layer-bin{
  position:absolute;z-index:8;bottom:10px;left:50%;transform:translateX(-50%);
  display:flex;align-items:center;gap:8px;min-height:48px;padding:9px 14px;
  background:#172641;color:white;border:2px dashed white;border-radius:5px;
  font-size:12px;font-weight:700;white-space:nowrap;pointer-events:none;
}
.ps.studio-workbench .studio-layer-bin.is-target{background:#a51c30;border-style:solid}
.ps.studio-workbench :is(.studio-layer-bin,.studio-layer-outline)[hidden],
.ps.studio-workbench .stage.is-3d .studio-layer-outline{display:none}


.ps.studio-workbench .studio-preview-column{display:flex;flex-direction:column;min-width:0;height:100%;min-height:0}
.ps.studio-workbench .studio-preview-column .stage{flex:1;min-height:0;height:auto}
.ps.studio-workbench .studio-preview-column:has(.stage.is-3d) .studio-inline-placement{display:none}
.ps.studio-workbench .studio-inline-placement{
 flex:0 0 auto;max-height:min(260px,48%);overflow:auto;overscroll-behavior:contain;
 margin:0;padding:10px 14px 12px;border:0;border-top:1px solid #252936;background:#fbfbf7;
}
.ps.studio-workbench .studio-sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.ps.studio-workbench .studio-selection-heading,
.ps.studio-workbench .studio-placement-shortcuts,
.ps.studio-workbench .studio-layer-actions{display:flex;flex-wrap:wrap;align-items:center;gap:5px}
.ps.studio-workbench .studio-selection-heading{justify-content:space-between}
.ps.studio-workbench .studio-placement-shortcuts{margin:5px 0}
.ps.studio-workbench .studio-inline-placement :is(.studio-add-another,[data-zone],.undo){
 margin:0;padding:6px 8px;min-height:34px;font-size:11px;
}
.ps.studio-workbench .studio-edit-selection{margin:0;font-weight:700;font-size:13px;overflow-wrap:anywhere}
.ps.studio-workbench .studio-inline-placement .studio-layer-list{margin:6px 0}
.ps.studio-workbench .studio-inline-placement .studio-layer-list button{margin:0;padding:5px 8px;min-height:32px}
.ps.studio-workbench .studio-quick-adjustments{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr));gap:4px 12px}
.ps.studio-workbench .studio-quick-adjustments label{margin:4px 0;grid-template-columns:72px minmax(0,1fr)}
.ps.studio-workbench .studio-more-placement summary{cursor:pointer;color:#173bc9;font-size:12px;font-weight:700;padding:5px 0}
@media(max-width:760px){
 .ps.studio-workbench .studio-preview-column{height:auto}
 .ps.studio-workbench .studio-preview-column .stage{flex:none;height:clamp(225px,32svh,360px);position:sticky;top:124px;z-index:3}
 .ps.studio-workbench.studio-focused .studio-preview-column .stage{top:44px}
 .ps.studio-workbench .studio-inline-placement{max-height:none;overflow:visible}
 .ps.studio-workbench .studio-inline-placement :is(.studio-add-another,[data-zone],.undo){min-height:44px}
 .ps.studio-workbench #garment-preview:not(.has-editable-marks){touch-action:pan-y}
}

.ps.studio-workbench .studio-brief-preview{margin:12px 0}
.ps.studio-workbench .studio-brief-preview summary{cursor:pointer;font-weight:700;padding:8px 0}
.ps.studio-workbench .design-brief{width:100%;box-sizing:border-box;min-height:220px;resize:vertical;font:12px/1.5 monospace}

.ps.studio-workbench .studio-open-catalogue{display:inline-flex;gap:10px;align-items:center;margin-top:9px;padding:8px 12px;border:1px solid #173bc9;color:#173bc9;font-size:13px;font-weight:700;text-decoration:none}
.ps.studio-workbench .studio-open-catalogue:hover{color:white;background:#173bc9}

.ps.studio-workbench .studio-account-invite{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin-top:12px}
.ps.studio-workbench .studio-account-invite :is(a,p){margin:0}
.ps.studio-workbench .studio-account-invite p{font-size:13px}

@media(max-width:760px){
 .ps.studio-workbench{padding-top:17px!important}
 .ps.studio-workbench .ptop{margin-bottom:8px;padding-bottom:9px}
 .ps.studio-workbench .studio-masthead h1{font-size:clamp(28px,7.4vw,46px)}
 .ps.studio-workbench .studio-masthead p{font-size:14px;line-height:1.4}
 .ps.studio-workbench .studio-account-invite,.ps.studio-workbench .studio-stamp{display:none}
 .ps.studio-workbench .studio-catalogue{margin-bottom:8px}
 .ps.studio-workbench .studio-catalogue summary{min-height:44px}
 .ps.studio-workbench .editor-tabs button,.ps.studio-workbench .studio-experience button{min-height:44px}
 .ps.studio-workbench .studio-jump-preview{min-height:44px}

 .ps.studio-workbench .studio-create-choices{grid-template-columns:repeat(4,minmax(0,1fr))}
 .ps.studio-workbench .studio-create-choices button{min-height:44px}
 .ps.studio-workbench input:not([type=range]),.ps.studio-workbench select,.ps.studio-workbench textarea{font-size:16px}
 .ps .studio-quote-actions :is(a,button){flex:1 1 12rem}
}
.studio-help{scroll-margin-top:12px}
.studio-production-note{margin:0;padding:18px 5%;background:#f1f0e9;text-align:center;font-size:13px}
.studio-production-note a{font-weight:650;text-underline-offset:.2em}