.ec-shirt-editor{max-width:1600px;margin:32px auto;padding:24px;color:#29232e;background:#faf8fb;border-radius:12px;box-shadow:0 5px 24px #3b134422;font-family:Arial,sans-serif}.ec-shirt-editor h1,.ec-shirt-editor h2{color:#3b1344}.ec-shirt-editor h1{font-size:28px}.ec-shirt-editor h2{font-size:18px;margin:20px 0 12px}.ec-editor-heading{display:flex;justify-content:space-between;gap:24px}.ec-editor-toolbar{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}.ec-shirt-editor button,.ec-editor-heading a{padding:10px 14px;border:1px solid #d6ccd9;border-radius:6px;background:#fff;color:#3b1344;cursor:pointer}.ec-shirt-editor button[aria-pressed=true]{border-color:#3b1344;background:#eee6f1}.ec-shirt-editor button:disabled{opacity:.5;cursor:default}.ec-editor-workspace{display:grid;grid-template-columns:230px minmax(300px,1fr) 260px;gap:20px}.ec-editor-tools,.ec-editor-properties{background:#fff;padding:18px;border:1px solid #e5dce8;border-radius:8px}.ec-editor-tools>button,.ec-editor-properties button{display:block;width:100%;margin:8px 0}.ec-shirt-editor label{display:block;font-size:14px;margin:12px 0}.ec-shirt-editor input:not([type=checkbox]),.ec-shirt-editor select,.ec-shirt-editor textarea{display:block;width:100%;padding:8px;border:1px solid #d6ccd9;border-radius:5px;background:#fff;color:#29232e}.ec-shirt-editor input[type=color]{height:42px;padding:3px}.ec-shirt-editor input[type=checkbox]{margin-right:6px}.ec-shirt-editor p{font-size:13px;line-height:1.6}.ec-editor-stage{min-width:0;padding:12px}.ec-editor-stage canvas{display:block;width:100%;height:auto;background:#fff;border:1px solid #c5b9cb;box-shadow:0 4px 16px #3b134422;touch-action:none;cursor:move}.ec-editor-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ec-shirt-editor .ec-editor-primary{background:#3b1344;color:#fff}.ec-editor-error{color:#a12222}.ec-editor-notice{padding:12px;background:#fff4d9;border-radius:6px}.ec-shirt-editor button:focus-visible,.ec-shirt-editor input:focus-visible,.ec-shirt-editor select:focus-visible,.ec-shirt-editor textarea:focus-visible{outline:3px solid #b59410;outline-offset:2px}@media(max-width:1100px){.ec-editor-workspace{grid-template-columns:200px minmax(250px,1fr)}.ec-editor-properties{grid-column:1/-1}}@media(max-width:650px){.ec-shirt-editor{padding:12px;margin:16px 8px}.ec-editor-workspace{display:flex;flex-direction:column}.ec-editor-stage{order:-1}.ec-editor-heading{display:block}}

.ec-shirt-editor .ec-editor-stage canvas{max-width:540px;width:100%;height:auto;display:block;margin:0 auto;touch-action:none;}
.ec-shirt-editor details{margin:16px 0;padding:10px;border:1px solid #e5dce8;border-radius:6px}.ec-shirt-editor summary{font-weight:600;color:#3b1344;cursor:pointer}.ec-shirt-editor fieldset{min-width:0;border:0;padding:0;margin:0}.ec-shirt-editor fieldset:disabled{opacity:.6}.ec-shirt-editor .ec-canvas-scroll{overflow:auto;max-height:780px;padding:10px;background:#eee8f0;border-radius:10px}.ec-shirt-editor .ec-canvas-scroll canvas{max-width:none;margin:0 auto}.ec-shirt-editor .ec-zoom-50 canvas{width:270px;min-width:270px}.ec-shirt-editor .ec-zoom-75 canvas{width:405px;min-width:405px}.ec-shirt-editor .ec-zoom-100 canvas{width:540px;min-width:540px}.ec-shirt-editor .ec-zoom-150 canvas{width:810px;min-width:810px}.ec-shirt-editor .ec-zoom-200 canvas{width:1080px;min-width:1080px}.ec-shirt-editor canvas:focus-visible{outline:3px solid #b59410;outline-offset:2px}.ec-shirt-editor .ec-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.ec-shirt-editor .ec-file-button{margin:0;padding:10px 14px;border:1px solid #d6ccd9;border-radius:6px;background:white;color:#3b1344;font-size:13px}.ec-shirt-editor .ec-file-button input{max-width:180px;margin-top:4px}.ec-shirt-editor input[type=range]{padding:0}.ec-shirt-editor .ec-editor-pair button{font-size:12px;padding:8px 5px}.ec-shirt-editor .ec-editor-tools details button{width:100%;margin:5px 0}

/* Shirt Studio layout v2.1. All rules are scoped to the editor. */
.ec-shirt-editor{--ec-panel-top:148px;max-width:1680px;margin:16px auto;padding:18px;background:#f8f5fa;border:1px solid #e5dce8;border-radius:14px;box-shadow:0 8px 28px #3b13441a}
.ec-shirt-editor .ec-editor-heading{align-items:center;gap:16px;padding-bottom:12px;border-bottom:1px solid #e5dce8}
.ec-shirt-editor .ec-editor-heading h1{margin:0 0 6px;font-size:26px;line-height:1.25}
.ec-shirt-editor .ec-editor-heading p{margin:0;line-height:1.45}
.ec-shirt-editor .ec-editor-heading p:first-child{color:#82668d;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:5px}
.ec-shirt-editor .ec-editor-heading a{flex-shrink:0;padding:8px 12px;font-size:12px;white-space:nowrap}
.ec-shirt-editor .ec-editor-toolbar{align-items:center;gap:6px;margin:10px 0;padding:8px;background:#fff;border:1px solid #e5dce8;border-radius:9px;box-shadow:0 2px 9px #3b134409}
.ec-shirt-editor .ec-editor-toolbar button,.ec-shirt-editor .ec-file-button{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:7px 10px;margin:0;font-size:12px;line-height:1.25;white-space:nowrap;border-radius:6px}
.ec-shirt-editor .ec-file-button{cursor:pointer}
.ec-shirt-editor .ec-file-button input{position:absolute;width:1px;height:1px;max-width:1px;padding:0;margin:0;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}
.ec-shirt-editor .ec-file-button:focus-within{outline:3px solid #b59410;outline-offset:2px}
.ec-shirt-editor>p[role=status]{margin:4px 2px;color:#67576e;font-size:12px}
.ec-shirt-editor>p[role=status]:empty{display:none}
.ec-shirt-editor .ec-editor-workspace{grid-template-columns:210px minmax(0,1fr) 270px;gap:14px;align-items:start;margin-top:10px}
.ec-shirt-editor .ec-editor-tools,.ec-shirt-editor .ec-editor-properties{min-width:0;padding:14px;border-radius:10px;scrollbar-width:thin;scrollbar-color:#c9b9cf #f7f3f9;overscroll-behavior-y:contain}
.ec-shirt-editor h2{margin:0 0 12px;font-size:16px;line-height:1.35}
.ec-shirt-editor .ec-editor-tools h2:not(:first-child),.ec-shirt-editor .ec-editor-properties h2:not(:first-child){margin-top:20px;padding-top:16px;border-top:1px solid #eee6f1}
.ec-shirt-editor label{margin:10px 0;font-size:12px;line-height:1.45}
.ec-shirt-editor input:not([type=checkbox]),.ec-shirt-editor select,.ec-shirt-editor textarea{font-size:12px;line-height:1.4;padding:7px}
.ec-shirt-editor input[type=color]{height:34px;padding:2px}
.ec-shirt-editor input[type=range]{padding:0;accent-color:#3b1344}
.ec-shirt-editor input[type=checkbox]{accent-color:#3b1344}
.ec-shirt-editor p{font-size:12px;line-height:1.5}
.ec-shirt-editor button{transition:background-color .12s ease,border-color .12s ease}
.ec-shirt-editor button:hover:not(:disabled){border-color:#94729f;background:#f4edf7}
.ec-shirt-editor button[aria-pressed=true]{background:#ede3f2;border-color:#3b1344;box-shadow:inset 0 -2px #b59410}
.ec-shirt-editor .ec-editor-tools>button,.ec-shirt-editor .ec-editor-properties button{padding:8px 10px;margin:6px 0;font-size:12px;line-height:1.35}
.ec-shirt-editor details{margin:10px 0;padding:9px;background:#fcfafc}
.ec-shirt-editor summary{font-size:12px;line-height:1.4}
.ec-shirt-editor .ec-editor-pair{gap:8px}
.ec-shirt-editor .ec-editor-pair button{padding:7px 5px}
.ec-shirt-editor .ec-editor-stage{padding:14px;border:1px solid #e5dce8;border-radius:10px;background:#fff;min-width:0;scrollbar-width:thin;scrollbar-color:#c9b9cf #f7f3f9}
.ec-shirt-editor .ec-editor-stage>h2{display:flex;align-items:center;gap:8px}
.ec-shirt-editor .ec-editor-stage>h2::before{content:'';width:7px;height:7px;border-radius:50%;background:#b59410}
.ec-shirt-editor .ec-canvas-scroll{display:flex;align-items:flex-start;justify-content:flex-start;max-height:780px;padding:8px;background:#f0ebf3;border:1px solid #e7dfeb;overscroll-behavior:contain;scrollbar-width:thin}
.ec-shirt-editor .ec-canvas-scroll canvas{flex-shrink:0;margin:0 auto;box-shadow:0 3px 12px #3b134414;border:1px solid #d5c8db}
.ec-shirt-editor .ec-zoom-100 canvas{width:min(100%,540px);min-width:0}
.ec-shirt-editor .ec-editor-stage>p{margin:9px 0}
.ec-shirt-editor .ec-editor-notice{padding:9px 10px;border-left:3px solid #b59410;background:#fff8e7;line-height:1.45}
.ec-shirt-editor .ec-editor-primary{font-weight:600;background:#3b1344;border-color:#3b1344;color:#fff}
.ec-shirt-editor .ec-editor-primary:hover:not(:disabled){background:#50205b;color:#fff}
@media(min-width:980px){
 .ec-shirt-editor .ec-editor-toolbar{position:sticky;top:80px;z-index:15}
 .ec-shirt-editor .ec-editor-tools,.ec-shirt-editor .ec-editor-properties,.ec-shirt-editor .ec-editor-stage{position:sticky;top:var(--ec-panel-top);max-height:calc(100vh - var(--ec-panel-top) - 18px);max-height:calc(100dvh - var(--ec-panel-top) - 18px);overflow-y:auto}
 .ec-shirt-editor .ec-editor-properties{grid-column:auto}
 .ec-shirt-editor .ec-canvas-scroll{max-height:calc(100vh - 250px);max-height:calc(100dvh - 250px)}
 .ec-shirt-editor .ec-zoom-100 canvas{width:min(100%,540px,calc((100vh - 270px)*.81818));width:min(100%,540px,calc((100dvh - 270px)*.81818));min-width:0}
}
@media(min-width:980px) and (max-width:1180px){.ec-shirt-editor .ec-editor-workspace{grid-template-columns:180px minmax(0,1fr) 240px;gap:10px}.ec-shirt-editor .ec-editor-tools,.ec-shirt-editor .ec-editor-properties,.ec-shirt-editor .ec-editor-stage{padding:11px}}
@media(min-width:651px) and (max-width:979px){.ec-shirt-editor .ec-editor-workspace{grid-template-columns:190px minmax(0,1fr)}.ec-shirt-editor .ec-editor-properties{grid-column:1/-1}.ec-shirt-editor .ec-editor-properties fieldset{max-width:700px}}
@media(max-width:650px){.ec-shirt-editor{margin:12px 6px;padding:10px}.ec-shirt-editor .ec-editor-heading{align-items:start;display:flex;flex-wrap:wrap;gap:10px}.ec-shirt-editor .ec-editor-heading h1{font-size:22px}.ec-shirt-editor .ec-editor-heading a{padding:6px 9px}.ec-shirt-editor .ec-editor-toolbar{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;padding:7px}.ec-shirt-editor .ec-editor-toolbar>*{flex-shrink:0}.ec-shirt-editor .ec-editor-workspace{display:flex;gap:12px}.ec-shirt-editor .ec-editor-stage{order:-1;padding:10px}.ec-shirt-editor .ec-editor-tools,.ec-shirt-editor .ec-editor-properties{padding:12px}.ec-shirt-editor .ec-canvas-scroll{max-height:70vh;max-height:70dvh}.ec-shirt-editor .ec-zoom-100 canvas{width:100%;min-width:0}.ec-shirt-editor .ec-editor-stage>p{font-size:11px}}
@media(prefers-reduced-motion:reduce){.ec-shirt-editor button{transition:none}}

.ec-shirt-editor .ec-editor-toolbar{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin}.ec-shirt-editor .ec-editor-toolbar>*{flex-shrink:0}

/* Reserve the pinned toolbar clearance when sticky panels reach the workspace boundary. */
@media(min-width:980px){.ec-shirt-editor .ec-editor-workspace{padding-bottom:80px}}

/* One shared floating workspace keeps toolbar and panels aligned. */
.ec-shirt-editor .ec-editor-shell>p[role=status]{margin:4px 2px;color:#67576e;font-size:12px;line-height:1.4}
.ec-shirt-editor .ec-editor-shell>p[role=status]:empty{display:none}
.ec-shirt-editor .ec-editor-shell .ec-editor-toolbar{position:static;top:auto;margin:0 0 8px;flex-shrink:0}
.ec-shirt-editor .ec-editor-shell .ec-editor-workspace{padding-bottom:0}
@media(min-width:980px){
 .ec-shirt-editor .ec-editor-shell{position:sticky;top:70px;z-index:14;display:flex;flex-direction:column;height:calc(100vh - 88px);height:calc(100dvh - 88px);min-height:0;margin-top:10px;padding:0 0 4px;background:#f8f5fa}
 .ec-shirt-editor .ec-editor-shell .ec-editor-toolbar{z-index:auto;overflow-y:hidden}
 .ec-shirt-editor .ec-editor-shell>p[role=status]{flex-shrink:0}
 .ec-shirt-editor .ec-editor-shell .ec-editor-workspace{flex:1;min-height:0;grid-template-rows:minmax(0,1fr);align-items:stretch;margin-top:6px;padding:0}
 .ec-shirt-editor .ec-editor-shell .ec-editor-tools,.ec-shirt-editor .ec-editor-shell .ec-editor-properties,.ec-shirt-editor .ec-editor-shell .ec-editor-stage{position:static;top:auto;height:100%;min-height:0;max-height:100%;overflow-y:auto}
 .ec-shirt-editor .ec-editor-shell .ec-canvas-scroll{max-height:calc(100vh - 260px);max-height:calc(100dvh - 260px)}
 .ec-shirt-editor .ec-editor-shell .ec-zoom-100 canvas{width:min(100%,540px,calc((100vh - 285px)*.81818));width:min(100%,540px,calc((100dvh - 285px)*.81818));min-width:0}
}
@media(max-width:979px){.ec-shirt-editor .ec-editor-shell{position:static;height:auto;min-height:0}.ec-shirt-editor .ec-editor-shell .ec-editor-workspace{padding-bottom:0}}

/* Float the shared workspace using the measured desktop header height. */
.ec-shirt-editor .ec-editor-shell-slot{margin-top:10px}
@media(min-width:980px){
 .ec-shirt-editor .ec-editor-shell-slot{height:calc(100vh - 88px);height:calc(100dvh - 88px)}
 .ec-shirt-editor .ec-editor-shell-slot .ec-editor-shell{position:relative;top:auto;height:100%;margin:0;z-index:14}
 .ec-shirt-editor .ec-editor-shell-slot .ec-editor-shell.ec-workspace-floating{position:fixed;top:70px;left:22px;right:22px;max-width:1642px;height:calc(100vh - 88px);height:calc(100dvh - 88px);margin:0 auto;box-shadow:0 4px 15px #3b134412}
 .ec-shirt-editor .ec-editor-shell-slot .ec-editor-shell .ec-canvas-scroll{max-height:none;min-height:0}
 .ec-shirt-editor .ec-editor-shell-slot .ec-editor-shell .ec-zoom-100 canvas{width:min(100%,520px);min-width:0}
}
@media(max-width:979px){
 .ec-shirt-editor .ec-editor-shell-slot{height:auto}
 .ec-shirt-editor .ec-editor-shell-slot .ec-editor-shell{position:static;top:auto;height:auto;margin:0}
}

/* ECHELON_EDITOR_CONTAINMENT_20261017 */
.ec-shirt-editor{display:flow-root;isolation:isolate;position:relative;background:#f8f5fa}
.ec-shirt-editor .ec-editor-shell-slot{height:auto!important;min-height:0}
.ec-shirt-editor .ec-editor-shell-slot .ec-editor-shell,
.ec-shirt-editor .ec-editor-shell-slot .ec-editor-shell.ec-workspace-floating{position:relative!important;inset:auto!important;height:auto!important;max-width:none;margin:0;display:block;background:#f8f5fa;box-shadow:none}
.ec-shirt-editor .ec-editor-shell .ec-editor-toolbar{position:sticky;top:70px;z-index:20;background:#fff}
@media(min-width:980px){
 .ec-shirt-editor .ec-editor-shell .ec-editor-workspace{height:calc(100vh - 180px);height:calc(100dvh - 180px);min-height:440px;max-height:900px;align-items:stretch;overflow:hidden}
 .ec-shirt-editor .ec-editor-shell .ec-editor-workspace>.ec-editor-tools,
 .ec-shirt-editor .ec-editor-shell .ec-editor-workspace>.ec-editor-stage,
 .ec-shirt-editor .ec-editor-shell .ec-editor-workspace>.ec-editor-properties{position:relative;top:auto;height:100%;min-height:0;max-height:none;overflow:auto;box-sizing:border-box;background:#fff;padding-bottom:24px;scroll-padding-bottom:24px}
 .ec-shirt-editor .ec-editor-shell .ec-editor-workspace>.ec-editor-properties{grid-column:auto}
 .ec-shirt-editor .ec-editor-shell .ec-editor-workspace{grid-template-columns:210px minmax(0,1fr) 270px}
}
@media(min-width:980px) and (max-width:1199px){
 .ec-shirt-editor .ec-editor-shell .ec-editor-workspace{grid-template-columns:190px minmax(0,1fr) 230px;gap:10px}
}
@media(max-width:979px){
 .ec-shirt-editor .ec-editor-shell .ec-editor-workspace{height:auto;max-height:none;overflow:visible}
 .ec-shirt-editor .ec-editor-shell .ec-editor-workspace>.ec-editor-tools,
 .ec-shirt-editor .ec-editor-shell .ec-editor-workspace>.ec-editor-stage,
 .ec-shirt-editor .ec-editor-shell .ec-editor-workspace>.ec-editor-properties{position:static;height:auto;max-height:none;overflow:visible}
 .ec-shirt-editor .ec-editor-shell .ec-editor-toolbar{top:70px}
}