/* Customer creative studio. Logical spacing keeps the same workspace comfortable in RTL. */
.has-creative-workspace>.studio-heading,.has-creative-workspace>.studio-products,.has-creative-workspace>.studio-workspace,.has-creative-workspace>.studio-listing-preview,.has-creative-workspace>p.small{display:none!important}
.customer-workspace{--cw-ink:#25232d;--cw-muted:#797783;--cw-line:#e8e7ed;--cw-accent:#6b47dc;--cw-soft:#f1edfc;--cw-panel:#fff;position:relative;background:#fff;color:var(--cw-ink);border:1px solid #dddbe5;border-radius:20px;overflow:hidden;box-shadow:0 12px 44px #27212f08;isolation:isolate;font-size:13px}
.customer-create .has-creative-workspace{padding:0;border:0;background:none;max-width:none;margin:24px 0;overflow:visible}
.cw-icon{width:20px;height:20px;flex-shrink:0;display:block;vertical-align:middle;pointer-events:none}
.customer-workspace button,.customer-workspace input,.customer-workspace select,.customer-workspace textarea{font:inherit;letter-spacing:normal}
.customer-workspace button{cursor:pointer;border:0;margin:0;background:none;color:inherit}
.customer-workspace button:disabled{opacity:.35;cursor:not-allowed}
.customer-workspace button:focus-visible,.customer-workspace input:focus-visible,.customer-workspace select:focus-visible,.customer-workspace textarea:focus-visible{outline:3px solid #a992ef;outline-offset:2px}
.customer-workspace [hidden]{display:none!important}
.cw-header{display:flex;align-items:center;gap:18px;min-height:90px;padding:18px 23px;border-bottom:1px solid var(--cw-line);background:#fff;position:relative;z-index:4}
.cw-studio-title{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.cw-studio-title h3{font-size:18px;line-height:1.25;font-weight:800;letter-spacing:-.03em;margin:0 0 5px}.cw-studio-title>div>span{font-size:11px;color:var(--cw-muted)}
.cw-brand-mark{display:grid;place-items:center;width:42px;height:42px;flex-shrink:0;border-radius:12px;color:#fff;background:linear-gradient(135deg,#5d36cf,#9674ed)}.cw-brand-mark .cw-icon{width:24px;height:24px}
.cw-history{display:flex;gap:4px;padding-inline-end:15px;border-inline-end:1px solid var(--cw-line)}
.customer-workspace .cw-icon-button{display:grid;place-items:center;width:38px;height:38px;border:1px solid transparent;border-radius:9px;flex-shrink:0}.cw-icon-button:hover:enabled{background:#f5f3fa;border-color:#e6e1ee}
.cw-mode-switch{display:flex;gap:3px;border:1px solid var(--cw-line);background:#f8f7fa;padding:4px;border-radius:10px}.cw-mode-switch button{min-height:36px;padding:8px 13px;border-radius:7px;font-size:11px;font-weight:700;white-space:nowrap}.cw-mode-switch [aria-pressed=true]{background:#fff;box-shadow:0 1px 5px #20172b15;color:var(--cw-accent)}
.cw-review-button{display:flex;gap:13px;align-items:center;font-weight:700!important;font-size:12px!important;background:var(--cw-ink)!important;color:white!important;min-height:44px;padding:12px 16px!important;border-radius:9px;white-space:nowrap}.cw-review-button:hover{background:#4d3f68!important}.cw-review-button span{font-size:20px;line-height:12px}
.cw-layout{display:grid;grid-template-columns:76px 274px minmax(0,1fr);min-height:668px;align-items:stretch}
.cw-tool-rail{display:flex;flex-direction:column;gap:7px;padding:18px 7px;border-inline-end:1px solid var(--cw-line);background:#fff;z-index:3}.cw-tool-rail button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:12px 3px;min-height:68px;border-radius:10px;font-size:10px;font-weight:600;color:#777280}.cw-tool-rail button .cw-icon{width:22px;height:22px}.cw-tool-rail [aria-pressed=true]{background:var(--cw-soft);color:var(--cw-accent)}.cw-tool-rail button:hover{background:#f6f3fc;color:var(--cw-accent)}
.cw-panel{min-width:0;border-inline-end:1px solid var(--cw-line);background:#fff;position:relative;z-index:2;display:flex;flex-direction:column}.cw-panel-header{display:flex;align-items:center;justify-content:space-between;min-height:65px;padding:21px 20px 16px;border-bottom:1px solid #f1eff5}.cw-panel-header h4{font-size:15px;font-weight:800;letter-spacing:-.02em;margin:0}.cw-panel-close{display:none!important}.cw-panel-content{padding:19px 18px;overflow:auto;max-height:720px;scrollbar-width:thin;scrollbar-color:#d8d2e3 transparent}.cw-tool-panel{min-width:0}.cw-panel-intro{font-size:15px;font-weight:700;margin:0 0 10px;line-height:1.5}.cw-muted{color:var(--cw-muted);font-size:11px;line-height:1.8;margin:12px 0}.cw-panel hr{border:0;border-top:1px solid var(--cw-line);margin:25px 0}
.cw-upload-drop{border:1px dashed #bdb0d8;border-radius:13px;background:linear-gradient(140deg,#faf8ff,#f4f1fb);padding:24px 13px;display:flex;flex-direction:column;align-items:center;gap:9px;text-align:center;cursor:pointer;position:relative;overflow:hidden}.cw-upload-drop>.cw-icon{width:29px;height:29px;color:var(--cw-accent);margin-bottom:6px}.cw-upload-drop>strong{font-size:12px}.cw-upload-drop>span:not(.cw-button){font-size:9px;color:var(--cw-muted);line-height:1.7}.cw-upload-drop input{position:absolute;width:1px;height:1px;opacity:0;inset:0}.cw-upload-drop:focus-within{outline:3px solid #a992ef;outline-offset:3px}.cw-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;border:1px solid #dfd9e9!important;border-radius:8px;font-size:11px;font-weight:700;padding:10px 14px!important;background:#fff!important}.cw-button-primary{background:var(--cw-accent)!important;color:#fff!important;border-color:var(--cw-accent)!important}.cw-upload-drop .cw-button{margin-top:10px;width:100%;font-size:11px}.cw-private-note{display:flex;gap:7px;align-items:center;color:#81788b;font-size:9px;margin:14px 0 21px}.cw-private-note .cw-icon{width:12px;height:12px}.cw-upload-library{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.cw-upload-library button{border:1px solid var(--cw-line);border-radius:9px;background:#f4f2f7;position:relative;aspect-ratio:1;overflow:hidden;padding:6px}.cw-upload-library img{width:100%;height:100%;object-fit:contain}.cw-upload-library button>span{position:absolute;bottom:5px;inset-inline-end:5px;display:grid;place-items:center;background:#fff;border-radius:50%;width:24px;height:24px;box-shadow:0 1px 5px #0001}.cw-upload-library button>span .cw-icon{width:14px;height:14px}.cw-is-dragging:after{content:"";position:absolute;z-index:50;inset:6px;border:3px dashed #815bdf;pointer-events:none;background:#8763dd0d;border-radius:15px}.customer-workspace[data-uploading=true] .cw-upload-drop{opacity:.55;pointer-events:none}
.cw-text-preset{display:block;width:100%;text-align:center;padding:18px 10px!important;border:1px solid #e7e2f0!important;background:#faf9fc!important;border-radius:10px;margin:12px 0!important;font-weight:600!important;font-size:16px!important;line-height:1.4}.cw-text-preset:hover{border-color:#a287dc!important;background:#f3eefc!important}.cw-text-preset.cw-text-heading{font-size:23px!important;font-weight:800!important;letter-spacing:-.04em;padding:22px 10px!important}.cw-text-preset.cw-text-detail{font-size:11px!important;font-weight:500!important}.cw-font-library-link{display:flex;align-items:center;gap:8px;color:var(--cw-accent)!important;width:100%;font-size:11px!important;font-weight:700!important;padding:16px 0!important}.cw-font-library-link span{margin-inline-start:auto}
.cw-font-search{display:flex;align-items:center;gap:8px;border:1px solid #ded9e8;border-radius:9px;padding:0 10px;min-height:42px;background:#fff}.cw-font-search .cw-icon{width:16px;color:#91869e}.cw-font-search input{border:0!important;padding:11px 0!important;min-width:0;width:100%;font-size:11px!important;background:none!important;box-shadow:none!important}.cw-font-filters{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:10px 0}.cw-font-filters select{min-width:0;width:100%;border:1px solid #e7e1ed;border-radius:7px;font-size:10px!important;padding:10px 6px;background:#fff;color:#6f637d}.cw-font-results{display:flex;flex-direction:column;gap:8px}.cw-font-option{border:1px solid var(--cw-line)!important;border-radius:9px;text-align:start;padding:11px 12px!important;width:100%;min-height:88px;background:#fff!important}.cw-font-option:hover,.cw-font-option[aria-selected=true]{border-color:#9271df!important;background:#f8f5fe!important}.cw-font-label{font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:space-between;gap:8px;color:#686071}.cw-font-label small{font-size:8px;color:#a095aa;font-weight:400;max-width:60px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;direction:ltr}.cw-font-sample{display:block;font-size:24px;line-height:1.45;color:#29232f;margin-top:8px;max-height:70px;overflow:hidden;overflow-wrap:anywhere}.cw-load-fonts{margin-top:8px!important}
.cw-layer-list{display:flex;flex-direction:column;gap:7px}.cw-layer-row{display:flex;align-items:center;gap:2px;border:1px solid var(--cw-line);border-radius:9px;background:#fff;min-width:0;padding:5px}.cw-layer-row[data-selected=true]{border-color:#9978e0;background:#f6f1ff}.cw-layer-pick{display:flex;align-items:center;gap:9px;min-width:0;flex:1;padding:0!important;text-align:start}.cw-layer-pick>span:last-child{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.cw-layer-thumb{width:34px;height:40px;flex-shrink:0;display:grid;place-items:center;border-radius:5px;background:#eeebf1;overflow:hidden;padding:3px}.cw-layer-thumb img{width:100%;height:100%;object-fit:contain}.cw-layer-toggle{min-width:27px;height:34px;display:grid;place-items:center;border-radius:5px}.cw-layer-toggle:hover{background:#e9e2f3}.cw-layer-toggle .cw-icon{width:14px;height:14px}.cw-empty-panel{text-align:center;padding:30px 7px;color:#8b7f96}.cw-empty-panel>.cw-icon{width:32px;height:32px;margin:0 auto 15px;color:#b2a2c2}.cw-empty-panel strong{display:block;font-size:13px;color:#605469}.cw-empty-panel p{font-size:11px;line-height:1.8;margin-top:10px}
.cw-inspector{border-top:1px solid var(--cw-line);margin-top:24px;padding-top:21px}.cw-inspector-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;gap:8px}.cw-inspector-heading h4{font-size:12px;margin:0;font-weight:800}.cw-inspector-heading>span{font-size:9px;padding:4px 7px;background:#f3eff8;color:#8e77a6;border-radius:4px}.cw-inspector fieldset{padding:0;margin:0;border:0;min-width:0}.cw-lock-notice{display:flex;gap:7px;font-size:11px;color:#957341;background:#fff7e9;padding:10px;border-radius:8px;line-height:1.7}.cw-lock-notice .cw-icon{width:15px;height:15px;margin-top:2px}.cw-selection-actions{display:flex;gap:6px;margin-bottom:18px}.cw-selection-actions .cw-icon-button{background:#f7f5fa;border:1px solid #e5dfed;flex:1;width:auto;height:35px}.cw-selection-actions .cw-icon{width:16px;height:16px}.cw-selection-actions [data-ws-action=delete]{color:#a94b57}.cw-property{display:flex;flex-direction:column;gap:7px;font-size:10px;margin:12px 0;color:#7b6f88;min-width:0}.cw-property input,.cw-property select,.cw-property textarea{border:1px solid #dfd9e8;border-radius:7px;background:#fff;padding:10px;width:100%;min-width:0;color:#302637;font-size:12px;box-shadow:none}.cw-property input[type=number]{height:38px}.cw-property input[type=color]{padding:4px;height:38px;cursor:pointer}.cw-property textarea{line-height:1.7;font-size:17px;resize:vertical}.cw-property small{text-align:end;color:#a398af;font-size:9px;margin-top:-2px}.cw-property-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.cw-selected-font{display:grid;grid-template-columns:1fr auto;gap:7px;width:100%;text-align:start;border:1px solid #e0d7ee!important;border-radius:8px;padding:10px 12px!important;background:#f8f5fd!important}.cw-selected-font>span{font-size:9px;color:#9382a3}.cw-selected-font strong{font-size:12px;font-weight:600;grid-row:2;overflow:hidden;text-overflow:ellipsis}.cw-selected-font .cw-icon{grid-column:2;grid-row:1/3;align-self:center;width:18px;color:#8562c0}.cw-glyph-warning{font-size:10px;line-height:1.7;padding:10px;background:#fff4df;border:1px solid #efdcad;color:#9c6d29;border-radius:7px}.cw-check{display:flex;align-items:center;gap:8px;margin:13px 0;font-size:11px;line-height:1.6;cursor:pointer}.cw-check input{width:15px;height:15px;accent-color:var(--cw-accent);padding:0}.cw-colour-field{display:flex;align-items:center;justify-content:space-between;font-size:12px;margin:18px 0}.cw-colour-field input{width:48px;height:34px;padding:3px;border:1px solid var(--cw-line);background:#fff;border-radius:6px}.cw-centre-actions{display:flex;flex-direction:column;gap:7px;margin-top:10px}.cw-centre-actions button{display:flex;align-items:center;gap:8px;border:1px solid #e8e1f0!important;border-radius:6px;text-align:start;padding:9px!important;font-size:10px!important}.cw-centre-actions .cw-icon{width:15px;height:15px;color:#8d74ab}
.cw-stage-column{min-width:0;display:flex;flex-direction:column;background:#f3f2f6}.cw-stage-toolbar{display:flex;align-items:center;gap:12px;min-height:65px;padding:12px 22px;border-bottom:1px solid #e4e1eb;background:#faf9fc}.cw-surface-tabs{display:flex;gap:4px;background:#e9e6ef;border-radius:8px;padding:3px}.cw-surface-tabs button{display:flex;align-items:center;gap:7px;min-height:30px;border-radius:5px;padding:7px 12px!important;font-size:11px;font-weight:700;white-space:nowrap}.cw-surface-tabs [aria-pressed=true]{background:white;box-shadow:0 1px 5px #0001}.cw-surface-tabs i{width:5px;height:5px;border-radius:50%;background:#c5bcd3}.cw-surface-tabs [data-has-design=true] i{background:#8460ca}.cw-surface-note{font-size:9px;color:#9a91a4;max-width:110px;line-height:1.5}.cw-zoom-control{display:flex;align-items:center;gap:7px;font-size:10px;color:#8c809a;margin-inline-start:auto}.cw-zoom-control select{width:70px;min-width:0;border:1px solid #dfd9e8;border-radius:6px;padding:7px 5px;color:#62546f;background:white;font-size:10px}.cw-stage{flex:1;position:relative;min-width:0}.cw-design-pane{height:100%;display:flex;flex-direction:column;min-height:565px}.cw-stage-scroll{overflow:auto;min-width:0;min-height:535px;max-height:700px;padding:40px 38px 35px;display:flex;align-items:center;justify-content:center;direction:ltr;scrollbar-width:thin;scrollbar-color:#d3cbdc transparent;background-image:radial-gradient(#dedbe7 .75px,transparent .75px);background-size:15px 15px;flex:1}.cw-artboard-shell{position:relative;flex-shrink:0;background-color:#fff;background-image:linear-gradient(45deg,#f0eef4 25%,transparent 25%),linear-gradient(-45deg,#f0eef4 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f0eef4 75%),linear-gradient(-45deg,transparent 75%,#f0eef4 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0;box-shadow:0 4px 24px #38234b16,0 0 0 1px #ded8e4}.cw-artboard{position:relative;overflow:visible;direction:ltr;touch-action:none;outline:none;isolation:isolate;flex-shrink:0}.cw-artboard:focus-visible{outline:2px solid #a382e5;outline-offset:7px}.cw-artboard-layers{position:absolute;inset:0;overflow:hidden;isolation:isolate}.cw-layer{position:absolute;transform-origin:center;cursor:move;user-select:none;-webkit-user-select:none;touch-action:none;min-width:0;min-height:0}.cw-layer img{display:block;width:100%;height:100%;object-fit:fill;pointer-events:none;user-select:none;-webkit-user-drag:none}.cw-layer[data-locked=true]{cursor:default}.cw-layer[data-loaded=false]{border:1px dashed #bdaece;background:#b5a0ce18}.cw-layer[data-selected=true]:hover{outline:0}.cw-layer:not([data-selected=true]):not([data-locked=true]):hover{outline:1px solid #a88bd5}
.cw-safe-area{position:absolute;inset:7%;border:1px dashed #aa95bf99;pointer-events:none;z-index:20}.cw-safe-area:after{content:"";position:absolute;inset:3px;border:1px solid #e3d9ef3d}.cw-selection{position:absolute;border:1.5px solid #8154d6;pointer-events:none;z-index:40;box-sizing:border-box;transform-origin:center}.cw-selection[data-locked=true]{border-style:dashed;border-color:#9a8cae}.cw-transform-handle{position:absolute!important;pointer-events:auto;touch-action:none;min-width:0!important;min-height:0!important;background:#fff!important;box-shadow:0 1px 4px #46256633;border:1.5px solid #8154d6!important}.cw-resize-handle{width:12px;height:12px;border-radius:3px;padding:0!important}.cw-handle-nw{left:-6px;top:-6px;cursor:nwse-resize}.cw-handle-ne{right:-6px;top:-6px;cursor:nesw-resize}.cw-handle-se{right:-6px;bottom:-6px;cursor:nwse-resize}.cw-handle-sw{left:-6px;bottom:-6px;cursor:nesw-resize}.cw-rotation-stem{position:absolute;left:50%;bottom:100%;height:25px;width:1px;background:#8154d6}.cw-rotate-handle{left:50%;top:-36px;width:22px;height:22px;margin-inline-start:-11px!important;border-radius:50%;padding:3px!important;cursor:grab;display:grid!important;place-items:center}.cw-rotate-handle .cw-icon{width:13px;height:13px;color:#7b4ccb}.cw-centre-line{position:absolute;z-index:35;pointer-events:none;background:#cc71bf}.cw-centre-x{width:1px;height:100%;left:50%;top:0}.cw-centre-y{height:1px;width:100%;left:0;top:50%}
.cw-empty-canvas{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:18px;text-align:center;pointer-events:none;background:#ffffffb8;color:#81758c}.cw-empty-canvas>span{display:grid;place-items:center;width:49px;height:49px;background:#f1eafb;border-radius:14px;color:#a48ac3;margin-bottom:18px}.cw-empty-canvas>span .cw-icon{width:26px;height:26px}.cw-empty-canvas strong{font-size:clamp(14px,1.4vw,20px);font-weight:800;letter-spacing:-.04em;line-height:1.5;color:#6c5a7d;max-width:250px}.cw-empty-canvas p{font-size:10px;line-height:1.8;max-width:240px;margin:10px 0 18px}.cw-empty-canvas>div{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;pointer-events:auto}.cw-empty-canvas .cw-button{font-size:10px;padding:9px 12px!important}.cw-empty-canvas .cw-button .cw-icon{width:14px;height:14px}.cw-stage-help{padding:14px 12px;text-align:center;font-size:9px;line-height:1.7;color:#a092ae;background:#f3f2f6;margin:0;min-height:42px}.cw-preview-pane{padding:25px;background:#f3f2f6;min-height:565px;display:grid;place-items:center}.customer-create .cw-preview-pane .studio-visual{position:static!important;top:auto!important;display:block!important;max-width:470px;width:100%;padding:0!important;margin:0!important;border:0!important;box-shadow:none!important;background:none!important;z-index:0}.cw-preview-pane .studio-toolbar,.cw-preview-pane .studio-view-switch,.cw-preview-pane .studio-drag-hint,.cw-preview-pane [data-studio-export],.cw-preview-pane .studio-refinement-toolbar{display:none!important}.customer-create .cw-preview-pane .design-mockup,.customer-create .cw-preview-pane .studio-zoom-viewport{max-width:100%!important;max-height:none!important;width:100%;border-radius:12px}.cw-preview-pane .studio-canvas{width:100%!important;cursor:default;pointer-events:none}.cw-preview-pane .studio-canvas-status{font-size:12px}.cw-preview-pane figcaption{padding:12px!important;font-size:10px!important}
.cw-stage-footer{display:flex;gap:15px;align-items:center;min-height:47px;padding:10px 17px;border-top:1px solid #e5e0ec;font-size:9px;color:#a193ad;background:#faf9fc}.cw-stage-footer>span{display:flex;align-items:center;gap:5px}.cw-stage-footer>span>.cw-icon{width:12px;height:12px}.cw-stage-status{flex:1;min-width:0;color:#8c7a9b}.cw-stage-status[data-error=true]{color:#b9773b}.cw-stage-status>span{overflow:hidden;text-overflow:ellipsis}.cw-fit-button{display:flex;align-items:center;gap:5px;font-size:10px!important;padding:4px!important}.cw-fit-button .cw-icon{width:14px;height:14px}.cw-provisional{display:flex;gap:8px;align-items:center;padding:12px 20px;margin:0;border-top:1px solid var(--cw-line);background:#fff;font-size:10px;color:#a293ad}.cw-provisional>.cw-icon{width:14px;height:14px;color:#a28ab6}.cw-provisional strong{font-weight:600;color:#8b789d}.cw-provisional>span{margin-inline-start:auto}
.customer-workspace .customer-starters{margin:0;padding:0;border:0;background:none;box-shadow:none}.customer-workspace .customer-starters>summary{display:none}.customer-workspace .customer-starters-body{padding:0}.customer-workspace .starter-intro{font-size:11px}.customer-workspace .starter-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.customer-workspace .starter-card{padding:7px!important;min-width:0}.customer-workspace .starter-art-frame{height:100px}.customer-workspace .starter-card>strong{font-size:10px;line-height:1.5}.customer-workspace .starter-category{font-size:8px}.customer-workspace .starter-fields-grid{grid-template-columns:1fr;gap:0}.customer-workspace .starter-fields-grid input{min-width:0;font-size:12px;padding:9px}.customer-workspace .starter-edit-heading h3{font-size:15px}.customer-workspace .starter-edit-heading>span{font-size:10px}.customer-workspace .starter-apply{display:block}.customer-workspace .starter-apply p,.customer-workspace .starter-preview-note,.customer-workspace .starter-status,.customer-workspace .starter-replace p{font-size:10px;line-height:1.7}.customer-workspace .starter-apply button{width:100%;font-size:11px!important;padding:12px!important}.customer-workspace .starter-replace>div{flex-direction:column}.customer-workspace .starter-replace button{font-size:10px;padding:10px!important}.customer-workspace .starter-personalize{padding:12px 0;border-radius:0;background:none}.customer-workspace .starter-fields-grid .field{font-size:10px}.customer-workspace .starter-replace{padding:10px}
html[dir=rtl] .cw-studio-title h3,html[dir=rtl] .cw-empty-canvas strong{letter-spacing:0}html[dir=rtl] .cw-review-button span{transform:scaleX(-1)}html[dir=rtl] .cw-stage-help{direction:rtl}html[dir=rtl] .cw-stage-scroll{direction:ltr}html[dir=rtl] .cw-rotate-handle{margin-left:-11px!important;margin-inline-start:0!important}html[dir=rtl] .cw-empty-canvas{direction:rtl}
@media(min-width:1500px){.customer-create:has(.customer-workspace){max-width:1500px}.cw-layout{grid-template-columns:82px 300px minmax(0,1fr)}.cw-panel-content{padding:23px}.cw-stage-scroll{min-height:600px}.cw-design-pane,.cw-preview-pane{min-height:642px}.cw-panel-content{max-height:780px}}
@media(max-width:1100px){.cw-layout{grid-template-columns:65px 245px minmax(0,1fr)}.cw-header{gap:12px;padding:16px}.cw-studio-title>div>span{display:none}.cw-studio-title h3{font-size:16px;margin:0}.cw-brand-mark{width:35px;height:35px}.cw-mode-switch button{padding:7px 9px;font-size:10px}.cw-history{gap:0;padding-inline-end:8px}.cw-review-button{font-size:10px!important;padding:10px 12px!important}.cw-panel-content{padding:16px 13px}.cw-stage-toolbar{padding:12px 13px;gap:8px}.cw-surface-note{display:none}.cw-stage-footer>span:nth-child(2){display:none}.cw-provisional>span{display:none}.cw-tool-rail{padding-inline:4px}.cw-tool-rail button{font-size:9px}.cw-panel-header{padding:20px 15px}.cw-stage-scroll{padding:40px 27px 32px}.cw-zoom-control>span{display:none}.cw-font-label small{display:none}}
@media(max-width:850px) and (min-width:701px){.cw-layout{grid-template-columns:58px 220px minmax(0,1fr)}.cw-header{flex-wrap:wrap;gap:8px;padding:12px 15px}.cw-studio-title{flex-basis:55%}.cw-history{border:0;padding:0}.cw-mode-switch{margin-inline-start:auto}.cw-review-button{margin-inline-start:0}.cw-layout{min-height:635px}.cw-stage-scroll{padding:38px 23px 30px;min-height:500px}.cw-design-pane,.cw-preview-pane{min-height:542px}.cw-stage-toolbar{padding:10px}.cw-surface-tabs button{padding:7px 9px!important;font-size:10px}.cw-zoom-control select{width:56px}.cw-preview-pane{padding:12px}.cw-tool-rail button{gap:6px;font-size:8px}.cw-panel-content{padding:15px 11px}.cw-property-grid{gap:0 8px}}
@media(max-width:700px){.customer-create .has-creative-workspace{margin:18px -8px}.customer-workspace{border-radius:14px;font-size:12px}.cw-header{flex-wrap:wrap;min-height:0;gap:12px;padding:15px 13px}.cw-studio-title{flex-basis:calc(100% - 90px);gap:8px}.cw-studio-title h3{font-size:16px}.cw-studio-title>div>span{display:block;font-size:9px}.cw-brand-mark{width:34px;height:34px;border-radius:10px}.cw-brand-mark .cw-icon{width:20px;height:20px}.cw-history{border:0;gap:3px;padding:0;margin-inline-start:auto}.cw-history .cw-icon-button{width:33px;height:35px}.cw-mode-switch{flex:1}.cw-mode-switch button{flex:1;font-size:10px;min-height:34px;padding:8px}.cw-review-button{min-height:42px;font-size:10px!important;padding:10px 12px!important;gap:8px}.cw-layout{display:flex;flex-direction:column;min-height:0}.cw-stage-column{order:0}.cw-tool-rail{order:1;flex-direction:row;padding:7px 5px;gap:4px;justify-content:space-around;border-inline-end:0;border-top:1px solid #e5dfed;border-bottom:1px solid #e5dfed;position:sticky;bottom:0;box-shadow:0 3px 14px #2a173b08;z-index:15}.cw-tool-rail button{flex:1;min-width:0;min-height:57px;gap:5px;padding:7px 2px;font-size:9px;border-radius:8px}.cw-tool-rail button .cw-icon{width:20px;height:20px}.cw-panel{order:2;border-inline-end:0;border-bottom:1px solid var(--cw-line)}.cw-panel-header{min-height:52px;padding:11px 17px}.cw-panel-header h4{font-size:13px}.cw-panel-close{display:grid!important}.cw-panel-close .cw-icon{width:16px;height:16px}.cw-panel-content{padding:17px;max-height:500px;overflow:auto}.customer-workspace[data-panel-open=false] .cw-panel{display:none}.customer-workspace[data-panel-open=false] .cw-tool-rail [aria-pressed=true]{background:none;color:#777280}.cw-stage-toolbar{padding:10px 13px;min-height:55px;gap:8px}.cw-surface-tabs{padding:3px}.cw-surface-tabs button{min-height:30px;font-size:10px;padding:7px 12px!important}.cw-surface-note{display:block;font-size:8px;max-width:84px}.cw-zoom-control select{min-height:32px;width:59px;font-size:10px}.cw-stage{min-height:0}.cw-stage-scroll{min-height:405px;max-height:490px;padding:36px 30px 26px}.cw-design-pane{min-height:444px}.cw-stage-help{font-size:8px;padding:11px 8px;min-height:36px}.cw-preview-pane{min-height:444px;padding:17px}.customer-create .cw-preview-pane .studio-visual{max-width:350px}.cw-stage-footer{min-height:42px;padding:9px 13px;font-size:8px;gap:8px}.cw-stage-footer>span:nth-child(2){display:flex;font-size:8px;max-width:105px}.cw-stage-footer>span:nth-child(2) .cw-icon{display:none}.cw-fit-button{font-size:9px!important}.cw-provisional{font-size:9px;padding:12px 14px;gap:7px}.cw-provisional>span{display:block;font-size:8px;margin-inline-start:auto;max-width:135px;line-height:1.6}.cw-provisional strong{max-width:145px;line-height:1.6}.cw-upload-drop{padding:20px 17px}.cw-upload-drop>strong{font-size:13px}.cw-upload-drop>span:not(.cw-button){font-size:10px}.cw-upload-drop .cw-button{max-width:230px;font-size:12px}.cw-upload-library{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.cw-upload-library button{border-radius:8px}.cw-private-note{font-size:10px;justify-content:center;margin:14px 0}.cw-text-preset{padding:15px!important;font-size:18px!important}.cw-text-preset.cw-text-heading{font-size:25px!important;padding:18px!important}.cw-text-preset.cw-text-detail{font-size:13px!important}.cw-font-search{min-height:44px}.cw-font-search input{font-size:12px!important}.cw-font-filters select{padding:11px 8px;font-size:11px!important;min-height:42px}.cw-font-results{display:grid;grid-template-columns:1fr 1fr;gap:9px}.cw-font-option{min-height:95px;padding:11px!important}.cw-font-label{font-size:10px;display:block}.cw-font-label small{display:none}.cw-font-sample{font-size:24px;margin-top:12px}.cw-load-fonts{grid-column:1/-1}.cw-inspector{margin-top:20px;padding-top:18px}.cw-inspector-heading h4{font-size:13px}.cw-selection-actions{gap:8px}.cw-selection-actions .cw-icon-button{height:42px}.cw-property{font-size:11px}.cw-property input,.cw-property select{font-size:13px;min-height:42px}.cw-property textarea{font-size:19px}.cw-selected-font{padding:12px!important}.cw-property-grid{gap:0 16px}.cw-selected-font strong{font-size:13px}.cw-selected-font>span{font-size:10px}.cw-check{font-size:12px;min-height:28px}.cw-check input{width:17px;height:17px}.cw-centre-actions{flex-direction:row;gap:9px}.cw-centre-actions button{flex:1;min-height:44px;font-size:10px!important;justify-content:center}.cw-layer-row{min-height:54px;padding:5px 8px;gap:7px}.cw-layer-pick>span:last-child{font-size:12px}.cw-layer-thumb{width:40px;height:42px}.cw-layer-toggle{width:38px;height:40px}.cw-layer-toggle .cw-icon{width:17px;height:17px}.cw-resize-handle{width:16px;height:16px;border-radius:4px}.cw-handle-nw{left:-8px;top:-8px}.cw-handle-ne{right:-8px;top:-8px}.cw-handle-se{right:-8px;bottom:-8px}.cw-handle-sw{left:-8px;bottom:-8px}.cw-rotate-handle{width:27px;height:27px;top:-42px;margin-inline-start:-13.5px!important}.cw-rotate-handle .cw-icon{width:16px;height:16px}.cw-empty-canvas strong{font-size:17px;max-width:210px}.cw-empty-canvas>span{width:42px;height:42px;border-radius:12px;margin-bottom:12px}.cw-empty-canvas>span .cw-icon{width:22px;height:22px}.cw-empty-canvas p{font-size:10px;margin:8px 0 14px}.cw-empty-canvas .cw-button{min-height:40px;font-size:10px}.customer-workspace .starter-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.customer-workspace .starter-art-frame{height:100px}.customer-workspace .starter-fields-grid{grid-template-columns:1fr 1fr;gap:12px}.customer-workspace .starter-edit-heading h3{font-size:18px}.customer-workspace .starter-fields-grid .field{font-size:11px}.customer-workspace .starter-fields-grid input{font-size:13px;min-height:44px}.customer-workspace .starter-apply{display:flex}.customer-workspace .starter-apply button{width:auto;min-width:140px}.customer-workspace .starter-apply p{max-width:170px}.customer-workspace .starter-category{font-size:9px}.customer-workspace .starter-card>strong{font-size:10px}.customer-workspace .starter-personalize{margin-top:15px}.customer-workspace .starter-status{font-size:11px}.cw-font-library-link{font-size:12px!important}.cw-muted{font-size:11px}}
@media(max-width:370px){.cw-stage-scroll{padding-inline:22px;min-height:375px}.cw-design-pane,.cw-preview-pane{min-height:414px}.cw-surface-note{display:none}.cw-review-button{font-size:9px!important;padding:10px!important}.cw-studio-title h3{font-size:15px}.cw-font-results{grid-template-columns:1fr}.cw-provisional>span{display:none}.cw-empty-canvas strong{font-size:15px}.cw-empty-canvas>div{gap:6px}.cw-empty-canvas .cw-button{padding:8px 9px!important;font-size:9px}.customer-workspace .starter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cw-stage-footer>span:nth-child(2){display:none}}
@media(prefers-reduced-motion:no-preference){.cw-tool-rail button,.cw-mode-switch button,.cw-font-option,.cw-layer-row,.cw-text-preset{transition:background .15s,border-color .15s,color .15s,box-shadow .15s}}
/* Keep editing controls readable; secondary metadata may remain compact. */
.cw-tool-rail button{font-size:11px}.cw-property{font-size:12px}.cw-font-label{font-size:11px}.cw-layer-pick>span:last-child{font-size:12px}.cw-font-search input{font-size:12px!important}.cw-font-filters select{font-size:11px!important}.cw-mode-switch button,.cw-surface-tabs button{font-size:12px}.cw-font-library-link{font-size:12px!important}.cw-centre-actions button{font-size:11px!important}.cw-font-search{min-height:44px}.cw-font-filters select{min-height:40px}.cw-check{min-height:28px}.cw-inspector-heading h4{font-size:13px}.cw-quality-warnings{list-style:disc;margin:0;padding:13px 28px 13px 42px;border-top:1px solid #eddfc6;background:#fffaf0;color:#946d35;font-size:11px;line-height:1.8}.cw-quality-warnings li+li{margin-top:5px}html[dir=rtl] .cw-quality-warnings{padding-inline-start:42px;padding-inline-end:28px}
@media(max-width:850px){.cw-tool-rail button{font-size:10px}.cw-mode-switch button,.cw-surface-tabs button{font-size:11px}}
@media(max-width:700px){.cw-tool-rail button{font-size:10px}.cw-stage-footer{font-size:10px}.cw-stage-help{font-size:10px}.cw-property input,.cw-property select{min-height:44px}.cw-font-filters select{min-height:44px}.cw-layer-toggle{min-width:40px;min-height:44px}.cw-quality-warnings{font-size:11px;padding:12px 20px 12px 32px}}
.cw-layer[data-repeat=true]{pointer-events:none}.cw-layer[data-repeat=true] img{pointer-events:auto;cursor:move}.cw-layer[data-repeat=true][data-locked=true] img{cursor:default}.cw-copy-controls{position:relative;margin-inline-start:auto}.cw-copy-side{display:flex;align-items:center;gap:5px;font-size:10px!important;color:#80619e!important;padding:7px!important;white-space:nowrap}.cw-copy-side .cw-icon{width:13px;height:13px}.cw-copy-confirm{position:absolute;top:calc(100% + 9px);inset-inline-end:0;z-index:60;width:260px;max-width:75vw;border:1px solid #ddd3eb;border-radius:10px;background:white;box-shadow:0 7px 28px #25123826;padding:15px;display:flex;flex-wrap:wrap;gap:8px}.cw-copy-confirm p{font-size:12px;line-height:1.7;flex-basis:100%;margin:0 0 5px}.cw-copy-confirm .cw-button{font-size:10px}.cw-copy-controls+.cw-zoom-control{margin-inline-start:0}
@media(max-width:1100px){.cw-copy-side{font-size:9px!important;max-width:120px;white-space:normal;line-height:1.5}.cw-copy-side .cw-icon{display:none}}
@media(max-width:700px){.cw-copy-side{font-size:9px!important;max-width:90px}.cw-copy-controls:has(.cw-copy-side:not([hidden]))~.cw-zoom-control{margin-inline-start:auto}.cw-stage-toolbar:has(.cw-copy-side:not([hidden])) .cw-surface-note{display:none}.cw-copy-confirm{inset-inline-end:-65px}}
/* The studio has its own review controls; old journey bars must not cover them. */
.customer-create:has(.customer-workspace) .customer-journey-nav,.customer-create:has(.customer-workspace) .customer-journey-bar{position:static;top:auto;bottom:auto;box-shadow:none}.cw-focus-button[aria-pressed=true]{background:#eee7fb!important;color:#7044c4}.customer-workspace.cw-focus-mode{position:fixed;inset:12px;z-index:1000;border-radius:15px;display:flex;flex-direction:column;box-shadow:0 0 0 20px #ece9f3}.has-studio-focus{overflow:hidden}.has-studio-focus .mobile-shopping-nav{display:none!important}.cw-focus-mode .cw-layout{flex:1;min-height:0;overflow:hidden}.cw-focus-mode .cw-panel{min-height:0}.cw-focus-mode .cw-panel-content{max-height:none;min-height:0;flex:1}.cw-focus-mode .cw-stage-column{min-height:0}.cw-focus-mode .cw-stage{min-height:0;flex:1;display:flex;flex-direction:column}.cw-focus-mode .cw-design-pane{min-height:0;flex:1}.cw-focus-mode .cw-stage-scroll{min-height:0;max-height:none;flex:1}.cw-focus-mode .cw-preview-pane{min-height:0;flex:1;overflow:auto}.cw-focus-mode .cw-preview-pane .studio-visual{max-height:100%}.cw-focus-mode .cw-provisional{flex-shrink:0}.cw-focus-mode .cw-quality-warnings{max-height:80px;overflow:auto;flex-shrink:0}
@media(max-width:700px){.cw-studio-title{flex-basis:calc(100% - 120px)}.cw-history .cw-icon-button{width:30px}.cw-focus-mode.customer-workspace{inset:0;border-radius:0;height:100dvh}.cw-focus-mode .cw-header{flex-shrink:0;padding-top:max(12px,env(safe-area-inset-top))}.cw-focus-mode .cw-layout{height:0;flex:1}.cw-focus-mode .cw-stage-column{flex-shrink:0;height:47dvh;max-height:470px;min-height:280px}.cw-focus-mode .cw-stage-toolbar{flex-shrink:0}.cw-focus-mode .cw-stage-help{font-size:9px;min-height:29px;padding:7px}.cw-focus-mode .cw-stage-footer{display:none}.cw-focus-mode .cw-stage-scroll{padding:28px 30px 24px}.cw-focus-mode .cw-tool-rail{position:static;flex-shrink:0}.cw-focus-mode .cw-panel{flex:1;min-height:0;overflow:hidden}.cw-focus-mode .cw-panel-header{min-height:44px;padding:5px 16px}.cw-focus-mode .cw-panel-content{padding:14px 17px}.cw-focus-mode .cw-provisional{display:none}.cw-focus-mode .cw-quality-warnings{max-height:58px;font-size:10px;padding-top:7px;padding-bottom:7px}.cw-focus-mode .cw-layout:has(.cw-panel[hidden]) .cw-stage-column{flex:1;max-height:none}.cw-focus-mode[data-panel-open=false] .cw-stage-column{flex:1;height:auto;max-height:none}.cw-focus-mode .cw-preview-pane{padding:10px}.cw-focus-mode .cw-preview-pane .studio-visual{max-width:280px}.cw-focus-mode .cw-empty-canvas strong{font-size:14px}.cw-focus-mode .cw-empty-canvas>span{display:none}.cw-focus-mode .cw-empty-canvas p{margin:5px 0 9px}.cw-focus-mode .cw-empty-canvas .cw-button{min-height:34px;padding:7px!important;font-size:9px}.cw-focus-mode .cw-empty-canvas{padding:8px}}
.cw-safe-area{inset:5%}
.customer-create:has(.customer-workspace) .studio-upload,.customer-create:has(.customer-workspace) .customer-text-hint,.customer-create:has(.customer-workspace) [data-action=remove-customer-artwork]{display:none!important}
.cw-upload-progress{width:100%;height:7px;margin:14px 0 0;accent-color:var(--cw-accent)}
/* Keep the mobile inspector usable beside a compact live artboard in focus mode. */
@media(max-width:700px){
 .cw-focus-mode .cw-header{gap:7px;padding:8px 12px;padding-top:max(8px,env(safe-area-inset-top))}
 .cw-focus-mode .cw-studio-title>div>span{display:none}
 .cw-focus-mode[data-panel-open=true] .cw-stage-column{height:34dvh;min-height:225px;max-height:320px}
 .cw-focus-mode .cw-panel-content{padding-bottom:max(14px,env(safe-area-inset-bottom))}
}