.customiser-embed__grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:var(--space-8);align-items:start}.customiser-embed__intro,.customiser-embed__form-wrap{display:grid;gap:var(--space-5)}.customiser-embed__intro{align-content:start}.customiser-embed__intro h2{max-width:10ch}.customiser-embed__form-wrap{padding:clamp(1.25rem,2vw,1.75rem);border:1px solid var(--glass-border-strong);border-radius:calc(var(--radius-lg) * 1.05);background:linear-gradient(180deg,color-mix(in srgb,white 58%,transparent),color-mix(in srgb,black 4%,transparent)),var(--glass-fill-strong);-webkit-backdrop-filter:var(--glass-blur-base);backdrop-filter:var(--glass-blur-base);box-shadow:var(--shadow-card)}.customiser-embed__preview-frame{overflow:clip;border:1px solid var(--glass-border-strong);border-radius:calc(var(--radius-lg) * 1.1);background:radial-gradient(circle at top,color-mix(in srgb,var(--color-coconut) 10%,transparent),transparent 42%),color-mix(in srgb,var(--color-surface-elevated) 96%,white)}.customiser-embed__upload{display:grid;gap:var(--space-2)}.customiser-embed__upload input{min-height:3rem;padding:var(--space-3);border:1px dashed color-mix(in srgb,var(--color-accent) 52%,var(--color-border));border-radius:var(--radius-md);background:color-mix(in srgb,white 56%,transparent)}.customiser-embed__preview{display:grid;gap:var(--space-3)}.customiser-embed__preview-header{display:flex;align-items:start;justify-content:space-between;gap:var(--space-3)}.customiser-embed__device,.customiser-embed__preview-badge{font-size:var(--font-size-sm);color:var(--color-text-muted)}.customiser-embed__preview-badge{padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);background:color-mix(in srgb,white 52%,transparent)}.customiser-embed__preview-frame{display:grid;place-items:center;min-height:20rem;padding:var(--space-4);--phone-frame-ratio: .49;--phone-shell-radius: 26px;--phone-safe-top: 10.5%;--phone-safe-left: 10%;--phone-safe-width: 80%;--phone-safe-height: 84%;--phone-camera-top: 4.6%;--phone-camera-left: 7.2%;--phone-camera-width: 23%;--phone-camera-height: 18.5%;--phone-camera-radius: 28%}.customiser-embed__phone-shell{position:relative;display:grid;place-items:center;width:min(100%,18rem);aspect-ratio:var(--phone-frame-ratio);border-radius:var(--phone-shell-radius);background:linear-gradient(180deg,color-mix(in srgb,white 18%,transparent),color-mix(in srgb,var(--color-text) 14%,transparent)),linear-gradient(180deg,#343434,#111);box-shadow:var(--shadow-soft)}.customiser-embed__phone-shell:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:inset 0 0 0 1px color-mix(in srgb,white 10%,transparent),inset 0 -1.25rem 2rem color-mix(in srgb,black 18%,transparent);pointer-events:none}.customiser-embed__camera{position:absolute;inset:var(--phone-camera-top) auto auto var(--phone-camera-left);width:var(--phone-camera-width);height:var(--phone-camera-height);border-radius:var(--phone-camera-radius);z-index:3;background:radial-gradient(circle at 30% 30%,#5c5c5c 0 13%,#0c0c0c 13% 25%,transparent 26%),radial-gradient(circle at 68% 68%,#5c5c5c 0 13%,#0c0c0c 13% 25%,transparent 26%),linear-gradient(180deg,color-mix(in srgb,white 12%,transparent),#121212);box-shadow:inset 0 0 0 1px color-mix(in srgb,white 12%,transparent)}.customiser-embed__phone-shell[data-camera-layout=pro] .customiser-embed__camera{background:radial-gradient(circle at 26% 28%,#666666 0 13%,#0b0b0b 13% 24%,transparent 25%),radial-gradient(circle at 72% 28%,#666666 0 13%,#0b0b0b 13% 24%,transparent 25%),radial-gradient(circle at 49% 72%,#666666 0 13%,#0b0b0b 13% 24%,transparent 25%),radial-gradient(circle at 78% 72%,#d6d1b0 0 4%,transparent 5%),linear-gradient(180deg,color-mix(in srgb,white 12%,transparent),#111)}.customiser-embed__phone-shell[data-camera-layout=dual-vertical] .customiser-embed__camera{background:radial-gradient(circle at 50% 24%,#666666 0 16%,#0b0b0b 16% 29%,transparent 30%),radial-gradient(circle at 50% 76%,#666666 0 16%,#0b0b0b 16% 29%,transparent 30%),linear-gradient(180deg,color-mix(in srgb,white 12%,transparent),#111)}.customiser-embed__artboard{position:absolute;overflow:hidden;inset:var(--phone-safe-top) auto auto var(--phone-safe-left);width:var(--phone-safe-width);height:var(--phone-safe-height);z-index:1;border-radius:calc(var(--phone-shell-radius) - 6px);background:radial-gradient(circle at top,color-mix(in srgb,var(--color-palm) 12%,transparent),transparent 48%),linear-gradient(180deg,color-mix(in srgb,var(--color-accent) 10%,transparent),transparent),color-mix(in srgb,white 92%,transparent)}.customiser-embed__artboard-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:var(--space-4);text-align:center;color:color-mix(in srgb,var(--color-text) 45%,var(--color-text-muted));background:linear-gradient(135deg,color-mix(in srgb,var(--color-palm) 6%,transparent),transparent 45%),repeating-linear-gradient(135deg,color-mix(in srgb,var(--color-border) 28%,transparent) 0 .5rem,transparent .5rem 1rem)}.customiser-embed__artboard-placeholder span{max-width:9rem;font-size:var(--font-size-sm);font-weight:600}.customiser-embed__artboard img{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;width:100%;height:100%;object-fit:cover;transform:translate(var(--custom-offset-x, 0%),var(--custom-offset-y, 0%)) scale(var(--custom-scale, 1)) rotate(var(--custom-rotate, 0deg));transform-origin:center}.customiser-embed__controls{display:grid;gap:var(--space-3)}.customiser-embed__controls{grid-template-columns:repeat(2,minmax(0,1fr))}.customiser-embed__controls label{display:grid;gap:var(--space-2)}.customiser-embed__controls input{width:100%}.customiser-embed__preview-label,.customiser-embed__filename{font-size:var(--font-size-sm);color:var(--color-text-muted)}.model-selector--catalog,.model-selector__field{display:grid;gap:var(--space-2)}.model-selector__field select{min-height:3rem;padding:var(--space-3);border:1px solid color-mix(in srgb,var(--color-border) 84%,transparent);border-radius:var(--radius-md);background:color-mix(in srgb,white 56%,transparent)}@media(max-width:56rem){.customiser-embed__grid{grid-template-columns:1fr;gap:var(--space-6)}.customiser-embed__form-wrap{order:1}.customiser-embed__intro{order:2}.customiser-embed__controls{grid-template-columns:1fr}.customiser-embed__preview-header{flex-direction:column}.customiser-embed__preview-badge{align-self:flex-start}.customiser-embed__preview-frame{min-height:16rem;padding:var(--space-3)}.customiser-embed__phone-shell{width:min(100%,14rem)}.customiser-embed__intro h2{max-width:18rem}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-customiser.css.map */