.studio-stage{--stage-linen: radial-gradient(120% 90% at 50% 38%, #fbf6ee 0%, #efe4d4 58%, #e2d3be 100%);--stage-blush: radial-gradient(110% 90% at 50% 35%, #fbefec 0%, #efd6cf 60%, #e2bdb3 100%);--stage-gallery: linear-gradient(180deg, #f7f5f2 0 64%, #e7e2da 64% 100%);--stage-night: radial-gradient(110% 90% at 50% 38%, #2e3f49 0%, #172731 62%, #0d1a21 100%);--stage-shadow: radial-gradient(50% 50% at 50% 50%, rgba(40, 25, 15, .35), transparent 70%);--stage-shadow-blur: 6px;--stage-bag-max: 780px;--backdrop-swatch-linen: #efe4d4;--backdrop-swatch-blush: #efd6cf;--backdrop-swatch-gallery: #f3f1ed;--backdrop-swatch-night: #172731;position:relative;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);min-height:0;overflow:hidden;background:var(--stage-linen);transition:background var(--duration-overlay) var(--ease-out)}.studio-stage[data-backdrop=blush]{background:var(--stage-blush)}.studio-stage[data-backdrop=gallery]{background:var(--stage-gallery)}.studio-stage[data-backdrop=night]{background:var(--stage-night)}.studio-stage__bar{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);min-width:0;padding:var(--space-2);overflow-x:auto;scrollbar-width:none}.studio-stage__bar .backdrop-picker{position:static;display:none}.studio-stage__bar [hidden]{display:none}.studio-stage__canvas{position:relative;display:grid;place-items:center;min-height:0;padding:0 var(--space-4);overflow:hidden;container-type:size}.studio-bag{position:relative;width:min(100cqw,100cqh);max-width:var(--stage-bag-max);aspect-ratio:1 / 1}.studio-bag:before{content:"";position:absolute;top:76%;right:10%;left:10%;height:7%;background:var(--stage-shadow);filter:blur(var(--stage-shadow-blur))}.studio-bag__gallery{position:absolute;top:0;right:0;bottom:0;left:0}.studio-bag__gallery>figure{position:absolute;top:0;right:0;bottom:0;left:0;margin:0}.studio-bag__gallery>figure[hidden],.studio-bag__gallery:not([data-enhanced])>figure:not(:first-child){display:none}.studio-bag__gallery>figure>img,.studio-bag__noscript{width:100%;height:100%;object-fit:contain}.studio-toast{position:absolute;bottom:var(--space-6);left:50%;z-index:8;max-width:calc(100% - var(--space-8));margin:0;padding:var(--space-3) var(--space-4);border-radius:var(--radius-pill);background:var(--color-ink);color:var(--color-paper);font-size:var(--text-14);opacity:0;pointer-events:none;transform:translate(-50%,var(--space-4));transition:opacity var(--duration-overlay) var(--ease-out),transform var(--duration-overlay) var(--ease-out)}.studio-toast.is-visible{opacity:1;transform:translate(-50%)}.segmented{--segmented-surface: color-mix(in srgb, var(--color-paper) 80%, transparent);--segmented-blur: 10px;--segmented-height: 32px;--segmented-icon: 16px;display:inline-flex;flex:none;align-items:center;gap:var(--space-0-5);padding:var(--space-1);border-radius:var(--radius-pill);background:var(--segmented-surface);box-shadow:var(--shadow-soft);color:var(--color-ink);-webkit-backdrop-filter:blur(var(--segmented-blur));backdrop-filter:blur(var(--segmented-blur))}.segmented__button{display:inline-flex;align-items:center;gap:var(--space-2);height:var(--segmented-height);padding:0 var(--space-2);border:0;border-radius:var(--radius-pill);background:transparent;color:inherit;font:inherit;font-size:var(--text-12);font-weight:600;white-space:nowrap;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.segmented__button:hover:not(:disabled){background:var(--color-wash)}.segmented__button[aria-pressed=true]{background:var(--color-ink);color:var(--color-paper)}.segmented__button:disabled{cursor:not-allowed;opacity:.4}.segmented__button:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px}.segmented__button svg{flex:none;width:var(--segmented-icon);height:var(--segmented-icon)}.segmented__label{display:none}.segmented__label--always{display:inline}@media(min-width:640px){.studio-stage__bar{padding:var(--space-4)}.studio-stage__bar .backdrop-picker{display:inline-flex}.studio-stage__canvas{padding:0 var(--space-24)}.studio-toast{right:var(--space-6);bottom:var(--space-6);left:auto;transform:translateY(var(--space-4))}.studio-toast.is-visible{transform:none}}@media(min-width:1024px){.studio-stage__bar .backdrop-picker__label{display:block}}@media(min-width:1280px){.segmented__button{padding:0 var(--space-3)}.segmented__label{display:inline}}@media(prefers-reduced-motion:reduce){.studio-stage,.studio-toast,.segmented__button{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-studio-stage.css.map */