.swjs-page{margin:0!important;background:#f2f3f5!important;color:#17191d!important;font:14px/1.5 Arial,Helvetica,sans-serif!important}#swjs-app,#swjs-app *{box-sizing:border-box}#swjs-app{color:#17191d}#swjs-app button,#swjs-app input,#swjs-app textarea,#swjs-app select{font:inherit;color:#17191d}#swjs-app button{cursor:pointer;background:#fff;border:1px solid #d9dde3;border-radius:7px;padding:10px 13px;font-weight:600;line-height:1.3;transition:background .15s,border-color .15s}#swjs-app button:hover{border-color:#e63d29;background:#fff7f5}#swjs-app button:disabled{opacity:.4;cursor:default}#swjs-app a{color:#a3291b}#swjs-app h1{font:800 23px/1.25 Arial,Helvetica,sans-serif;margin:7px 0 9px;letter-spacing:-.5px}#swjs-app h2{font:700 19px/1.35 Arial,Helvetica,sans-serif;margin:0 0 8px}#swjs-app h3{font:700 15px/1.4 Arial,Helvetica,sans-serif}#swjs-app input:not([type=checkbox]):not([type=range]):not([type=color]),#swjs-app textarea,#swjs-app select{width:100%;background:#fff;border:1px solid #cdd3db;border-radius:6px;padding:10px;min-height:42px}#swjs-app label:not(.js-check){display:block;font-weight:600;margin:14px 0 7px;font-size:12px}#swjs-app input[type=range]{width:100%;accent-color:#e63d29;cursor:pointer}#swjs-app input[type=color]{padding:3px;width:56px;height:40px;border:1px solid #d7dce1;background:#fff;border-radius:7px;cursor:pointer}#swjs-app [hidden]{display:none!important}.js-top{height:76px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:#fff;border-bottom:1px solid #dfe3e8;padding:15px 28px}.js-brand{font-size:23px;font-weight:900;text-decoration:none;letter-spacing:-1px;color:#17191d!important}.js-brand span{color:#e63d29}.js-brand small{display:block;font-size:8px;letter-spacing:2.5px;color:#626b78;margin-top:2px}.js-header-tools{display:flex;align-items:center;gap:8px}.js-close{font-size:28px;text-decoration:none;margin-left:15px}.js-layout{display:grid;grid-template-columns:430px minmax(0,1fr);height:calc(100dvh - 76px)}.js-workspace{grid-column:2;grid-row:1;display:flex;flex-direction:column;min-height:0;min-width:0;padding:21px 28px 10px}.js-stage-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#687180;font-size:12px}.js-views{display:flex;gap:5px;background:#e5e8ed;padding:4px;border-radius:10px}#swjs-app .js-views button{border:0;background:transparent;min-width:78px;padding:8px 15px}#swjs-app .js-views [aria-pressed=true]{background:#fff;box-shadow:0 1px 5px #0001;color:#17191d}.js-canvas-wrap{flex:1;min-height:0;min-width:0;display:flex;align-items:center;justify-content:center;overflow:auto;margin:10px 0}#jersey{display:block;width:auto;height:100%;max-width:100%;object-fit:contain;touch-action:none;cursor:move;transform-origin:center;transition:transform .15s}.js-caption{font-size:11px;color:#7b838f;text-align:center;margin:0 0 5px;letter-spacing:.2px}#status{font-size:12px;text-align:center;min-height:18px;margin:3px 0 7px}.js-options{grid-column:1;grid-row:1;background:#fff;border-right:1px solid #dfe3e8;display:flex;flex-direction:column;min-height:0}.js-product{padding:24px 26px 16px}.js-eyebrow{font-size:9px;font-weight:800;letter-spacing:2px;color:#e63d29;margin:0 0 9px}.js-muted{font-size:11px;color:#687180;line-height:1.6}.js-tabs{display:flex;padding:0 23px 14px;gap:6px;border-bottom:1px solid #e8ebef}#swjs-app .js-tabs button{flex:1;font-size:12px;border-radius:20px;padding:9px 8px}#swjs-app .js-tabs [aria-pressed=true]{background:#17191d;color:#fff;border-color:#17191d}.js-panel-scroll{overflow:auto;min-height:0;flex:1;padding:24px 26px}.js-section-head{margin:0 0 22px}.js-section-head p{color:#687180;font-size:12px;margin:0}.js-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}#swjs-app .js-design-card{padding:0 0 14px;overflow:hidden;min-width:0;border-radius:10px;border-color:#e3e6eb}.js-design-card canvas{width:100%;height:auto;background:#f2f3f5}.js-design-card strong{display:block;font-size:14px;margin-top:9px}.js-design-card small{display:block;font-size:7px;letter-spacing:1px;color:#858b95;margin-top:5px}#swjs-app .js-design-card[aria-pressed=true]{border:2px solid #e63d29;background:#fff}.js-tip{background:#f7f8fa;padding:15px;margin-top:22px;border-radius:7px;font-size:11px;color:#667080;line-height:1.7}.js-colours .js-colour{display:flex!important;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid #edf0f3;margin:0!important;font-size:13px!important}.js-colour small{display:block;font-size:10px;font-weight:400;letter-spacing:.5px;color:#89909b;margin-top:3px}.js-presets,.js-row{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0}.js-presets button,.js-row button{font-size:11px!important;padding:8px 11px!important}.js-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}#swjs-app .js-primary{background:#e63d29;border-color:#e63d29;color:#fff;padding:13px 19px;border-radius:7px}#swjs-app .js-primary:hover{background:#ca301f}.js-secondary{width:100%;padding:15px!important;border-style:dashed!important;color:#a3291b!important;background:#fffaf8!important}.js-layer{display:flex;align-items:center;gap:10px;width:100%;text-align:left;margin:8px 0}.js-layer span{overflow-wrap:anywhere;flex:1;font-size:12px}.js-layer small{font-size:9px;color:#7b838f}.js-layer img{width:37px;height:37px;object-fit:contain;background:#edf0f3}.js-layer-list{margin:18px 0}#swjs-app .js-layer[aria-pressed=true]{border-color:#e63d29;background:#fff7f5}.js-properties{border-top:1px solid #e7ebef;padding:20px 0;margin-top:25px}.js-properties .js-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.js-properties h3{margin:0;overflow-wrap:anywhere;max-width:270px}#swjs-app .js-danger{color:#a3291b}.js-size-section{border-top:1px solid #e7ebef;margin-top:26px;padding-top:15px}.js-size-section h3{margin:0}#swjs-app .js-link{background:none;border:0;color:#a3291b;font-size:11px;text-decoration:underline;text-underline-offset:3px;padding:8px 0}.js-bottom{display:grid;grid-template-columns:1fr auto;gap:9px 12px;padding:18px 26px 10px;border-top:1px solid #e7ebef;box-shadow:0 -5px 18px #17191d05}.js-bottom small{font-size:8px;font-weight:700;letter-spacing:1.5px;color:#7b838f}.js-bottom strong{font-size:22px;font-weight:800;display:block;line-height:1.25}.js-bottom>.js-link{grid-column:1/-1;text-align:center}.js-bottom p{grid-column:1/-1;font-size:9px;color:#7b838f;margin:0;text-align:center;min-height:12px}#swjs-app .js-error{color:#a3291b;font-weight:600}#swjs-app dialog{border:1px solid #dce0e6;border-radius:13px;padding:26px;width:min(740px,calc(100vw - 28px));max-height:90dvh;overflow:auto;color:#17191d;background:#fff;box-shadow:0 20px 80px #0004}#swjs-app dialog::backdrop{background:#17191d99}#swjs-app dialog header{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #eee;margin-bottom:20px;padding-bottom:15px}#swjs-app dialog header small{font-size:8px;letter-spacing:1.5px;color:#e63d29;font-weight:700}#swjs-app dialog h2{margin:4px 0 0}#swjs-app .js-check{display:flex;align-items:flex-start;gap:10px;margin:20px 0;font-size:12px}#swjs-app .js-check input{margin-top:4px;accent-color:#e63d29}.js-proofs{display:grid;grid-template-columns:1fr 1fr;gap:10px;background:#f3f4f6}.js-proofs canvas{width:100%;height:auto}.js-size-row{display:grid;grid-template-columns:minmax(0,1fr) 80px 35px;gap:8px;margin:10px 0}.js-draft-row{display:flex;align-items:center;gap:8px;padding:14px 0;border-bottom:1px solid #e8ebef}.js-draft-row>div{flex:1}.js-draft-row small{display:block;color:#687180;font-size:10px}.js-draft-row button{font-size:11px!important}#swjs-app :focus-visible{outline:3px solid #287ac9;outline-offset:3px}.swjs-page #wpadminbar{display:none!important}html:has(.swjs-page){margin-top:0!important}
@media(max-width:1000px){.js-layout{grid-template-columns:365px minmax(0,1fr)}.js-workspace{padding:16px 15px}.js-product,.js-panel-scroll{padding:20px}.js-tabs{padding:0 17px 12px}.js-bottom{padding:16px 20px 8px}.js-stage-toolbar>span{display:none}}
@media(max-width:700px){.js-top{height:65px;padding:10px 15px;gap:6px}.js-brand{font-size:18px}.js-brand small{font-size:6px;letter-spacing:1.7px}.js-header-tools{gap:5px}#swjs-app .js-header-tools button{font-size:10px;padding:7px}.js-close{font-size:23px;margin-left:4px}.js-layout{display:flex;flex-direction:column;height:auto}.js-workspace{height:56dvh;min-height:350px;padding:12px}.js-canvas-wrap{margin:5px 0}#jersey{max-height:44dvh}.js-options{border-left:0;border-top:1px solid #ddd;min-height:500px}.js-product{padding:20px 20px 10px}.js-panel-scroll{overflow:visible;padding:20px}.js-tabs{position:sticky;top:0;z-index:4;background:#fff;padding:10px 20px}.js-bottom{position:sticky;bottom:0;z-index:3;background:#fff}.js-gallery{grid-template-columns:repeat(2,minmax(0,1fr));max-width:380px}.js-proofs{gap:0}#swjs-app dialog{padding:20px}.js-header-tools #redo{display:none}.js-size-row{grid-template-columns:minmax(0,1fr) 65px 32px}.js-caption{font-size:9px}.js-draft-row{flex-wrap:wrap}}
/* Team and fabric tools */
#swjs-app .js-fabric-swatches{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0 20px}#swjs-app .js-fabric-swatches button{min-width:0;padding:6px;border:2px solid #dfe3e8;background:#fff;text-align:left}#swjs-app .js-fabric-swatches [aria-pressed=true]{border-color:#e63d29;box-shadow:0 0 0 1px #e63d29}#swjs-app .js-fabric-swatches img{display:block;width:100%;aspect-ratio:1;object-fit:contain}#swjs-app .js-fabric-swatches strong,#swjs-app .js-fabric-swatches small{display:block;font-size:11px;line-height:1.5;overflow-wrap:anywhere}.js-preview-member{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.js-preview-member select{max-width:240px}.js-preview-member .js-check{margin:8px 0!important;font-size:10px!important}.js-team-row{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;margin:18px 0;padding:16px;border:1px solid #dfe3e8;border-radius:8px;min-width:0}.js-team-row legend{padding:0 8px;font-weight:bold}.js-team-row label{min-width:0;margin:0!important}.js-team-row input,.js-team-row select{margin-top:6px}#review-roster{max-height:150px;overflow:auto;background:#f7f8fa;padding:8px;border-radius:6px}#review-roster ul{margin:0;padding-left:22px}#matching-products button{display:block;margin:8px 0;width:100%;text-align:left}.js-saving .js-options,.js-saving .js-workspace{pointer-events:none;opacity:.7}#swjs-app .js-share-dialog input{font-size:12px;word-break:break-all}.js-share-dialog button{margin:12px 10px 0 0}
@media(max-width:700px){.js-top{height:auto;min-height:75px;flex-wrap:wrap}.js-header-tools{flex-wrap:wrap}.js-workspace{height:65dvh;min-height:460px}.js-preview-member{gap:4px 10px}.js-preview-member select{max-width:180px}.js-preview-member .js-check{width:100%}.js-header-tools #share{font-size:10px}.js-layout{height:auto}}
/* Studio 0.4 editor tools */
#swjs-app .js-colour{gap:10px;flex-wrap:wrap}#swjs-app .js-colour span{flex:1;min-width:120px}#swjs-app .js-colour .js-hex{width:90px;min-height:36px;padding:6px;font:12px monospace}#swjs-app [aria-invalid=true]{border-color:#bc271d;background:#fff1ef}#swjs-app #live-text{display:block;width:100%;height:auto;background:repeating-conic-gradient(#e2e6eb 0% 25%,#f4f5f7 0% 50%) 50% /20px 20px;border:1px solid #ccd2da;border-radius:8px;margin-top:20px}#swjs-app #live-text-status,#swjs-app #palette-status{font-size:11px;color:#5a6370}#swjs-app .js-team-review .js-proofs img{width:100%;height:auto}#swjs-app #design-checks{padding:14px;border:1px solid #e1e5ea;border-radius:8px;margin:15px 0;background:#f7f8fa}#swjs-app #design-checks li{font-size:12px;margin:6px 0}.js-palette-tools{padding-top:14px;border-top:1px solid #e8ebef;margin-top:20px}.js-palette-tools button{margin-top:10px;font-size:11px!important}.js-top{height:auto;min-height:76px}.js-header-tools{flex-wrap:wrap;justify-content:flex-end}.js-focus .js-options{display:none}.js-focus .js-layout{display:block}.js-focus .js-workspace{height:calc(100dvh - 100px)}.js-focus #jersey{max-height:none}.js-team-review .reviews{max-height:230px;overflow:auto}.js-team-review .reviews p{padding:12px;background:#f7f8fa;border-radius:6px;overflow-wrap:anywhere}#swjs-app button,#swjs-app select{touch-action:manipulation}
@media(max-width:700px){#swjs-app button{min-height:38px}.js-header-tools{justify-content:flex-start}.js-workspace{min-height:480px}.js-top{gap:10px}.js-focus .js-workspace{min-height:360px}.js-focus .js-canvas-wrap{overflow:auto}#swjs-app .js-proofs{grid-template-columns:1fr 1fr}.js-stage-toolbar{flex-wrap:wrap}}

/* Keep zoom navigation separate from artwork transforms. */
.js-canvas-wrap{overflow:hidden;touch-action:none}#jersey{transition:none;image-rendering:auto}
