/*!************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/@uppy/core/dist/style.min.css ***!
  \************************************************************************************************************************************************************************************************/
.uppy-Root{box-sizing:border-box;color:#333;font-family:-apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Segoe UI Symbol,Segoe UI Emoji,Apple Color Emoji,Roboto,Helvetica,Arial,sans-serif;line-height:1;position:relative;text-align:left;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.uppy-Root[dir=rtl],[dir=rtl] .uppy-Root{text-align:right}.uppy-Root *,.uppy-Root :after,.uppy-Root :before{box-sizing:inherit}.uppy-Root [hidden]{display:none}.uppy-u-reset{all:initial;appearance:none;box-sizing:border-box;font-family:-apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Segoe UI Symbol,Segoe UI Emoji,Apple Color Emoji,Roboto,Helvetica,Arial,sans-serif;line-height:1}[dir=rtl] .uppy-u-reset{text-align:right}.uppy-truncate-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.uppy-c-textInput{background-color:#fff;border:1px solid #ddd;border-radius:4px;font-family:inherit;font-size:14px;line-height:1.5;padding:6px 8px}.uppy-size--md .uppy-c-textInput{padding:8px 10px}.uppy-c-textInput:focus{border-color:#1269cf99;box-shadow:0 0 0 3px #1269cf26;outline:none}[data-uppy-theme=dark] .uppy-c-textInput{background-color:#333;border-color:#333;color:#eaeaea}[data-uppy-theme=dark] .uppy-c-textInput:focus{border-color:#525252;box-shadow:none}.uppy-c-icon{display:inline-block;max-height:100%;max-width:100%;overflow:hidden;fill:currentColor}.uppy-c-btn{align-items:center;color:inherit;display:inline-flex;font-family:inherit;font-size:inherit;font-weight:500;justify-content:center;line-height:1;transition-duration:.3s;transition-property:background-color,color;-webkit-user-select:none;user-select:none;white-space:nowrap}.uppy-c-btn,[dir=rtl] .uppy-c-btn{text-align:center}.uppy-c-btn:not(:disabled):not(.disabled){cursor:pointer}.uppy-c-btn::-moz-focus-inner{border:0}.uppy-c-btn-primary{background-color:#1269cf;border-radius:4px;color:#fff;font-size:14px;padding:10px 18px}.uppy-c-btn-primary:not(:disabled):hover{background-color:#0e51a0}.uppy-c-btn-primary:focus{box-shadow:0 0 0 3px #1269cf66;outline:none}.uppy-size--md .uppy-c-btn-primary{padding:13px 22px}[data-uppy-theme=dark] .uppy-c-btn-primary{color:#eaeaea}[data-uppy-theme=dark] .uppy-c-btn-primary:focus{outline:none}[data-uppy-theme=dark] .uppy-c-btn-primary::-moz-focus-inner{border:0}[data-uppy-theme=dark] .uppy-c-btn-primary:focus{box-shadow:0 0 0 2px #aae1ffd9}.uppy-c-btn-primary.uppy-c-btn--disabled{background-color:#8eb2db}.uppy-c-btn-link{background-color:initial;border-radius:4px;color:#525252;font-size:14px;line-height:1;padding:10px 15px}.uppy-c-btn-link:hover{color:#333}.uppy-c-btn-link:focus{box-shadow:0 0 0 3px #1269cf40;outline:none}.uppy-size--md .uppy-c-btn-link{padding:13px 18px}[data-uppy-theme=dark] .uppy-c-btn-link{color:#eaeaea}[data-uppy-theme=dark] .uppy-c-btn-link:focus{outline:none}[data-uppy-theme=dark] .uppy-c-btn-link::-moz-focus-inner{border:0}[data-uppy-theme=dark] .uppy-c-btn-link:focus{box-shadow:0 0 0 2px #aae1ffd9}[data-uppy-theme=dark] .uppy-c-btn-link:hover{color:#939393}
/*!*****************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/@uppy/drag-drop/dist/style.min.css ***!
  \*****************************************************************************************************************************************************************************************************/
.uppy-DragDrop-container{align-items:center;background-color:#fff;border-radius:7px;cursor:pointer;display:flex;font-family:-apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Segoe UI Symbol,Segoe UI Emoji,Apple Color Emoji,Roboto,Helvetica,Arial,sans-serif;justify-content:center;max-width:100%}.uppy-DragDrop-container::-moz-focus-inner{border:0}.uppy-DragDrop-container:focus{box-shadow:0 0 0 3px #1269cf66;outline:none}.uppy-DragDrop-inner{line-height:1.4;margin:0;padding:80px 20px;text-align:center}.uppy-DragDrop-arrow{height:60px;margin-bottom:17px;width:60px;fill:#e0e0e0}.uppy-DragDrop--isDragDropSupported{border:2px dashed #adadad}.uppy-DragDrop--isDraggingOver{background:#eaeaea;border:2px dashed #1269cf}.uppy-DragDrop--isDraggingOver .uppy-DragDrop-arrow{fill:#939393}.uppy-DragDrop-label{display:block;font-size:1.15em;margin-bottom:5px}.uppy-DragDrop-browse{color:#1269cf;cursor:pointer}.uppy-DragDrop-note{color:#adadad;font-size:1em}
/*!*********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/frontend/customiser-app.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************/
 .oc-customiser-panel{--oc-accent:var(--wp--preset--color--primary, var(--wp-admin-theme-color, currentColor));--oc-accent-ink:var(--wp--preset--color--base, #fff);--oc-fg:currentColor;--oc-fg-muted:color-mix(in srgb, currentColor 60%, transparent);--oc-border:color-mix(in srgb, currentColor 18%, transparent);--oc-border-strong:color-mix(in srgb, currentColor 35%, transparent);--oc-surface:color-mix(in srgb, currentColor 4%, transparent);--oc-surface-2:color-mix(in srgb, currentColor 7%, transparent);--oc-danger:#c0392b;--oc-radius-sm:6px;--oc-radius:10px;--oc-radius-lg:14px;--oc-gap-xs:6px;--oc-gap-sm:10px;--oc-gap:16px;--oc-gap-lg:24px;--oc-tap:44px;--oc-shadow-sm:0 1px 2px rgb(0 0 0 / 0.06);--oc-shadow:0 4px 16px rgb(0 0 0 / 0.08);font:inherit;color:inherit;display:flex;flex-direction:column;gap:var(--oc-gap);margin-block:var(--oc-gap-lg)}.oc-customiser-panel *,.oc-customiser-panel *::before,.oc-customiser-panel *::after{box-sizing:border-box}.oc-customiser-panel .oc-area-tabs{display:flex;gap:var(--oc-gap-xs);overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-block:4px;margin-inline:calc(var(--oc-gap) * -1);padding-inline:var(--oc-gap);scrollbar-width:none}.oc-customiser-panel .oc-area-tabs::-webkit-scrollbar{display:none}.oc-customiser-panel .oc-area-tab{flex:0 0 auto;scroll-snap-align:start;min-height:var(--oc-tap);padding:10px 18px;border:1px solid var(--oc-border);border-radius:999px;background:#fff0;color:inherit;font:inherit;font-weight:500;cursor:pointer;transition:background 0.15s ease,border-color 0.15s ease,color 0.15s ease,transform 0.05s ease}.oc-customiser-panel .oc-area-tab:hover{background:var(--oc-surface)}.oc-customiser-panel .oc-area-tab:active{transform:scale(.98)}.oc-customiser-panel .oc-area-tab:focus-visible{outline:2px solid var(--oc-accent);outline-offset:2px}.oc-customiser-panel .oc-area-tab.oc-active{background:var(--oc-accent);color:var(--oc-accent-ink);border-color:var(--oc-accent)}.oc-customiser-panel .oc-canvas-wrap{display:none;position:relative;padding:var(--oc-gap-sm);border:1px solid var(--oc-border);border-radius:var(--oc-radius-lg);background:var(--oc-accent-ink,#fff);box-shadow:var(--oc-shadow-sm)}.oc-customiser-panel .oc-preview-label{display:inline-flex;align-items:center;gap:6px;margin-bottom:var(--oc-gap-xs);color:var(--oc-fg-muted);font-size:.72em;font-weight:800;letter-spacing:.08em;line-height:1.2;text-transform:uppercase}.oc-customiser-panel .oc-preview-label::before{content:"";width:8px;height:8px;border-radius:50%;background:#27ae60;box-shadow:0 0 0 4px rgb(39 174 96 / .12)}.oc-customiser-panel #oc-canvas-preview{display:block;width:100%;height:auto;border-radius:var(--oc-radius)}.oc-customiser-panel .oc-gallery-mounted-preview{display:block!important;margin:0 0 var(--oc-gap)}.oc-customiser-panel .oc-area-controls{display:flex;flex-direction:column;gap:12px}.oc-customiser-panel .oc-layer-controls{display:flex;flex-direction:column;gap:14px}.oc-customiser-panel .oc-layer-section{display:flex;flex-direction:column;gap:8px;padding:0;border:0;border-radius:0}.oc-customiser-panel .oc-layer-header{display:flex;align-items:center;gap:var(--oc-gap-xs);font-weight:600;font-size:.95em}.oc-customiser-panel .oc-layer-header>span:first-child{flex:1}.oc-customiser-panel .oc-layer-type-badge{font-size:.7em;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:3px 8px;border-radius:999px;background:var(--oc-surface-2);color:var(--oc-fg-muted)}.oc-customiser-panel .oc-layer-required{font-size:.75em;color:var(--oc-danger);font-weight:500}.oc-customiser-panel .oc-layer-body{display:flex;flex-direction:column;gap:8px}.oc-customiser-panel .oc-control-group{display:flex;flex-direction:column;gap:var(--oc-gap-xs)}.oc-customiser-panel .oc-control-group>label{font-size:.85em;font-weight:600;color:var(--oc-fg-muted);letter-spacing:.01em}.oc-customiser-panel .oc-control-group>label .oc-range-value{float:right;color:var(--oc-fg);font-weight:700}.oc-customiser-panel .oc-control-group .oc-input-wrap{position:relative}.oc-customiser-panel .oc-control-group .oc-input-wrap>input,.oc-customiser-panel .oc-control-group .oc-input-wrap>textarea{padding-right:70px}.oc-customiser-panel .oc-control-group .oc-input-wrap>.oc-char-counter{display:none;position:absolute;right:10px;bottom:9px;pointer-events:none;font-size:.75em;font-weight:600;line-height:1;text-align:right;padding:3px 5px;border-radius:999px;background:rgb(255 255 255 / .92);color:var(--oc-danger)}.oc-customiser-panel .oc-control-group:has(>[data-oc-tooltip]){display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:var(--oc-gap-sm);row-gap:var(--oc-gap-xs)}.oc-customiser-panel .oc-control-group:has(>[data-oc-tooltip])>label,.oc-customiser-panel .oc-control-group:has(>[data-oc-tooltip])>.oc-spotify-error{grid-column:1/-1}.oc-customiser-panel .oc-control-group:has(>[data-oc-tooltip])>input,.oc-customiser-panel .oc-control-group:has(>[data-oc-tooltip])>select{grid-column:1;min-width:0}.oc-customiser-panel .oc-control-group:has(>[data-oc-tooltip])>[data-oc-tooltip]{grid-column:2;justify-self:end}.oc-customiser-panel .oc-control-group input[type=text],.oc-customiser-panel .oc-control-group input[type=url],.oc-customiser-panel .oc-control-group textarea,.oc-customiser-panel .oc-control-group select{width:100%;min-height:40px;padding:8px 12px;font:inherit;color:inherit;background:var(--oc-accent-ink,#fff);border:1px solid var(--oc-border-strong);border-radius:var(--oc-radius);transition:border-color 0.15s ease,box-shadow 0.15s ease}.oc-customiser-panel .oc-control-group input[type=text]::placeholder,.oc-customiser-panel .oc-control-group input[type=url]::placeholder,.oc-customiser-panel .oc-control-group textarea::placeholder,.oc-customiser-panel .oc-control-group select::placeholder{color:var(--oc-fg-muted)}.oc-customiser-panel .oc-control-group input[type=text]:focus,.oc-customiser-panel .oc-control-group input[type=text]:focus-visible,.oc-customiser-panel .oc-control-group input[type=url]:focus,.oc-customiser-panel .oc-control-group input[type=url]:focus-visible,.oc-customiser-panel .oc-control-group textarea:focus,.oc-customiser-panel .oc-control-group textarea:focus-visible,.oc-customiser-panel .oc-control-group select:focus,.oc-customiser-panel .oc-control-group select:focus-visible{outline:none;border-color:var(--oc-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--oc-accent) 25%,transparent)}.oc-customiser-panel .oc-control-group textarea{min-height:78px;resize:vertical;line-height:1.4}.oc-customiser-panel .oc-control-group input[type=range]{width:100%;min-height:32px;accent-color:var(--oc-accent);cursor:pointer}.oc-customiser-panel .oc-control-group select{appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 12px) 50%;background-size:6px 6px,6px 6px;background-repeat:no-repeat;padding-right:36px}.oc-customiser-panel .oc-font-size-row{display:flex;flex-direction:column;gap:8px}.oc-customiser-panel.oc-has-design-variants .oc-control-group--side-label{display:grid;grid-template-columns:minmax(96px,32%) minmax(0,1fr);align-items:start;column-gap:var(--oc-gap-sm);row-gap:var(--oc-gap-xs)}.oc-customiser-panel.oc-has-design-variants .oc-control-group--side-label>label{grid-column:1;padding-top:9px}.oc-customiser-panel.oc-has-design-variants .oc-control-group--side-label>.oc-input-wrap,.oc-customiser-panel.oc-has-design-variants .oc-control-group--side-label>input[type=url]{grid-column:2;min-width:0}.oc-customiser-panel.oc-has-design-variants .oc-control-group--side-label>.oc-help-tooltip,.oc-customiser-panel.oc-has-design-variants .oc-control-group--side-label>.oc-spotify-help{grid-column:2;justify-self:end}.oc-customiser-panel.oc-has-design-variants .oc-control-group--side-label>.oc-spotify-error{grid-column:2}.oc-customiser-panel.oc-has-design-variants .oc-control-group--side-label:has(>[data-oc-tooltip]){grid-template-columns:minmax(96px,32%) minmax(0,1fr) auto}.oc-customiser-panel.oc-has-design-variants .oc-control-group--side-label:has(>[data-oc-tooltip])>input[type=url]{grid-column:2}.oc-customiser-panel.oc-has-design-variants .oc-control-group--side-label:has(>[data-oc-tooltip])>.oc-help-tooltip,.oc-customiser-panel.oc-has-design-variants .oc-control-group--side-label:has(>[data-oc-tooltip])>.oc-spotify-help{grid-column:3}.oc-customiser-panel.oc-has-design-variants .oc-control-group--side-label:has(>[data-oc-tooltip])>.oc-spotify-error{grid-column:2/-1}.oc-customiser-panel.oc-has-design-variants .oc-font-size-row:not(:has(.oc-font-combobox)){display:grid;grid-template-columns:minmax(96px,32%) minmax(0,1fr);column-gap:var(--oc-gap-sm)}.oc-customiser-panel.oc-has-design-variants .oc-font-size-row:not(:has(.oc-font-combobox))>.oc-control-group{grid-column:2;min-width:0}.oc-customiser-panel select.oc-font-native-select{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%)}.oc-customiser-panel .oc-font-combobox{position:relative}.oc-customiser-panel .oc-font-search{width:100%;min-height:40px;padding:8px 36px 8px 12px;font:inherit;color:inherit;background:var(--oc-accent-ink,#fff);border:1px solid var(--oc-border-strong);border-radius:var(--oc-radius);transition:border-color 0.15s ease,box-shadow 0.15s ease}.oc-customiser-panel .oc-font-search::placeholder{color:var(--oc-fg-muted)}.oc-customiser-panel .oc-font-search:focus,.oc-customiser-panel .oc-font-search:focus-visible{outline:none;border-color:var(--oc-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--oc-accent) 25%,transparent)}.oc-customiser-panel .oc-font-combobox::after{content:"";position:absolute;right:14px;top:17px;width:8px;height:8px;border-right:2px solid currentcolor;border-bottom:2px solid currentcolor;pointer-events:none;transform:rotate(45deg);opacity:.7}.oc-customiser-panel .oc-font-options{display:none;position:absolute;z-index:20;top:calc(100% + 4px);left:0;right:0;max-height:220px;overflow-x:hidden;overflow-y:auto;padding:2px;background:var(--oc-accent-ink,#fff);border:1px solid var(--oc-border-strong);border-radius:var(--oc-radius);box-shadow:var(--oc-shadow)}.oc-customiser-panel .oc-font-combobox.oc-open .oc-font-options{display:block}.oc-customiser-panel .oc-font-option{appearance:none;-webkit-appearance:none;display:flex;align-items:center;width:100%;height:26px;min-height:0;margin:0;padding:0 8px;border:0;border-radius:3px;background:#fff0;box-shadow:none;color:inherit;overflow:hidden;line-height:1;text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.oc-customiser-panel .oc-font-option:hover,.oc-customiser-panel .oc-font-option:focus-visible,.oc-customiser-panel .oc-font-option[aria-selected=true]{outline:none;background:var(--oc-accent);color:var(--oc-accent-ink)}.oc-customiser-panel .oc-font-no-results{padding:9px;color:var(--oc-fg-muted);font-size:.9em}.oc-customiser-panel .oc-colour-swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(36px,1fr));gap:var(--oc-gap-xs)}.oc-customiser-panel .oc-colour-swatches--labels{display:flex;flex-wrap:wrap;gap:8px}.oc-customiser-panel .oc-colour-swatch{appearance:none;border:2px solid var(--oc-border);border-radius:50%;padding:0;width:100%;aspect-ratio:1;min-width:36px;cursor:pointer;transition:transform 0.1s ease,border-color 0.15s ease,box-shadow 0.15s ease;box-shadow:var(--oc-shadow-sm)}.oc-customiser-panel .oc-colour-swatch span{display:none}.oc-customiser-panel .oc-colour-swatch:hover{transform:scale(1.08)}.oc-customiser-panel .oc-colour-swatch:focus-visible{outline:none;border-color:var(--oc-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--oc-accent) 30%,transparent)}.oc-customiser-panel .oc-colour-swatch.oc-active,.oc-customiser-panel .oc-colour-swatch.oc-selected,.oc-customiser-panel .oc-colour-swatch[aria-pressed=true]{border-color:var(--oc-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--oc-accent) 35%,transparent)}.oc-customiser-panel .oc-colour-swatches--labels .oc-colour-swatch{border-width:1px;border-color:color-mix(in srgb,currentColor 22%,transparent);border-radius:5px;aspect-ratio:auto;width:auto;min-width:0;min-height:18px;padding:2px 10px;box-shadow:none;font:inherit;font-size:12px;font-weight:700;line-height:1.1;text-align:center}.oc-customiser-panel .oc-colour-swatches--labels .oc-colour-swatch span{display:block}.oc-customiser-panel .oc-colour-swatches--labels .oc-colour-swatch:hover{transform:translateY(-1px)}.oc-customiser-panel .oc-colour-swatches--labels .oc-colour-swatch.oc-active,.oc-customiser-panel .oc-colour-swatches--labels .oc-colour-swatch.oc-selected,.oc-customiser-panel .oc-colour-swatches--labels .oc-colour-swatch[aria-pressed=true]{border-color:var(--oc-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--oc-accent) 40%,transparent)}.oc-customiser-panel input[type=color]{width:var(--oc-tap);height:var(--oc-tap);padding:2px;border:1px solid var(--oc-border-strong);border-radius:var(--oc-radius);background:#fff0;cursor:pointer}.oc-customiser-panel .oc-clipart-filters{display:flex;gap:var(--oc-gap-xs);margin-bottom:var(--oc-gap-sm)}.oc-customiser-panel .oc-clipart-search{flex:1 1 auto;min-width:0;min-height:var(--oc-tap);padding:10px 14px;font:inherit;color:inherit;background:var(--oc-accent-ink,#fff);border:1px solid var(--oc-border-strong);border-radius:var(--oc-radius);transition:border-color 0.15s ease,box-shadow 0.15s ease}.oc-customiser-panel .oc-clipart-search::placeholder{color:var(--oc-fg-muted)}.oc-customiser-panel .oc-clipart-search:focus,.oc-customiser-panel .oc-clipart-search:focus-visible{outline:none;border-color:var(--oc-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--oc-accent) 25%,transparent)}.oc-customiser-panel .oc-clipart-category{flex:0 0 auto;min-height:var(--oc-tap);padding:10px 36px 10px 14px;font:inherit;font-size:.85em;color:inherit;background:var(--oc-accent-ink,#fff);border:1px solid var(--oc-border-strong);border-radius:var(--oc-radius);appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:calc(100% - 14px) 50%,calc(100% - 9px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat;cursor:pointer;transition:border-color 0.15s ease,box-shadow 0.15s ease}.oc-customiser-panel .oc-clipart-category:focus,.oc-customiser-panel .oc-clipart-category:focus-visible{outline:none;border-color:var(--oc-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--oc-accent) 25%,transparent)}.oc-customiser-panel .oc-clipart-no-results{grid-column:1/-1;text-align:center;color:var(--oc-fg-muted);font-size:.9em;padding:var(--oc-gap);margin:0}.oc-customiser-panel .oc-clipart-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:var(--oc-gap-xs)}.oc-customiser-panel .oc-clipart-carousel{display:grid;grid-template-columns:12px minmax(0,1fr) 12px;grid-template-areas:"prev track next" "dots dots dots";align-items:center;column-gap:3px;row-gap:5px}.oc-customiser-panel .oc-clipart-grid--carousel{-ms-grid-row:1;-ms-grid-column:3;grid-area:track;display:flex;grid-template-columns:none;gap:5px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none}.oc-customiser-panel .oc-clipart-grid--carousel::-webkit-scrollbar{display:none}.oc-customiser-panel .oc-clipart-grid--carousel .oc-clipart-item{flex:0 0 calc((100% - 12.5px) / 3.5);scroll-snap-align:start}.oc-customiser-panel .oc-clipart-carousel-arrow{width:12px;height:24px;border:0;border-radius:0;background:#fff0;color:var(--oc-fg-muted);font:inherit;font-size:1.35em;font-weight:700;line-height:1;cursor:pointer;box-shadow:none;padding:0;transition:color 0.15s ease,opacity 0.15s ease,transform 0.1s ease}.oc-customiser-panel .oc-clipart-carousel-arrow:hover:not(:disabled){color:var(--oc-accent);transform:scale(1.08)}.oc-customiser-panel .oc-clipart-carousel-arrow:disabled{opacity:.28;cursor:default;box-shadow:none}.oc-customiser-panel .oc-clipart-carousel-arrow--prev{-ms-grid-row:1;-ms-grid-column:1;grid-area:prev}.oc-customiser-panel .oc-clipart-carousel-arrow--next{-ms-grid-row:1;-ms-grid-column:5;grid-area:next}.oc-customiser-panel .oc-clipart-carousel-dots{-ms-grid-row:3;-ms-grid-column:1;-ms-grid-column-span:5;grid-area:dots;display:flex;justify-content:center;gap:6px;min-height:6px}.oc-customiser-panel .oc-clipart-carousel-dot{width:5px;height:5px;min-width:5px;min-height:5px;max-width:5px;max-height:5px;flex:0 0 5px;padding:0;border:0;border-radius:999px;background:color-mix(in srgb,currentColor 26%,transparent);cursor:pointer;appearance:none;line-height:0;transition:background 0.15s ease,transform 0.15s ease}.oc-customiser-panel .oc-clipart-carousel-dot.oc-active{background:var(--oc-accent);transform:scale(1.25)}@media (max-width:639px){.oc-customiser-panel .oc-clipart-grid--carousel .oc-clipart-item{flex-basis:calc((100% - 17.5px) / 4.5)}}.oc-customiser-panel .oc-clipart-carousel--single-page .oc-clipart-carousel-arrow,.oc-customiser-panel .oc-clipart-carousel--single-page .oc-clipart-carousel-dots{display:none}.oc-customiser-panel .oc-clipart-carousel--single-page .oc-clipart-grid--carousel{grid-column:1/-1}.oc-customiser-panel .oc-clipart-item{appearance:none;border:0;border-radius:var(--oc-radius);background:var(--oc-accent-ink,#fff);padding:6px;aspect-ratio:1;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color 0.15s ease,transform 0.1s ease,box-shadow 0.15s ease}.oc-customiser-panel .oc-clipart-item img{max-width:100%;max-height:100%;object-fit:contain}.oc-customiser-panel .oc-clipart-item:hover{background:var(--oc-surface);transform:translateY(-1px);box-shadow:none}.oc-customiser-panel .oc-clipart-item:focus-visible{outline:none;box-shadow:0 0 0 2px color-mix(in srgb,var(--oc-accent) 35%,transparent)}.oc-customiser-panel .oc-clipart-item.oc-active,.oc-customiser-panel .oc-clipart-item.oc-selected,.oc-customiser-panel .oc-clipart-item[aria-pressed=true]{background:color-mix(in srgb,var(--oc-accent) 10%,var(--oc-accent-ink,#fff));box-shadow:none}.oc-customiser-panel .oc-clipart-empty{grid-column:1/-1;text-align:center;color:var(--oc-fg-muted);font-size:.9em;padding:var(--oc-gap)}.oc-customiser-panel .oc-artwork-wrap{position:relative;display:flex;flex-direction:column;gap:8px}.oc-customiser-panel .oc-artwork-wrap>[data-oc-tooltip]{position:absolute;top:var(--oc-gap-xs);right:var(--oc-gap-xs);z-index:3}.oc-customiser-panel .oc-upload-zone .uppy-DragDrop-container{border-radius:8px;border:0;background:#fff0;min-height:0;height:auto;padding:0;transition:border-color 0.15s ease,background 0.15s ease}.oc-customiser-panel .oc-upload-zone .uppy-DragDrop-container:hover,.oc-customiser-panel .oc-upload-zone .uppy-DragDrop-container.uppy-DragDrop--isDraggingOver{background:#fff0}.oc-customiser-panel .oc-upload-zone .uppy-DragDrop-inner{padding:12px 14px;margin:0;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px;text-align:left;border:1px dashed var(--oc-border-strong);border-radius:8px;transition:border-color 0.15s ease,background 0.15s ease}.oc-customiser-panel .oc-upload-zone.oc-upload-zone--error .uppy-DragDrop-inner{border-color:color-mix(in srgb,var(--oc-danger) 45%,transparent);background:color-mix(in srgb,var(--oc-danger) 7%,var(--oc-accent-ink,#fff))}.oc-customiser-panel .oc-upload-zone .uppy-DragDrop-container:hover .uppy-DragDrop-inner,.oc-customiser-panel .oc-upload-zone .uppy-DragDrop-container.uppy-DragDrop--isDraggingOver .uppy-DragDrop-inner,.oc-customiser-panel .oc-upload-zone .uppy-DragDrop--isDraggingOver .uppy-DragDrop-inner{border-color:var(--oc-accent);background:color-mix(in srgb,var(--oc-accent) 6%,transparent)}.oc-customiser-panel .oc-upload-zone .uppy-DragDrop-arrow{grid-row:1/span 2;width:34px;height:34px;padding:8px;border-radius:50%;background:color-mix(in srgb,var(--oc-accent) 15%,transparent);fill:var(--oc-accent);opacity:1;margin:0;box-sizing:border-box}.oc-customiser-panel .oc-upload-zone .uppy-DragDrop-label{grid-column:2;color:inherit;font:inherit;font-size:.86em;font-weight:700;text-transform:uppercase;letter-spacing:.03em;margin:0;line-height:1.3}.oc-customiser-panel .oc-upload-zone .uppy-DragDrop-browse{color:inherit;font:inherit;text-decoration:none;cursor:inherit}.oc-customiser-panel .oc-upload-zone .uppy-DragDrop-note{grid-column:2;color:var(--oc-fg-muted);font-size:.68em;font-weight:600;text-transform:uppercase;letter-spacing:.04em;line-height:1.4;margin:0;display:block}.oc-customiser-panel .oc-upload-zone.oc-upload-zone--uploaded .uppy-DragDrop-container{padding:0;background:#fff0}.oc-customiser-panel .oc-upload-zone.oc-upload-zone--uploaded .uppy-DragDrop-inner{display:block;text-align:left;padding:10px 12px;border-style:solid;border-color:color-mix(in srgb,#2f6f4e 35%,transparent);background:color-mix(in srgb,#2f6f4e 8%,var(--oc-accent-ink,#fff))}.oc-customiser-panel .oc-upload-zone.oc-upload-zone--uploaded .uppy-DragDrop-arrow{display:none}.oc-customiser-panel .oc-upload-zone.oc-upload-zone--uploaded .uppy-DragDrop-label{display:block;font-size:.78em;line-height:1.25;color:#24573d}.oc-customiser-panel .oc-upload-zone.oc-upload-zone--uploaded .uppy-DragDrop-browse{font-weight:800;letter-spacing:.04em}.oc-customiser-panel .oc-upload-zone.oc-upload-zone--uploaded .uppy-DragDrop-note{display:block;margin-top:3px;font-size:.72em;font-weight:700;color:color-mix(in srgb,#24573d 78%,transparent);text-transform:uppercase}.oc-customiser-panel .oc-upload-progress{display:flex;flex-direction:column;gap:6px}.oc-customiser-panel .oc-upload-progress-label{color:var(--oc-fg-muted);font-size:.78em;font-weight:700;letter-spacing:.04em;line-height:1.3;text-transform:uppercase}.oc-customiser-panel .oc-upload-progress-track{height:8px;overflow:hidden;border-radius:999px;background:var(--oc-surface-2)}.oc-customiser-panel .oc-upload-progress-bar{height:100%;width:0;border-radius:inherit;background:var(--oc-accent);transition:width 0.18s ease}.oc-customiser-panel .oc-help-tooltip,.oc-customiser-panel .oc-spotify-help{position:relative;display:inline-flex;align-items:center;width:fit-content}.oc-customiser-panel .oc-help-toggle,.oc-customiser-panel .oc-spotify-help-toggle{appearance:none;width:22px;height:22px;border:1px solid var(--oc-border-strong);border-radius:50%;background:var(--oc-accent-ink,#fff);color:var(--oc-fg-muted);font:inherit;font-size:.75em;font-weight:700;line-height:1;cursor:help;padding:0;transition:color 0.15s ease,border-color 0.15s ease,background-color 0.15s ease}.oc-customiser-panel .oc-help-toggle:hover,.oc-customiser-panel .oc-spotify-help-toggle:hover{color:var(--oc-accent);border-color:var(--oc-accent)}.oc-customiser-panel .oc-help-hint,.oc-customiser-panel .oc-spotify-hint{position:absolute;top:calc(100% + 8px);left:0;z-index:5;display:none;max-width:280px;width:max-content;margin:0;padding:8px 10px;border-radius:var(--oc-radius-sm);border:1px solid var(--oc-border-strong);background:var(--oc-accent-ink,#fff);box-shadow:var(--oc-shadow-sm);font-size:.75em;font-weight:500;line-height:1.45;color:var(--oc-fg-muted);word-wrap:break-word;overflow-wrap:break-word;opacity:0;transform:translateY(-4px);transition:opacity 0.2s ease,transform 0.2s ease;pointer-events:none}.oc-customiser-panel .oc-help-tooltip:hover .oc-help-hint,.oc-customiser-panel .oc-help-tooltip:hover .oc-spotify-hint,.oc-customiser-panel .oc-spotify-help:hover .oc-help-hint,.oc-customiser-panel .oc-spotify-help:hover .oc-spotify-hint,.oc-customiser-panel .oc-help-tooltip:focus-within .oc-help-hint,.oc-customiser-panel .oc-help-tooltip:focus-within .oc-spotify-hint,.oc-customiser-panel .oc-spotify-help:focus-within .oc-help-hint,.oc-customiser-panel .oc-spotify-help:focus-within .oc-spotify-hint{display:block;opacity:1;transform:translateY(0);pointer-events:auto}.oc-customiser-panel .oc-help-tooltip.oc-open .oc-help-hint,.oc-customiser-panel .oc-help-tooltip.oc-open .oc-spotify-hint,.oc-customiser-panel .oc-open.oc-spotify-help .oc-help-hint,.oc-customiser-panel .oc-open.oc-spotify-help .oc-spotify-hint{display:block;opacity:1;transform:translateY(0);pointer-events:auto}@media (hover:none) and (pointer:coarse){.oc-customiser-panel .oc-help-tooltip:hover .oc-help-hint,.oc-customiser-panel .oc-help-tooltip:hover .oc-spotify-hint,.oc-customiser-panel .oc-spotify-help:hover .oc-help-hint,.oc-customiser-panel .oc-spotify-help:hover .oc-spotify-hint{display:none}.oc-customiser-panel .oc-help-tooltip:focus-within .oc-help-hint,.oc-customiser-panel .oc-help-tooltip:focus-within .oc-spotify-hint,.oc-customiser-panel .oc-spotify-help:focus-within .oc-help-hint,.oc-customiser-panel .oc-spotify-help:focus-within .oc-spotify-hint,.oc-customiser-panel .oc-help-tooltip.oc-open .oc-help-hint,.oc-customiser-panel .oc-help-tooltip.oc-open .oc-spotify-hint,.oc-customiser-panel .oc-open.oc-spotify-help .oc-help-hint,.oc-customiser-panel .oc-open.oc-spotify-help .oc-spotify-hint{display:block;opacity:1;transform:translateY(0);pointer-events:auto}}.oc-customiser-panel .oc-spotify-modal-help .oc-help-toggle,.oc-customiser-panel .oc-spotify-modal-help .oc-spotify-help-toggle{color:#1db954;border-color:color-mix(in srgb,#1db954 50%,transparent);cursor:pointer}.oc-customiser-panel .oc-spotify-share-dialog{--sp-green:#1ed760;--sp-green-dark:#1db954;--sp-bg-dark:#1c2620;--sp-bg-darker:#122017;--sp-border:#3d5245;--sp-text:#fff;--sp-text-muted:#b3b3b3;--sp-anim-speed:0.3s;padding:0;border:0;background:#fff0;width:calc(100% - 32px);max-width:900px;color:var(--sp-text);margin:auto;opacity:0;transform:scale(.95) translateY(20px);transition:opacity var(--sp-anim-speed) ease,transform var(--sp-anim-speed) cubic-bezier(.16,1,.3,1)}.oc-customiser-panel .oc-spotify-share-dialog::backdrop{background-color:rgb(0 0 0 / .85);backdrop-filter:blur(4px);opacity:0;transition:opacity var(--sp-anim-speed) ease}.oc-customiser-panel .oc-spotify-share-dialog[open]{opacity:0;transform:scale(.95) translateY(20px)}.oc-customiser-panel .oc-spotify-share-dialog[open].is-visible{opacity:1;transform:scale(1) translateY(0)}.oc-customiser-panel .oc-spotify-share-dialog.is-visible::backdrop{opacity:1}.oc-customiser-panel .oc-sp-modal-card{background-color:var(--sp-bg-dark);border:1px solid var(--sp-border);border-radius:20px;box-shadow:0 25px 50px -12px rgb(0 0 0 / .7);display:flex;flex-direction:column;overflow:hidden;position:relative;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;text-align:left}.oc-customiser-panel .oc-sp-visual-section{width:100%;height:200px;background:var(--sp-bg-darker);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.oc-customiser-panel .oc-sp-gradient-overlay{position:absolute;inset:0;background:linear-gradient(to bottom right,var(--sp-bg-dark),#000);z-index:1}.oc-customiser-panel .oc-sp-album-art{position:relative;z-index:10;width:140px;aspect-ratio:9/16;border-radius:12px;background:linear-gradient(145deg,#1ed760,#101b14);transform:rotate(-3deg) translateY(10px);box-shadow:0 10px 30px rgb(0 0 0 / .5);border:1px solid var(--sp-border);display:flex;align-items:center;justify-content:center}.oc-customiser-panel .oc-sp-album-art-overlay{position:absolute;inset:0;border-radius:11px;background:rgb(0 0 0 / .25);color:#fff;display:flex;align-items:center;justify-content:center}.oc-customiser-panel .oc-sp-content-section{padding:1.5rem;flex:1;position:relative}.oc-customiser-panel .oc-sp-close-btn{position:absolute;top:1rem;right:1rem;width:32px;height:32px;border:0;border-radius:50%;background:rgb(255 255 255 / .1);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:20;padding:0;transition:background 0.2s}.oc-customiser-panel .oc-sp-close-btn:hover{background:rgb(255 255 255 / .2)}.oc-customiser-panel .oc-sp-title{margin:0 .75rem .5rem 0;font-size:1.5rem;font-weight:700;line-height:1.2;color:#fff}.oc-customiser-panel .oc-sp-subtitle{margin:0 0 1.5rem;color:var(--sp-text-muted);font-size:.9rem;line-height:1.5}.oc-customiser-panel .oc-sp-steps{display:flex;flex-direction:column;gap:1rem}.oc-customiser-panel .oc-sp-step-item{display:flex;align-items:flex-start;gap:1rem}.oc-customiser-panel .oc-sp-step-number{flex:none;width:28px;height:28px;margin-top:2px;background:rgb(56 224 123 / .2);color:var(--sp-green);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700}.oc-customiser-panel .oc-sp-step-content h3{margin:0 0 4px;color:var(--sp-text-muted);font-size:.7rem;text-transform:uppercase;letter-spacing:1px;font-weight:700}.oc-customiser-panel .oc-sp-step-content p{margin:0;font-size:.95rem;line-height:1.4;color:#fff}.oc-customiser-panel .oc-sp-highlight{color:var(--sp-green);font-weight:600}.oc-customiser-panel .oc-sp-footer{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--sp-border);display:flex;justify-content:flex-end}.oc-customiser-panel .oc-sp-action-btn{background:var(--sp-green);color:#000;font-weight:700;border:0;padding:12px 32px;border-radius:50px;cursor:pointer;font-size:1rem;transition:all 0.2s;box-shadow:0 4px 15px rgb(30 215 96 / .2)}.oc-customiser-panel .oc-sp-action-btn:hover{background:var(--sp-green-dark);transform:scale(1.05)}.oc-customiser-panel .oc-sp-action-btn:active{transform:scale(.95)}@media (min-width:768px){.oc-customiser-panel .oc-sp-modal-card{flex-direction:row}.oc-customiser-panel .oc-sp-visual-section{width:40%;height:auto}.oc-customiser-panel .oc-sp-content-section{padding:2.5rem;width:60%}.oc-customiser-panel .oc-sp-title{font-size:2rem}.oc-customiser-panel .oc-sp-subtitle{font-size:1rem}}.oc-customiser-panel .oc-upload-error{color:var(--oc-danger);font-size:.85em;margin-top:4px}.oc-customiser-panel .oc-upload-error:empty{display:none}.oc-customiser-panel .oc-font-preview{height:48px;display:flex;align-items:center;justify-content:center;font-size:16px;background:var(--oc-surface-2);border-radius:var(--oc-radius-sm);opacity:0;transition:opacity 0.2s ease}.oc-customiser-panel .oc-font-preview:not(:empty){opacity:1}.oc-customiser-panel .oc-resolution-warning{padding:10px 12px;border-radius:var(--oc-radius-sm);font-size:.82em;line-height:1.45;position:relative;transition:background 0.2s ease,color 0.2s ease}.oc-customiser-panel .oc-resolution-warning.oc-res-warning{background:color-mix(in srgb,var(--oc-danger) 8%,var(--oc-accent-ink,#fff));border:1px solid color-mix(in srgb,var(--oc-danger) 28%,transparent);color:#7f2d27}.oc-customiser-panel .oc-resolution-warning.oc-res-error{background:color-mix(in srgb,var(--oc-danger) 10%,var(--oc-accent-ink,#fff));border:1px solid color-mix(in srgb,var(--oc-danger) 34%,transparent);color:#72231f}.oc-customiser-panel .oc-resolution-warning::after{content:"✕";position:absolute;top:8px;right:10px;cursor:pointer;font-size:1em;opacity:.6;transition:opacity 0.15s ease}.oc-customiser-panel .oc-resolution-warning::after:hover{opacity:1}.oc-customiser-panel .oc-preflight-messages{margin-bottom:var(--oc-gap-sm)}.oc-customiser-panel .oc-preflight-box{border:1px solid color-mix(in srgb,var(--oc-danger) 35%,transparent);background:color-mix(in srgb,var(--oc-danger) 8%,transparent);border-radius:var(--oc-radius);padding:var(--oc-gap-sm) var(--oc-gap)}.oc-customiser-panel .oc-preflight-title{margin:0 0 6px;font-size:.92em;font-weight:700}.oc-customiser-panel .oc-preflight-errors,.oc-customiser-panel .oc-preflight-warnings{margin:0 0 8px 18px;padding:0;font-size:.88em;line-height:1.45}.oc-customiser-panel .oc-preflight-warnings{margin-bottom:0;color:color-mix(in srgb,var(--oc-fg) 85%,transparent)}.oc-customiser-panel .oc-preflight-field-error{border-color:var(--oc-danger)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--oc-danger) 20%,transparent)!important}.oc-customiser-panel .oc-cart-preview-dialog{width:min(420px, 100vw - 24px);max-height:calc(100vh - 24px);padding:0;border:0;border-radius:18px;background:#fff0;color:inherit;opacity:0;transform:translateY(18px) scale(.96);transition:opacity 0.18s ease,transform 0.18s ease}.oc-customiser-panel .oc-cart-preview-dialog::backdrop{background:rgb(0 0 0 / .62);backdrop-filter:blur(3px)}.oc-customiser-panel .oc-cart-preview-dialog.is-visible{opacity:1;transform:translateY(0) scale(1)}.oc-customiser-panel .oc-cart-preview-card{display:flex;flex-direction:column;gap:var(--oc-gap);padding:var(--oc-gap);border:1px solid var(--oc-border);border-radius:18px;background:var(--oc-accent-ink,#fff);box-shadow:0 22px 55px rgb(0 0 0 / .25)}.oc-customiser-panel .oc-cart-preview-copy h2{margin:0 0 6px;font-size:1.2rem;line-height:1.2}.oc-customiser-panel .oc-cart-preview-copy p{margin:0;color:var(--oc-fg-muted);font-size:.9rem;line-height:1.45}.oc-customiser-panel .oc-cart-preview-image-wrap{overflow:hidden;border:1px solid var(--oc-border);border-radius:var(--oc-radius-lg);background:var(--oc-surface)}.oc-customiser-panel .oc-cart-preview-image{display:block;width:100%;height:auto;max-height:min(58vh, 520px);object-fit:contain}.oc-customiser-panel .oc-cart-preview-actions{display:grid;grid-template-columns:1fr 1fr;gap:var(--oc-gap-sm)}.oc-customiser-panel .oc-cart-preview-actions button{min-height:var(--oc-tap);padding:12px 16px;border-radius:var(--oc-radius);font:inherit;font-weight:700;cursor:pointer;touch-action:manipulation}.oc-customiser-panel .oc-cart-preview-change{border:1px solid var(--oc-border-strong);background:#fff0;color:inherit}.oc-customiser-panel .oc-cart-preview-accept{border:1px solid var(--oc-accent);background:var(--oc-accent);color:var(--oc-accent-ink)}@media (max-width:639px){.oc-customiser-panel{gap:var(--oc-gap-sm);margin-block:var(--oc-gap);padding-bottom:env(safe-area-inset-bottom,0)}.oc-customiser-panel .oc-area-tabs{gap:var(--oc-gap-xs);padding-block:2px}.oc-customiser-panel .oc-area-tab{min-width:44px;min-height:44px;padding:8px 14px;font-size:.9em;touch-action:manipulation;-webkit-tap-highlight-color:#fff0}.oc-customiser-panel .oc-canvas-wrap{display:none;overflow:hidden;padding:var(--oc-gap-xs)}.oc-customiser-panel .oc-canvas-wrap.oc-preview-visible{display:block}.oc-customiser-panel .oc-canvas-wrap img{width:100%;height:auto;display:block}.oc-customiser-panel .oc-layer-controls{border-radius:var(--oc-radius)}.oc-customiser-panel .oc-layer-section{padding:var(--oc-gap-sm) var(--oc-gap-sm)}.oc-customiser-panel .oc-control-group>label{font-size:.8em}.oc-customiser-panel .oc-control-group:has(>input[type=text]),.oc-customiser-panel .oc-control-group:has(>input[type=url]),.oc-customiser-panel .oc-control-group:has(>select){flex-direction:column;align-items:stretch;gap:var(--oc-gap-xs)}.oc-customiser-panel .oc-control-group:has(>input[type=text])>label,.oc-customiser-panel .oc-control-group:has(>input[type=url])>label,.oc-customiser-panel .oc-control-group:has(>select)>label{flex:none;min-width:0}.oc-customiser-panel .oc-control-group:has(>input[type=text])>input,.oc-customiser-panel .oc-control-group:has(>input[type=text])>select,.oc-customiser-panel .oc-control-group:has(>input[type=url])>input,.oc-customiser-panel .oc-control-group:has(>input[type=url])>select,.oc-customiser-panel .oc-control-group:has(>select)>input,.oc-customiser-panel .oc-control-group:has(>select)>select{flex:none;min-width:0}.oc-customiser-panel .oc-control-group input[type=text],.oc-customiser-panel .oc-control-group input[type=url],.oc-customiser-panel .oc-control-group textarea,.oc-customiser-panel .oc-control-group select{font-size:16px;min-height:44px;padding:9px 12px;touch-action:manipulation}.oc-customiser-panel .oc-control-group select{padding-right:40px}.oc-customiser-panel.oc-has-design-variants .oc-control-group--side-label{display:grid;grid-template-columns:minmax(84px,34%) minmax(0,1fr);align-items:start;column-gap:var(--oc-gap-xs)}.oc-customiser-panel.oc-has-design-variants .oc-control-group--side-label>label{flex:none;grid-column:1;min-width:0;padding-top:10px}.oc-customiser-panel.oc-has-design-variants .oc-control-group--side-label>.oc-input-wrap,.oc-customiser-panel.oc-has-design-variants .oc-control-group--side-label>input[type=url],.oc-customiser-panel.oc-has-design-variants .oc-control-group--side-label>.oc-help-tooltip,.oc-customiser-panel.oc-has-design-variants .oc-control-group--side-label>.oc-spotify-help,.oc-customiser-panel.oc-has-design-variants .oc-control-group--side-label>.oc-spotify-error{grid-column:2;min-width:0}.oc-customiser-panel.oc-has-design-variants .oc-control-group--side-label:has(>[data-oc-tooltip]){grid-template-columns:minmax(84px,34%) minmax(0,1fr) auto}.oc-customiser-panel.oc-has-design-variants .oc-control-group--side-label:has(>[data-oc-tooltip])>input[type=url]{grid-column:2}.oc-customiser-panel.oc-has-design-variants .oc-control-group--side-label:has(>[data-oc-tooltip])>.oc-help-tooltip,.oc-customiser-panel.oc-has-design-variants .oc-control-group--side-label:has(>[data-oc-tooltip])>.oc-spotify-help{grid-column:3}.oc-customiser-panel.oc-has-design-variants .oc-control-group--side-label:has(>[data-oc-tooltip])>.oc-spotify-error{grid-column:2/-1}.oc-customiser-panel.oc-has-design-variants .oc-font-size-row:not(:has(.oc-font-combobox)){grid-template-columns:minmax(84px,34%) minmax(0,1fr);column-gap:var(--oc-gap-xs)}.oc-customiser-panel.oc-has-design-variants .oc-font-size-row:not(:has(.oc-font-combobox))>.oc-control-group{grid-column:2;min-width:0}.oc-customiser-panel .oc-colour-swatches{grid-template-columns:repeat(auto-fill,minmax(44px,1fr))}.oc-customiser-panel .oc-colour-swatch{min-width:44px;min-height:44px;touch-action:manipulation;-webkit-tap-highlight-color:#fff0}.oc-customiser-panel input[type=color]{width:48px;height:48px;touch-action:manipulation}.oc-customiser-panel .oc-clipart-grid{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:var(--oc-gap-xs)}.oc-customiser-panel .oc-clipart-item{min-height:72px;touch-action:manipulation;-webkit-tap-highlight-color:#fff0}.oc-customiser-panel .oc-help-toggle,.oc-customiser-panel .oc-spotify-help-toggle{min-width:32px;min-height:32px;font-size:.9em;touch-action:manipulation}.oc-customiser-panel .oc-help-hint,.oc-customiser-panel .oc-spotify-hint{width:min(300px, 90vw);font-size:.82em}.oc-customiser-panel .oc-upload-zone .uppy-DragDrop-container{min-height:100px}.oc-customiser-panel .oc-upload-zone .uppy-DragDrop-arrow{width:48px;height:48px}.oc-customiser-panel .oc-upload-zone .uppy-DragDrop-label{font-size:.9em}.oc-customiser-panel .oc-preflight-box{padding:var(--oc-gap-sm)}.oc-customiser-panel .oc-preflight-title{font-size:.88em}.oc-customiser-panel .oc-preflight-errors,.oc-customiser-panel .oc-preflight-warnings{font-size:.84em}}@media (min-width:720px){.oc-customiser-panel .oc-font-size-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(160px,0.72fr);align-items:end}.oc-customiser-panel.oc-has-design-variants .oc-font-size-row:not(:has(.oc-font-combobox)){grid-template-columns:minmax(96px,32%) minmax(0,1fr);align-items:start}.oc-customiser-panel.oc-has-design-variants .oc-font-size-row:not(:has(.oc-font-combobox))>.oc-control-group{grid-column:2}.oc-customiser-panel .oc-clipart-grid{grid-template-columns:repeat(auto-fill,minmax(84px,1fr))}.oc-customiser-panel .oc-colour-swatches{grid-template-columns:repeat(auto-fill,minmax(40px,1fr))}.oc-customiser-panel .oc-layer-section{padding:var(--oc-gap-sm) var(--oc-gap-lg)}.oc-customiser-panel .oc-canvas-wrap{display:none!important}}.oc-canvas-wrap.oc-gallery-mounted-preview{display:block!important;margin:0 0 16px}img.oc-live-preview-applied{display:block!important;position:static!important;width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important}.oc-live-preview-frame{position:relative!important;height:auto!important;overflow:visible!important}.oc-live-preview-frame>img.oc-live-preview-applied,.oc-live-preview-frame>a>img.oc-live-preview-applied{position:absolute!important;top:0!important;left:0!important}