.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 rgba(0,0,0,.06);--oc-shadow:0 4px 16px rgba(0,0,0,.08);color:inherit;display:flex;flex-direction:column;font:inherit;gap:var(--oc-gap);margin-block:var(--oc-gap-lg)}.oc-customiser-panel.oc-cart-preview-root{display:contents;margin:0}.oc-customiser-panel *,.oc-customiser-panel :after,.oc-customiser-panel :before{box-sizing:border-box}.oc-customiser-panel .oc-canvas-wrap{background:var(--oc-accent-ink,#fff);border:1px solid var(--oc-border);border-radius:var(--oc-radius-lg);box-shadow:var(--oc-shadow-sm);display:none;padding:var(--oc-gap-sm);position:relative}.oc-customiser-panel .oc-preview-label{align-items:center;color:var(--oc-fg-muted);display:inline-flex;font-size:.72em;font-weight:800;gap:6px;letter-spacing:.08em;line-height:1.2;margin-bottom:var(--oc-gap-xs);text-transform:uppercase}.oc-customiser-panel .oc-preview-label:before{background:#27ae60;border-radius:50%;box-shadow:0 0 0 4px rgb(39 174 96 / .12);content:"";height:8px;width:8px}.oc-customiser-panel #oc-canvas-preview{border-radius:var(--oc-radius);display:block;height:auto;width:100%}.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-area-controls[hidden]{display:none}.oc-customiser-panel .oc-layer-controls{display:flex;flex-direction:column;gap:14px}.oc-customiser-panel .oc-layer-section{border:0;border-radius:0;display:flex;flex-direction:column;gap:8px;padding:0}.oc-customiser-panel .oc-layer-header{align-items:center;display:flex;font-size:.95em;font-weight:600;gap:var(--oc-gap-xs)}.oc-customiser-panel .oc-layer-header>span:first-child{flex:1}.oc-customiser-panel .oc-layer-type-badge{background:var(--oc-surface-2);border-radius:999px;color:var(--oc-fg-muted);font-size:.7em;font-weight:600;letter-spacing:.04em;padding:3px 8px;text-transform:uppercase}.oc-customiser-panel .oc-layer-required{color:var(--oc-danger);font-size:.75em;font-weight:500}.oc-customiser-panel .oc-layer-body{display:flex;flex-direction:column;gap:8px}.oc-customiser-panel .oc-night-sky-controls{display:flex;flex-direction:column;gap:var(--oc-gap-sm)}.oc-customiser-panel .oc-night-sky-controls .oc-input-wrap{display:flex;gap:var(--oc-gap-xs)}.oc-customiser-panel .oc-night-sky-controls .oc-input-wrap input{flex:1;min-width:0;padding-right:10px}.oc-customiser-panel .oc-night-sky-combobox{position:relative;z-index:2}.oc-customiser-panel .oc-night-sky-combobox input{width:100%}.oc-customiser-panel .oc-night-sky-results{background:var(--oc-bg,#fff);border:1px solid var(--oc-border-strong);border-radius:var(--oc-radius);box-shadow:0 14px 32px rgb(15 23 42 / .2);left:0;max-height:240px;overflow-x:hidden;overflow-y:auto;position:absolute;right:0;top:calc(100% + 6px);z-index:100}.oc-customiser-panel .oc-night-sky-result{background:var(--oc-bg,#fff);border:0;border-bottom:1px solid var(--oc-border);border-radius:0;box-sizing:border-box;color:var(--oc-fg);cursor:pointer;display:block;font:inherit;font-size:.88em;height:auto;line-height:1.35;min-height:44px;min-width:0;overflow-wrap:anywhere;padding:10px 14px;text-align:left;white-space:normal;width:100%}.oc-customiser-panel .oc-night-sky-result:last-child{border-bottom:0}.oc-customiser-panel .oc-night-sky-result:focus-visible,.oc-customiser-panel .oc-night-sky-result:hover{background:var(--oc-surface-2);outline:none}.oc-customiser-panel .oc-night-sky-result-detail,.oc-customiser-panel .oc-night-sky-result-title{display:block}.oc-customiser-panel .oc-night-sky-result-title{font-weight:650}.oc-customiser-panel .oc-night-sky-result-detail{color:var(--oc-fg-muted);font-size:.9em;margin-top:2px}.oc-customiser-panel .oc-night-sky-result-status{color:var(--oc-fg-muted);font-size:.84em;line-height:1.4;padding:12px 14px}.oc-customiser-panel .oc-night-sky-switch{align-items:baseline;color:var(--oc-fg-muted);display:flex;font-size:.8em;gap:4px;margin:4px 0 0}.oc-customiser-panel .oc-night-sky-switch button{background:#fff0;border:0;color:var(--oc-accent);cursor:pointer;font:inherit;font-weight:600;padding:0;text-decoration:underline;text-underline-offset:2px}.oc-customiser-panel .oc-night-sky-grid{display:grid;gap:var(--oc-gap-sm);grid-template-columns:repeat(2,minmax(0,1fr))}.oc-customiser-panel .oc-night-sky-grid--datetime{margin-top:2px}.oc-customiser-panel .oc-night-sky-grid--datetime .oc-control-group{gap:6px}.oc-customiser-panel .oc-night-sky-grid--datetime label{font-size:.72em;font-weight:700;letter-spacing:.055em;text-transform:uppercase}.oc-customiser-panel .oc-night-sky-grid--datetime input{background:var(--oc-accent-ink,#fff);border:1px solid var(--oc-border-strong);border-radius:var(--oc-radius);box-sizing:border-box;color:var(--oc-fg);cursor:pointer;font:inherit;font-size:.9em;font-variant-numeric:tabular-nums;height:44px;min-width:0;padding:8px 10px;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease;width:100%}.oc-customiser-panel .oc-night-sky-grid--datetime input:hover{border-color:color-mix(in srgb,var(--oc-accent) 45%,var(--oc-border-strong))}.oc-customiser-panel .oc-night-sky-grid--datetime input:focus,.oc-customiser-panel .oc-night-sky-grid--datetime input:focus-visible{border-color:var(--oc-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--oc-accent) 22%,transparent);outline:none}.oc-customiser-panel .oc-night-sky-grid--datetime input::-webkit-calendar-picker-indicator{cursor:pointer;height:17px;margin:0;opacity:.62;width:17px}.oc-customiser-panel .oc-night-sky-coordinates summary{color:var(--oc-fg-muted);cursor:pointer;font-size:.85em;font-weight:600;margin-bottom:var(--oc-gap-xs)}.oc-customiser-panel .oc-night-sky-error{color:var(--oc-danger);font-size:.8em;min-height:1em}.oc-customiser-panel .oc-control-group{display:flex;flex-direction:column;gap:var(--oc-gap-xs)}.oc-customiser-panel .oc-control-group>label{color:var(--oc-fg-muted);font-size:.85em;font-weight:600;letter-spacing:.01em}.oc-customiser-panel .oc-control-group>label .oc-range-value{color:var(--oc-fg);float:right;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{background:hsl(0 0% 100% / .92);border-radius:999px;bottom:9px;color:var(--oc-danger);display:none;font-size:.75em;font-weight:600;line-height:1;padding:3px 5px;pointer-events:none;position:absolute;right:10px;text-align:right}.oc-customiser-panel .oc-control-group:has(>[data-oc-tooltip]){align-items:center;column-gap:var(--oc-gap-sm);display:grid;grid-template-columns:minmax(0,1fr) auto;row-gap:var(--oc-gap-xs)}.oc-customiser-panel .oc-control-group:has(>[data-oc-tooltip])>.oc-spotify-error,.oc-customiser-panel .oc-control-group:has(>[data-oc-tooltip])>label{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 select,.oc-customiser-panel .oc-control-group textarea{background:var(--oc-accent-ink,#fff);border:1px solid var(--oc-border-strong);border-radius:var(--oc-radius);color:inherit;font:inherit;min-height:40px;padding:8px 12px;transition:border-color .15s ease,box-shadow .15s ease;width:100%}.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 select::placeholder,.oc-customiser-panel .oc-control-group textarea::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 select:focus,.oc-customiser-panel .oc-control-group select:focus-visible,.oc-customiser-panel .oc-control-group textarea:focus,.oc-customiser-panel .oc-control-group textarea:focus-visible{border-color:var(--oc-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--oc-accent) 25%,transparent);outline:none}.oc-customiser-panel .oc-control-group textarea{line-height:1.4;min-height:78px;resize:vertical}.oc-customiser-panel .oc-control-group input[type=range]{accent-color:var(--oc-accent);cursor:pointer;min-height:32px;width:100%}.oc-customiser-panel .oc-control-group select{appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,currentcolor 0),linear-gradient(135deg,currentcolor 50%,transparent 0);background-position:calc(100% - 18px) 50%,calc(100% - 12px) 50%;background-repeat:no-repeat;background-size:6px 6px,6px 6px;padding-right:36px}.oc-customiser-panel .oc-font-size-row{display:flex;flex-direction:column;gap:8px}.oc-customiser-panel .oc-image-crop-control{margin-top:10px}.oc-customiser-panel .oc-image-crop-control[hidden]{display:none}.oc-customiser-panel .oc-image-crop-control .oc-image-crop-labels{color:var(--oc-fg-muted);display:flex;font-size:.75em;gap:var(--oc-gap-sm);justify-content:space-between}.oc-customiser-panel .oc-font-size-notice{background:color-mix(in srgb,var(--oc-accent) 8%,transparent);border-radius:var(--oc-radius-sm);color:var(--oc-text-muted);font-size:.85em;line-height:1.4;margin:0;padding:10px 12px}.oc-customiser-panel select.oc-font-native-select{border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0 0 0 0);clip-path:inset(50%)}@media(max-width:639px)and (hover:none)and (pointer:coarse){.oc-customiser-panel select.oc-font-native-select{border:1px solid var(--oc-border-strong);height:auto;margin:0;overflow:visible;padding:9px 40px 9px 12px;position:static;width:100%;clip:auto;clip-path:none}.oc-customiser-panel .oc-font-combobox{display:none}}.oc-customiser-panel .oc-font-combobox{position:relative}.oc-customiser-panel .oc-font-search{background:var(--oc-accent-ink,#fff);border:1px solid var(--oc-border-strong);border-radius:var(--oc-radius);color:inherit;font:inherit;min-height:40px;padding:8px 36px 8px 12px;transition:border-color .15s ease,box-shadow .15s ease;width:100%}.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{border-color:var(--oc-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--oc-accent) 25%,transparent);outline:none}.oc-customiser-panel .oc-font-combobox:after{border-bottom:2px solid;border-right:2px solid;content:"";height:8px;opacity:.7;pointer-events:none;position:absolute;right:14px;top:17px;transform:rotate(45deg);width:8px}.oc-customiser-panel .oc-font-options{background:var(--oc-accent-ink,#fff);border:1px solid var(--oc-border-strong);border-radius:var(--oc-radius);box-shadow:var(--oc-shadow);display:none;left:0;max-height:220px;overflow-x:hidden;overflow-y:auto;padding:2px;position:absolute;right:0;top:calc(100% + 4px);z-index:20}.oc-customiser-panel .oc-font-combobox.oc-open .oc-font-options{display:block}.oc-customiser-panel .oc-font-option{align-items:center;appearance:none;-webkit-appearance:none;background:#fff0;border:0;border-radius:3px;box-shadow:none;color:inherit;cursor:pointer;display:flex;height:26px;line-height:1;margin:0;min-height:0;overflow:hidden;padding:0 8px;text-align:left;text-overflow:ellipsis;white-space:nowrap;width:100%}.oc-customiser-panel .oc-font-option:focus-visible,.oc-customiser-panel .oc-font-option:hover,.oc-customiser-panel .oc-font-option[aria-selected=true]{background:var(--oc-accent);color:var(--oc-accent-ink);outline:none}.oc-customiser-panel .oc-font-no-results{color:var(--oc-fg-muted);font-size:.9em;padding:9px}.oc-customiser-panel .oc-colour-swatches{display:grid;gap:var(--oc-gap-xs);grid-template-columns:repeat(auto-fill,minmax(36px,1fr))}.oc-customiser-panel .oc-colour-swatches--labels{display:flex;flex-wrap:wrap;gap:8px}.oc-customiser-panel .oc-colour-swatch{appearance:none;aspect-ratio:1;border:2px solid var(--oc-border);border-radius:50%;box-shadow:var(--oc-shadow-sm);cursor:pointer;min-width:36px;padding:0;transition:transform .1s ease,border-color .15s ease,box-shadow .15s ease;width:100%}.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{border-color:var(--oc-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--oc-accent) 30%,transparent);outline:none}.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{aspect-ratio:auto;border-color:color-mix(in srgb,currentcolor 22%,transparent);border-radius:5px;border-width:1px;box-shadow:none;font:inherit;font-size:12px;font-weight:700;line-height:1.1;min-height:18px;min-width:0;padding:2px 10px;text-align:center;width:auto}.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 .oc-colour-picker-trigger{align-items:center;appearance:none;background:var(--oc-accent-ink,#fff);border:1px solid var(--oc-border-strong);border-radius:var(--oc-radius);color:inherit;cursor:pointer;display:grid;font:inherit;font-weight:600;gap:10px;grid-template-columns:30px minmax(0,1fr) auto;min-height:46px;padding:7px 12px 7px 8px;text-align:left;width:100%}.oc-customiser-panel .oc-colour-picker-trigger:hover{border-color:var(--oc-accent)}.oc-customiser-panel .oc-colour-picker-trigger:focus-visible{border-color:var(--oc-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--oc-accent) 25%,transparent);outline:none}.oc-customiser-panel .oc-colour-picker-preview{border:2px solid var(--oc-border);border-radius:50%;box-shadow:var(--oc-shadow-sm);height:30px;width:30px}.oc-customiser-panel .oc-colour-picker-action{color:var(--oc-accent);font-size:.85em}.oc-customiser-panel .oc-colour-dialog{background:#fff0;border:0;border-radius:16px;color:inherit;max-height:min(620px,100dvh - 32px);overflow:visible;padding:0;width:min(480px,100% - 32px)}.oc-customiser-panel .oc-colour-dialog:not([open]){display:none}.oc-customiser-panel .oc-colour-dialog::backdrop{backdrop-filter:blur(2px);background:rgb(0 0 0 / .62)}.oc-customiser-panel .oc-colour-dialog.oc-dialog-fallback{background:rgb(0 0 0 / .62);border-radius:0;display:grid;inset:0;margin:0;max-height:none;max-width:none;padding:16px;place-items:center;position:fixed;width:100%;z-index:100000}.oc-customiser-panel .oc-colour-dialog-card{background:var(--oc-bg,#fff);border:1px solid var(--oc-border);border-radius:16px;box-shadow:var(--oc-shadow);max-height:min(620px,100dvh - 32px);overflow-y:auto;padding:18px}.oc-customiser-panel .oc-colour-dialog-header{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:16px}.oc-customiser-panel .oc-colour-dialog-header h2{font:inherit;font-size:1.1em;font-weight:700;margin:0}.oc-customiser-panel .oc-colour-dialog-close{appearance:none;background:#fff0;border:1px solid var(--oc-border);border-radius:50%;color:inherit;cursor:pointer;display:grid;font:inherit;font-size:24px;height:36px;line-height:1;padding:0;place-items:center;width:36px}.oc-customiser-panel .oc-colour-dialog-close:focus-visible,.oc-customiser-panel .oc-colour-dialog-close:hover{border-color:var(--oc-accent);color:var(--oc-accent);outline:none}.oc-customiser-panel .oc-colour-swatches--modal{gap:14px;grid-template-columns:repeat(auto-fill,minmax(42px,1fr))}.oc-customiser-panel .oc-colour-swatches--modal .oc-colour-swatch{aspect-ratio:auto;height:48px;justify-self:center;line-height:0;max-height:48px;max-width:48px;min-height:48px;min-width:48px;padding:0;width:48px}.oc-customiser-panel input[type=color]{background:#fff0;border:1px solid var(--oc-border-strong);border-radius:var(--oc-radius);cursor:pointer;height:var(--oc-tap);padding:2px;width:var(--oc-tap)}.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{background:var(--oc-accent-ink,#fff);border:1px solid var(--oc-border-strong);border-radius:var(--oc-radius);color:inherit;flex:1 1 auto;font:inherit;min-height:var(--oc-tap);min-width:0;padding:10px 14px;transition:border-color .15s ease,box-shadow .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{border-color:var(--oc-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--oc-accent) 25%,transparent);outline:none}.oc-customiser-panel .oc-clipart-category{appearance:none;-webkit-appearance:none;background:var(--oc-accent-ink,#fff);background-image:linear-gradient(45deg,transparent 50%,currentcolor 0),linear-gradient(135deg,currentcolor 50%,transparent 0);background-position:calc(100% - 14px) 50%,calc(100% - 9px) 50%;background-repeat:no-repeat;background-size:5px 5px,5px 5px;border:1px solid var(--oc-border-strong);border-radius:var(--oc-radius);color:inherit;cursor:pointer;flex:0 0 auto;font:inherit;font-size:.85em;min-height:var(--oc-tap);padding:10px 36px 10px 14px;transition:border-color .15s ease,box-shadow .15s ease}.oc-customiser-panel .oc-clipart-category:focus,.oc-customiser-panel .oc-clipart-category:focus-visible{border-color:var(--oc-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--oc-accent) 25%,transparent);outline:none}.oc-customiser-panel .oc-clipart-no-results{color:var(--oc-fg-muted);font-size:.9em;grid-column:1/-1;margin:0;padding:var(--oc-gap);text-align:center}.oc-customiser-panel .oc-clipart-grid{display:grid;gap:var(--oc-gap-xs);grid-template-columns:repeat(auto-fill,minmax(72px,1fr))}.oc-customiser-panel .oc-clipart-carousel{align-items:center;column-gap:3px;display:grid;grid-template-areas:"prev track next" "dots dots dots";grid-template-columns:12px minmax(0,1fr) 12px;row-gap:5px}.oc-customiser-panel .oc-clipart-grid--carousel{display:flex;gap:5px;grid-area:track;-ms-grid-column:3;-ms-grid-row:1;grid-template-columns:none;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scroll-snap-type:x mandatory;-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(28.57143% - 3.57143px);scroll-snap-align:start}.oc-customiser-panel .oc-clipart-carousel-arrow{background:#fff0;border:0;border-radius:0;box-shadow:none;color:var(--oc-fg-muted);cursor:pointer;font:inherit;font-size:1.35em;font-weight:700;height:24px;line-height:1;padding:0;transition:color .15s ease,opacity .15s ease,transform .1s ease;width:12px}.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{box-shadow:none;cursor:default;opacity:.28}.oc-customiser-panel .oc-clipart-carousel-arrow--prev{grid-area:prev;-ms-grid-column:1;-ms-grid-row:1}.oc-customiser-panel .oc-clipart-carousel-arrow--next{grid-area:next;-ms-grid-column:5;-ms-grid-row:1}.oc-customiser-panel .oc-clipart-carousel-dots{-ms-grid-column:1;-ms-grid-row:3;-ms-grid-column-span:5;display:flex;gap:6px;grid-area:dots;justify-content:center;min-height:6px}.oc-customiser-panel .oc-clipart-carousel-dot{appearance:none;background:color-mix(in srgb,currentcolor 26%,transparent);border:0;border-radius:999px;cursor:pointer;flex:0 0 5px;height:5px;line-height:0;max-height:5px;max-width:5px;min-height:5px;min-width:5px;padding:0;transition:background .15s ease,transform .15s ease;width:5px}.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(22.22222% - 3.88889px)}}.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{align-items:center;appearance:none;aspect-ratio:1;background:var(--oc-accent-ink,#fff);border:0;border-radius:var(--oc-radius);cursor:pointer;display:flex;justify-content:center;padding:6px;transition:border-color .15s ease,transform .1s ease,box-shadow .15s ease}.oc-customiser-panel .oc-clipart-item img{max-height:100%;max-width:100%;object-fit:contain}.oc-customiser-panel .oc-clipart-item:hover{background:var(--oc-surface);box-shadow:none;transform:translateY(-1px)}.oc-customiser-panel .oc-clipart-item:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--oc-accent) 35%,transparent);outline:none}.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{color:var(--oc-fg-muted);font-size:.9em;grid-column:1/-1;padding:var(--oc-gap);text-align:center}.oc-customiser-panel .oc-artwork-wrap{display:flex;flex-direction:column;gap:8px;position:relative}.oc-customiser-panel .oc-artwork-wrap>[data-oc-tooltip]{position:absolute;right:var(--oc-gap-xs);top:var(--oc-gap-xs);z-index:3}.oc-customiser-panel .oc-image-filter-results{background:color-mix(in srgb,var(--oc-surface) 78%,transparent);border:1px solid var(--oc-border);border-radius:10px;padding:10px}.oc-customiser-panel .oc-image-filter-results__header{align-items:baseline;display:flex;font-size:.78rem;gap:10px;justify-content:space-between;margin-bottom:8px}.oc-customiser-panel .oc-image-filter-results__header span{color:var(--oc-fg-muted)}.oc-customiser-panel .oc-image-filter-results__grid{display:grid;gap:7px;grid-template-columns:repeat(4,minmax(0,1fr))}.oc-customiser-panel .oc-image-filter-result{background:var(--oc-surface);border:1px solid var(--oc-border);border-radius:8px;color:var(--oc-fg);cursor:pointer;display:grid;font:inherit;font-size:.7rem;gap:4px;padding:4px}.oc-customiser-panel .oc-image-filter-result img{aspect-ratio:1;border-radius:5px;object-fit:cover;width:100%}.oc-customiser-panel .oc-image-filter-result[aria-pressed=true]{border-color:var(--oc-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--oc-accent) 24%,transparent)}.oc-customiser-panel .oc-image-filter-result:focus-visible{outline:2px solid var(--oc-accent);outline-offset:2px}.oc-customiser-panel .oc-image-filter-retry{background:#fff0;border:1px solid var(--oc-border-strong);border-radius:8px;color:var(--oc-fg);cursor:pointer;font:inherit;font-weight:650;margin-top:8px;padding:8px 10px;width:100%}.oc-customiser-panel .oc-image-filter-retry:disabled{cursor:not-allowed;opacity:.48}.oc-customiser-panel .oc-upload-zone .uppy-DragDrop-container{background:#fff0;border:0;border-radius:8px;height:auto;min-height:0;padding:0;transition:border-color .15s ease,background .15s ease}.oc-customiser-panel .oc-upload-zone .uppy-DragDrop-container.uppy-DragDrop--isDraggingOver,.oc-customiser-panel .oc-upload-zone .uppy-DragDrop-container:hover{background:#fff0}.oc-customiser-panel .oc-upload-zone .uppy-DragDrop-inner{align-items:center;border:1px dashed var(--oc-border-strong);border-radius:8px;display:grid;gap:10px;grid-template-columns:auto 1fr;margin:0;padding:12px 14px;text-align:left;transition:border-color .15s ease,background .15s ease}.oc-customiser-panel .oc-upload-zone.oc-upload-zone--error .uppy-DragDrop-inner{background:color-mix(in srgb,var(--oc-danger) 7%,var(--oc-accent-ink,#fff));border-color:color-mix(in srgb,var(--oc-danger) 45%,transparent)}.oc-customiser-panel .oc-upload-zone .uppy-DragDrop--isDraggingOver .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-container:hover .uppy-DragDrop-inner{background:color-mix(in srgb,var(--oc-accent) 6%,transparent);border-color:var(--oc-accent)}.oc-customiser-panel .oc-upload-zone .uppy-DragDrop-arrow{background:color-mix(in srgb,var(--oc-accent) 15%,transparent);border-radius:50%;box-sizing:border-box;fill:var(--oc-accent);grid-row:1/span 2;height:34px;margin:0;opacity:1;padding:8px;width:34px}.oc-customiser-panel .oc-upload-zone .uppy-DragDrop-label{color:inherit;font:inherit;font-size:.86em;font-weight:700;grid-column:2;letter-spacing:.03em;line-height:1.3;margin:0;text-transform:uppercase}.oc-customiser-panel .oc-upload-zone .uppy-DragDrop-browse{color:inherit;cursor:inherit;font:inherit;text-decoration:none}.oc-customiser-panel .oc-upload-zone .uppy-DragDrop-note{color:var(--oc-fg-muted);display:block;font-size:.68em;font-weight:600;grid-column:2;letter-spacing:.04em;line-height:1.4;margin:0;text-transform:uppercase}.oc-customiser-panel .oc-upload-zone.oc-upload-zone--uploaded .uppy-DragDrop-container{background:#fff0;padding:0}.oc-customiser-panel .oc-upload-zone.oc-upload-zone--uploaded .uppy-DragDrop-inner{background:color-mix(in srgb,#2f6f4e 8%,var(--oc-accent-ink,#fff));border-color:color-mix(in srgb,#2f6f4e 35%,transparent);border-style:solid;display:block;padding:10px 12px;text-align:left}.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{color:#24573d;display:block;font-size:.78em;line-height:1.25}.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{color:color-mix(in srgb,#24573d 78%,transparent);display:block;font-size:.72em;font-weight:700;margin-top:3px;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{background:var(--oc-surface-2);border-radius:999px;height:8px;overflow:hidden}.oc-customiser-panel .oc-upload-progress-bar{background:var(--oc-accent);border-radius:inherit;height:100%;transition:width .18s ease;width:0}.oc-customiser-panel .oc-upload-progress-track--indeterminate .oc-upload-progress-bar{animation:oc-upload-progress-indeterminate 1.2s ease-in-out infinite;transition:none;width:40%}@keyframes oc-upload-progress-indeterminate{0%{transform:translateX(-125%)}to{transform:translateX(250%)}}@media(prefers-reduced-motion:reduce){.oc-customiser-panel .oc-upload-progress-track--indeterminate .oc-upload-progress-bar{animation:none;opacity:.65;width:100%}}.oc-customiser-panel .oc-help-tooltip,.oc-customiser-panel .oc-spotify-help{align-items:center;display:inline-flex;position:relative;width:fit-content}.oc-customiser-panel .oc-help-toggle,.oc-customiser-panel .oc-spotify-help-toggle{appearance:none;background:var(--oc-accent-ink,#fff);border:1px solid var(--oc-border-strong);border-radius:50%;color:var(--oc-fg-muted);cursor:help;font:inherit;font-size:.75em;font-weight:700;height:22px;line-height:1;padding:0;transition:color .15s ease,border-color .15s ease,background-color .15s ease;width:22px}.oc-customiser-panel .oc-help-toggle:hover,.oc-customiser-panel .oc-spotify-help-toggle:hover{border-color:var(--oc-accent);color:var(--oc-accent)}.oc-customiser-panel .oc-help-hint,.oc-customiser-panel .oc-spotify-hint{background:var(--oc-accent-ink,#fff);border:1px solid var(--oc-border-strong);border-radius:var(--oc-radius-sm);box-shadow:var(--oc-shadow-sm);color:var(--oc-fg-muted);display:none;font-size:.75em;font-weight:500;left:0;line-height:1.45;margin:0;max-width:280px;padding:8px 10px;position:absolute;top:calc(100% + 8px);width:max-content;z-index:5;word-wrap:break-word;opacity:0;overflow-wrap:break-word;pointer-events:none;transform:translateY(-4px);transition:opacity .2s ease,transform .2s ease}.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-help-tooltip:hover .oc-help-hint,.oc-customiser-panel .oc-help-tooltip:hover .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-spotify-help:hover .oc-help-hint,.oc-customiser-panel .oc-spotify-help:hover .oc-spotify-hint{display:block;opacity:1;pointer-events:auto;transform:translateY(0)}.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;pointer-events:auto;transform:translateY(0)}@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.oc-open .oc-help-hint,.oc-customiser-panel .oc-help-tooltip.oc-open .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-open.oc-spotify-help .oc-help-hint,.oc-customiser-panel .oc-open.oc-spotify-help .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;pointer-events:auto;transform:translateY(0)}}.oc-customiser-panel .oc-spotify-modal-help .oc-help-toggle,.oc-customiser-panel .oc-spotify-modal-help .oc-spotify-help-toggle{border-color:color-mix(in srgb,#1db954 50%,transparent);color:#1db954;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;background:#fff0;border:0;color:var(--sp-text);margin:auto;max-width:900px;opacity:0;padding:0;transform:scale(.95) translateY(20px);transition:opacity var(--sp-anim-speed) ease,transform var(--sp-anim-speed) cubic-bezier(.16,1,.3,1);width:calc(100% - 32px)}.oc-customiser-panel .oc-spotify-share-dialog::backdrop{backdrop-filter:blur(4px);background-color:rgb(0 0 0 / .85);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-spotify-share-dialog.oc-dialog-fallback{align-items:center;background:rgb(0 0 0 / .85);display:flex;inset:0;justify-content:center;margin:0;max-width:none;overflow:auto;padding:16px;position:fixed;transform:none;width:100%;z-index:100000}.oc-customiser-panel .oc-spotify-share-dialog.oc-dialog-fallback[hidden]{display:none}.oc-customiser-panel .oc-spotify-share-dialog.oc-dialog-fallback[open].is-visible{transform:none}.oc-customiser-panel .oc-spotify-share-dialog.oc-dialog-fallback .oc-sp-modal-card{max-height:calc(100vh - 32px);overflow:auto;width:min(900px,100%)}.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;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden;position:relative;text-align:left}.oc-customiser-panel .oc-sp-visual-section{align-items:center;background:var(--sp-bg-darker);display:flex;flex-shrink:0;height:200px;justify-content:center;overflow:hidden;position:relative;width:100%}.oc-customiser-panel .oc-sp-gradient-overlay{background:linear-gradient(to bottom right,var(--sp-bg-dark),#000);inset:0;position:absolute;z-index:1}.oc-customiser-panel .oc-sp-album-art{align-items:center;aspect-ratio:9/16;background:linear-gradient(145deg,#1ed760,#101b14);border:1px solid var(--sp-border);border-radius:12px;box-shadow:0 10px 30px rgb(0 0 0 / .5);display:flex;justify-content:center;position:relative;transform:rotate(-3deg) translateY(10px);width:140px;z-index:10}.oc-customiser-panel .oc-sp-album-art-overlay{align-items:center;background:rgb(0 0 0 / .25);border-radius:11px;color:#fff;display:flex;inset:0;justify-content:center;position:absolute}.oc-customiser-panel .oc-sp-content-section{flex:1;padding:1.5rem;position:relative}.oc-customiser-panel .oc-sp-close-btn{align-items:center;background:hsl(0 0% 100% / .1);border:0;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;position:absolute;right:1rem;top:1rem;transition:background .2s;width:32px;z-index:20}.oc-customiser-panel .oc-sp-close-btn:hover{background:hsl(0 0% 100% / .2)}.oc-customiser-panel .oc-sp-title{color:#fff;font-size:1.5rem;font-weight:700;line-height:1.2;margin:0 .75rem .5rem 0}.oc-customiser-panel .oc-sp-subtitle{color:var(--sp-text-muted);font-size:.9rem;line-height:1.5;margin:0 0 1.5rem}.oc-customiser-panel .oc-sp-steps{display:flex;flex-direction:column;gap:1rem}.oc-customiser-panel .oc-sp-step-item{align-items:flex-start;display:flex;gap:1rem}.oc-customiser-panel .oc-sp-step-number{align-items:center;background:rgb(56 224 123 / .2);border-radius:50%;color:var(--sp-green);display:flex;flex:none;font-size:.8rem;font-weight:700;height:28px;justify-content:center;margin-top:2px;width:28px}.oc-customiser-panel .oc-sp-step-content h3{color:var(--sp-text-muted);font-size:.7rem;font-weight:700;letter-spacing:1px;margin:0 0 4px;text-transform:uppercase}.oc-customiser-panel .oc-sp-step-content p{color:#fff;font-size:.95rem;line-height:1.4;margin:0}.oc-customiser-panel .oc-sp-highlight{color:var(--sp-green);font-weight:600}.oc-customiser-panel .oc-sp-footer{border-top:1px solid var(--sp-border);display:flex;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem}.oc-customiser-panel .oc-sp-action-btn{background:var(--sp-green);border:0;border-radius:50px;box-shadow:0 4px 15px rgb(30 215 96 / .2);color:#000;cursor:pointer;font-size:1rem;font-weight:700;padding:12px 32px;transition:all .2s}.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{height:auto;width:40%}.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-upload-retry{appearance:none;background:#fff0;border:0;color:inherit;cursor:pointer;font:inherit;font-weight:700;padding:0;text-decoration:underline}.oc-customiser-panel .oc-upload-retry:focus-visible{outline:2px solid currentcolor;outline-offset:2px}.oc-customiser-panel .oc-font-preview{align-items:center;background:var(--oc-surface-2);border-radius:var(--oc-radius-sm);display:flex;font-size:16px;height:48px;justify-content:center;opacity:0;transition:opacity .2s ease}.oc-customiser-panel .oc-font-preview:not(:empty){opacity:1}.oc-customiser-panel .oc-resolution-warning{border-radius:var(--oc-radius-sm);font-size:.82em;line-height:1.45;padding:10px 12px;position:relative;transition:background .2s ease,color .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:"✕";cursor:pointer;font-size:1em;opacity:.6;position:absolute;right:10px;top:8px;transition:opacity .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{background:color-mix(in srgb,var(--oc-danger) 8%,transparent);border:1px solid color-mix(in srgb,var(--oc-danger) 35%,transparent);border-radius:var(--oc-radius);padding:var(--oc-gap-sm) var(--oc-gap)}.oc-customiser-panel .oc-preflight-title{font-size:.92em;font-weight:700;margin:0 0 6px}.oc-customiser-panel .oc-preflight-errors,.oc-customiser-panel .oc-preflight-warnings{font-size:.88em;line-height:1.45;margin:0 0 8px 18px;padding:0}.oc-customiser-panel .oc-preflight-warnings{color:color-mix(in srgb,var(--oc-fg) 85%,transparent);margin-bottom:0}.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{background:#fff0;border:0;border-radius:18px;color:inherit;max-height:calc(100vh - 24px);opacity:0;padding:0;transform:translateY(18px) scale(.96);transition:opacity .18s ease,transform .18s ease;width:min(420px,100vw - 24px)}.oc-customiser-panel .oc-cart-preview-dialog::backdrop{backdrop-filter:blur(3px);background:rgb(0 0 0 / .62)}.oc-customiser-panel .oc-cart-preview-dialog.is-visible{opacity:1;transform:translateY(0) scale(1)}.oc-customiser-panel .oc-cart-preview-dialog--fallback{align-items:center;background:rgb(0 0 0 / .62);border-radius:0;display:flex;inset:0;justify-content:center;max-height:none;overflow:auto;padding:12px;position:fixed;transform:none;width:100%;z-index:100000}.oc-customiser-panel .oc-cart-preview-dialog--fallback[hidden]{display:none}.oc-customiser-panel .oc-cart-preview-dialog--fallback.is-visible{transform:none}.oc-customiser-panel .oc-cart-preview-dialog--fallback .oc-cart-preview-card{max-height:calc(100vh - 24px);overflow:auto;width:min(420px,100vw - 24px)}.oc-customiser-panel .oc-cart-preview-card{background:var(--oc-accent-ink,#fff);border:1px solid var(--oc-border);border-radius:18px;box-shadow:0 22px 55px rgb(0 0 0 / .25);display:flex;flex-direction:column;gap:var(--oc-gap);padding:var(--oc-gap)}.oc-customiser-panel .oc-cart-preview-copy h2{font-size:1.2rem;line-height:1.2;margin:0 0 6px}.oc-customiser-panel .oc-cart-preview-copy p{color:var(--oc-fg-muted);font-size:.9rem;line-height:1.45;margin:0}.oc-customiser-panel .oc-cart-preview-image-wrap{background:var(--oc-surface);border:1px solid var(--oc-border);border-radius:var(--oc-radius-lg);overflow:hidden}.oc-customiser-panel .oc-cart-preview-tabs{display:flex;gap:var(--oc-gap-xs);overflow-x:auto}.oc-customiser-panel .oc-cart-preview-tabs[hidden]{display:none}.oc-customiser-panel .oc-cart-preview-tab{background:#fff0;border:1px solid var(--oc-border);border-radius:999px;color:inherit;cursor:pointer;flex:0 0 auto;font:inherit;min-height:40px;padding:8px 14px}.oc-customiser-panel .oc-cart-preview-tab[aria-selected=true]{background:var(--oc-accent);border-color:var(--oc-accent);color:var(--oc-accent-ink)}.oc-customiser-panel .oc-cart-preview-image{display:block;height:auto;max-height:min(58vh,520px);object-fit:contain;width:100%}.oc-customiser-panel .oc-cart-preview-actions{display:grid;gap:var(--oc-gap-sm);grid-template-columns:1fr 1fr}.oc-customiser-panel .oc-cart-preview-actions button{border-radius:var(--oc-radius);cursor:pointer;font:inherit;font-weight:700;min-height:var(--oc-tap);padding:12px 16px;touch-action:manipulation}.oc-customiser-panel .oc-cart-preview-change{background:#fff0;border:1px solid var(--oc-border-strong);color:inherit}.oc-customiser-panel .oc-cart-preview-accept{background:var(--oc-accent);border:1px solid 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-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{display:block;height:auto;width:100%}.oc-customiser-panel .oc-layer-controls{border-radius:var(--oc-radius)}.oc-customiser-panel .oc-night-sky-results{margin-top:6px;position:static}.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){align-items:stretch;flex-direction:column;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=search],.oc-customiser-panel .oc-control-group input[type=text],.oc-customiser-panel .oc-control-group input[type=url],.oc-customiser-panel .oc-control-group select,.oc-customiser-panel .oc-control-group textarea{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-colour-swatches{grid-template-columns:repeat(auto-fill,minmax(44px,1fr))}.oc-customiser-panel .oc-colour-swatch{min-height:44px;min-width:44px;touch-action:manipulation;-webkit-tap-highlight-color:#fff0}.oc-customiser-panel .oc-colour-swatches--labels{gap:6px}.oc-customiser-panel .oc-colour-swatches--labels .oc-colour-swatch{font-size:11px;min-height:32px;min-width:0;padding:4px 8px}.oc-customiser-panel input[type=color]{height:48px;touch-action:manipulation;width:48px}.oc-customiser-panel .oc-clipart-grid{gap:var(--oc-gap-xs);grid-template-columns:repeat(auto-fill,minmax(64px,1fr))}.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{font-size:.9em;min-height:32px;min-width:32px;touch-action:manipulation}.oc-customiser-panel .oc-help-hint,.oc-customiser-panel .oc-spotify-hint{font-size:.82em;width:min(300px,90vw)}.oc-customiser-panel .oc-upload-zone .uppy-DragDrop-container{min-height:100px}.oc-customiser-panel .oc-upload-zone .uppy-DragDrop-arrow{height:48px;width: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}}.oc-customiser-panel.oc-labels-left .oc-control-group:has(>label):not([hidden]){align-items:start;column-gap:var(--oc-gap-sm);display:grid;grid-template-columns:minmax(0,32%) minmax(0,1fr);row-gap:var(--oc-gap-xs)}.oc-customiser-panel.oc-labels-left .oc-control-group:has(>label):not([hidden])>*{grid-column:2;min-width:0}.oc-customiser-panel.oc-labels-left .oc-control-group:has(>label):not([hidden])>label{grid-column:1;grid-row:1;overflow-wrap:anywhere;padding-top:9px}.oc-customiser-panel.oc-labels-left .oc-control-group:has(>label):not([hidden]):has(>[data-oc-tooltip]){grid-template-columns:minmax(0,32%) minmax(0,1fr) auto}.oc-customiser-panel.oc-labels-left .oc-control-group:has(>label):not([hidden]):has(>[data-oc-tooltip])>input,.oc-customiser-panel.oc-labels-left .oc-control-group:has(>label):not([hidden]):has(>[data-oc-tooltip])>select{grid-column:2}.oc-customiser-panel.oc-labels-left .oc-control-group:has(>label):not([hidden]):has(>[data-oc-tooltip])>[data-oc-tooltip]{grid-column:3;grid-row:1}.oc-customiser-panel.oc-labels-left .oc-control-group:has(>label):not([hidden]):has(>[data-oc-tooltip])>.oc-spotify-error{grid-column:2/-1}.oc-customiser-panel.oc-labels-left .oc-font-size-row{align-items:stretch;display:flex;flex-direction:column}@media(min-width:768px){.oc-customiser-panel.oc-labels-left_desktop .oc-control-group:has(>label):not([hidden]){align-items:start;column-gap:var(--oc-gap-sm);display:grid;grid-template-columns:minmax(0,32%) minmax(0,1fr);row-gap:var(--oc-gap-xs)}.oc-customiser-panel.oc-labels-left_desktop .oc-control-group:has(>label):not([hidden])>*{grid-column:2;min-width:0}.oc-customiser-panel.oc-labels-left_desktop .oc-control-group:has(>label):not([hidden])>label{grid-column:1;grid-row:1;overflow-wrap:anywhere;padding-top:9px}.oc-customiser-panel.oc-labels-left_desktop .oc-control-group:has(>label):not([hidden]):has(>[data-oc-tooltip]){grid-template-columns:minmax(0,32%) minmax(0,1fr) auto}.oc-customiser-panel.oc-labels-left_desktop .oc-control-group:has(>label):not([hidden]):has(>[data-oc-tooltip])>input,.oc-customiser-panel.oc-labels-left_desktop .oc-control-group:has(>label):not([hidden]):has(>[data-oc-tooltip])>select{grid-column:2}.oc-customiser-panel.oc-labels-left_desktop .oc-control-group:has(>label):not([hidden]):has(>[data-oc-tooltip])>[data-oc-tooltip]{grid-column:3;grid-row:1}.oc-customiser-panel.oc-labels-left_desktop .oc-control-group:has(>label):not([hidden]):has(>[data-oc-tooltip])>.oc-spotify-error{grid-column:2/-1}.oc-customiser-panel.oc-labels-left_desktop .oc-font-size-row{align-items:stretch;display:flex;flex-direction:column}}@media(min-width:720px){.oc-customiser-panel .oc-font-size-row{align-items:end;display:grid;grid-template-columns:minmax(0,1fr) minmax(160px,.72fr)}.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-cart-preview-open{overflow:hidden}.oc-canvas-wrap.oc-gallery-mounted-preview{display:block!important;margin:0 0 16px}img.oc-live-preview-applied{display:block!important;height:auto!important;max-height:none!important;object-fit:contain!important;position:static!important;width:100%!important}.oc-live-preview-frame{height:auto!important;overflow:visible!important;position:relative!important}.oc-live-preview-frame>a{position:static!important}.oc-live-preview-frame>a>img.oc-live-preview-applied,.oc-live-preview-frame>img.oc-live-preview-applied{left:0!important;position:absolute!important;top:0!important}body.oc-lightbox-open{overflow:hidden}.oc-gallery-preview-lightbox{background:#fff0;border:0;height:94vh;max-height:none;max-width:none;overflow:visible;padding:0;width:min(96vw,1200px)}.oc-gallery-preview-lightbox::backdrop{background:rgb(0 0 0 / .85)}.oc-gallery-preview-lightbox.oc-is-open{background:rgb(0 0 0 / .85);display:grid;height:100vh;inset:0;place-items:center;position:fixed;width:100vw;z-index:100000}.oc-gallery-preview-lightbox-image{display:block;height:100%;object-fit:contain;width:100%}.oc-gallery-preview-lightbox-close{all:unset;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;box-sizing:border-box;color:#fff!important;cursor:pointer;display:grid;font:300 40px/1 Arial,sans-serif!important;height:40px!important;margin:0!important;opacity:.9;padding:0!important;place-items:center;position:fixed!important;right:16px!important;text-shadow:0 1px 3px rgb(0 0 0 / .8);top:16px!important;width:40px!important;z-index:100001!important}.oc-gallery-preview-lightbox-close:after,.oc-gallery-preview-lightbox-close:before{content:none!important;display:none!important}.oc-gallery-preview-lightbox-close:focus-visible,.oc-gallery-preview-lightbox-close:hover{color:#fff!important;opacity:1}.oc-gallery-preview-lightbox-close:focus-visible{outline:2px solid #fff;outline-offset:2px}.oc-preview-disclaimer{bottom:12px;display:inline-flex;position:absolute;right:12px;z-index:20}.oc-preview-disclaimer-toggle{appearance:none;background:rgb(25 25 25 / .75);border:1px solid hsl(0 0% 100% / .8);border-radius:50%;box-shadow:0 2px 8px rgb(0 0 0 / .2);color:#fff;cursor:help;display:grid;font:700 14px/1 sans-serif;height:28px;padding:0;place-items:center;width:28px}.oc-preview-disclaimer-text{background:rgb(25 25 25 / .94);border-radius:6px;bottom:calc(100% + 8px);box-shadow:0 4px 14px rgb(0 0 0 / .25);color:#fff;display:none;font:500 13px/1.45 sans-serif;padding:10px 12px;position:absolute;right:0;text-align:left;width:min(300px,100vw - 48px)}.oc-preview-disclaimer:focus-within .oc-preview-disclaimer-text,.oc-preview-disclaimer:hover .oc-preview-disclaimer-text{display:block}.oc-artwork-error[data-oc-ai-image-error]{color:#b32d2e;font-size:12px;min-height:1.4em}