atelier-studio,atelier-creations,atelier-print,atelier-wall{display:block}.atelier-hero{position:relative;z-index:16;overflow:clip;isolation:isolate;padding-block:var(--sp-6) var(--sp-8)}.atelier-hero__halo{--halo-size: 44rem}.atelier-hero__inner{position:relative;z-index:1;display:grid;gap:var(--sp-7)}.atelier-hero__text{display:grid;gap:var(--sp-4);align-content:start;max-width:40rem}.atelier-hero__title{font-size:calc(clamp(2.375rem,1.5rem + 4vw,5rem) * var(--font-heading-scale))}.atelier-hero__lead{font-size:var(--fs-body-lg);color:var(--color-text-muted);max-width:34rem}.atelier-hero__actions{margin-top:var(--sp-2)}.atelier-hero__cta{min-width:15rem}.atelier-assurances{display:grid;gap:var(--sp-2);margin-top:var(--sp-2);font-size:var(--fs-small)}.atelier-assurances li{display:flex;align-items:center;gap:var(--sp-3)}.atelier-assurances .icon{color:var(--color-accent)}.atelier-hero__ai{display:flex;gap:var(--sp-2);align-items:flex-start;font-size:var(--fs-xs);color:var(--color-text-muted);max-width:32rem}.atelier-hero__ai .icon{margin-top:2px}.atelier-hero__gallery{margin:0;display:grid;gap:var(--sp-3)}.atelier-hero__wall{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(9.5rem,46%);gap:var(--sp-3);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-inline:calc(var(--gutter) * -1);padding:var(--sp-2) var(--gutter) var(--sp-4)}.atelier-hero__wall::-webkit-scrollbar{display:none}.atelier-hero__piece{scroll-snap-align:start;display:grid;gap:var(--sp-2);align-content:start}.atelier-hero__frame{position:relative;overflow:clip;aspect-ratio:4 / 5;background:var(--color-surface);box-shadow:0 18px 36px -16px var(--shadow-deep)}.atelier-hero__frame img,.atelier-hero__frame .placeholder-svg{width:100%;height:100%;object-fit:cover}.atelier-hero__label{font-size:var(--fs-eyebrow);letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-muted)}.atelier-hero__caption{font-size:var(--fs-xs);color:var(--color-text-muted)}@media(min-width:990px){.atelier-hero{min-height:min(84svh,54rem);display:grid;align-items:center;padding-block:var(--sp-8)}.atelier-hero__inner{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);column-gap:var(--sp-8);align-items:center}.atelier-hero__wall{grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;margin:0;padding:0;gap:var(--sp-4);align-items:start}.atelier-hero__piece:nth-child(3n+2){margin-top:var(--sp-8)}.atelier-hero__piece:nth-child(3n){margin-top:var(--sp-5)}.atelier-hero__piece:nth-child(n+4){display:none}}.atelier-sticky{position:fixed;z-index:15;left:0;right:0;bottom:0;display:block;padding:var(--sp-3) var(--gutter) calc(var(--sp-3) + env(safe-area-inset-bottom));background:linear-gradient(to top,var(--color-bg) 60%,transparent)}.atelier-sticky[hidden]{display:none}html:has(dialog[open]) .atelier-sticky{display:none}@media(min-width:750px){.atelier-sticky{display:none!important}}.atelier-studio{scroll-margin-top:var(--header-height);overflow-x:clip}.atelier-studio .button,.atelier-drawer .button,.atelier-creations .button{white-space:normal;text-align:center;line-height:1.3;padding-block:.75rem}.studio{display:grid;gap:var(--sp-6)}.studio__head{display:grid;gap:var(--sp-4)}.studio__intro{display:grid;gap:var(--sp-2);max-width:40rem}.studio__lead{color:var(--color-text-muted)}.studio__wallet{position:sticky;top:calc(var(--header-height) + var(--sp-2));z-index:3;justify-self:start;display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-1) var(--sp-4);padding:var(--sp-2) var(--sp-4);border:1px solid var(--color-line);border-radius:999px;background:color-mix(in srgb,var(--color-bg) 88%,transparent);font-size:var(--fs-small)}.studio__wallet[hidden]{display:none}.studio__wallet-label{font-size:var(--fs-eyebrow);letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-muted)}.studio__balance{font-weight:var(--font-body-weight-medium);color:var(--color-accent)}.studio__wallet-link{display:inline-flex;align-items:center;min-height:var(--tap)}.studio__notice{padding:var(--sp-3) var(--sp-4);border-left:2px solid var(--color-text-muted);background:var(--color-surface);font-size:var(--fs-small)}.studio__notice--success{border-color:var(--color-accent)}.studio__soon{display:grid;gap:var(--sp-3);justify-items:start;max-width:38rem;padding:var(--sp-6);border:1px solid var(--color-line);background:var(--color-surface)}.studio__body{display:grid;gap:var(--sp-7)}.studio__form{display:grid;gap:var(--sp-6);align-content:start}.studio__step{display:grid;gap:var(--sp-3);border:0;padding:0;min-width:0}.studio__legend{display:flex;align-items:center;gap:var(--sp-3);font-weight:var(--font-body-weight-medium);font-size:var(--fs-body);padding:0}.studio__num{display:inline-grid;place-items:center;width:1.75rem;height:1.75rem;flex:none;border:1px solid var(--color-accent);border-radius:50%;color:var(--color-accent);font-size:var(--fs-xs)}.studio__textarea{min-height:7.5rem;background:var(--color-surface);border-color:var(--color-line);resize:vertical}.studio__textarea::placeholder{color:var(--color-text-muted);opacity:1}.studio__meta{display:flex;justify-content:space-between;gap:var(--sp-4)}.studio__count{flex:none;font-variant-numeric:tabular-nums}.field__detail{display:block;margin-top:var(--sp-1);color:var(--color-text-muted)}.color-scheme-3 .field__error,.color-scheme-4 .field__error,.atelier-drawer .field__error{color:#f0a49b}.universes{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(8.5rem,42%);gap:var(--sp-3);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-inline:calc(var(--gutter) * -1);padding:var(--sp-1) var(--gutter) var(--sp-2)}.universes::-webkit-scrollbar{display:none}.u-card{position:relative;display:grid;gap:var(--sp-2);align-content:start;scroll-snap-align:start;cursor:pointer}.u-card[hidden]{display:none}.u-card__input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}.u-card__media{position:relative;display:block;overflow:clip;aspect-ratio:4 / 5;background:var(--color-surface);outline:1px solid transparent;outline-offset:3px;transition:outline-color var(--dur-fast) var(--ease)}.u-card__media img{width:100%;height:100%;object-fit:cover;filter:brightness(.72) saturate(.85);transition:filter var(--dur-slow) var(--ease),transform .7s var(--ease)}.u-card__media:after{content:"";position:absolute;inset:auto 0 0 0;height:40%;background:linear-gradient(to top,rgb(14 17 23 / .55),transparent);pointer-events:none}.u-card__media--vintage_riviera:not(:has(img)){background:linear-gradient(170deg,#e9c9a1,#d98e62 45%,#3e6e8e 46%,#1f3f5b)}.u-card__media--vintage_riviera:not(:has(img)):before{content:"";position:absolute;left:50%;top:24%;width:30%;aspect-ratio:1;translate:-50% 0;border-radius:50%;background:#f4e3c1;opacity:.85}.u-card__body{display:grid;gap:2px}.u-card__name{font-family:var(--font-heading-family);font-size:1.1875rem;line-height:1.2}.u-card__desc{font-size:var(--fs-xs);color:var(--color-text-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.u-card:hover .u-card__media img{filter:brightness(.9) saturate(1)}.u-card:has(.u-card__input:checked) .u-card__media{outline:2px solid var(--color-accent)}.u-card:has(.u-card__input:checked) .u-card__media img{filter:none}.u-card:has(.u-card__input:checked) .u-card__name{color:var(--color-accent)}.u-card:has(.u-card__input:focus-visible) .u-card__media{outline:2px solid var(--color-accent);outline-offset:5px}.u-card:has(.u-card__input:disabled){cursor:default}.studio__step[aria-invalid=true] .u-card__media{outline-color:color-mix(in srgb,#F0A49B 60%,transparent)}@media(min-width:750px){.universes{grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;margin:0;padding:0;gap:var(--sp-5) var(--sp-4)}}.studio__options{border-top:1px solid var(--color-line);border-bottom:1px solid var(--color-line)}.studio__options>summary{min-height:56px;cursor:pointer;list-style:none;justify-content:flex-start}.studio__options>summary::-webkit-details-marker{display:none}.studio__options>summary .icon{margin-left:auto;transition:transform var(--dur-fast) var(--ease)}.studio__options[open]>summary .icon{transform:rotate(45deg)}.studio__option-groups{display:grid;gap:var(--sp-5);padding-bottom:var(--sp-5)}.opt-group{border:0;padding:0;margin:0;min-width:0;display:grid;gap:var(--sp-2)}.opt-group__legend{padding:0;margin-bottom:var(--sp-2);font-size:var(--fs-eyebrow);letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-muted)}.opts{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.opt{position:relative;display:inline-flex}.opt[hidden]{display:none}.opt input{position:absolute;opacity:0;width:1px;height:1px}.opt span{display:inline-flex;align-items:center;min-height:var(--tap);padding:0 1rem;border:1px solid var(--color-line);border-radius:999px;font-size:var(--fs-small);cursor:pointer;transition:border-color var(--dur-fast) var(--ease),background-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.opt:hover span{border-color:var(--color-text-muted)}.opt input:checked+span{background:var(--color-text);color:var(--color-bg);border-color:var(--color-text)}.opt input:focus-visible+span{outline:2px solid var(--color-accent);outline-offset:2px}.opt input:disabled+span{cursor:default;opacity:.5}.studio__turnstile{min-height:0}.studio__submit{display:grid;gap:var(--sp-2)}.studio__generate{min-height:56px;font-size:var(--fs-small)}.studio__cost{color:var(--color-text-muted)}.studio__alert{display:grid;gap:var(--sp-3);justify-items:start;padding:var(--sp-4);border-left:2px solid #F0A49B;background:var(--color-surface);font-size:var(--fs-small)}.studio__alert-title{font-weight:var(--font-body-weight-medium)}.studio__form[aria-busy=true] .studio__step,.studio__form[aria-busy=true] .studio__options{opacity:.6;transition:opacity var(--dur-slow) var(--ease)}.studio__stage{display:grid;gap:var(--sp-5);align-content:start;scroll-margin-top:calc(var(--header-height) + var(--sp-4))}.studio__stage[data-stage=idle]{display:none}.stage__frame{position:relative;display:grid;place-items:center;overflow:clip;isolation:isolate;min-height:min(70svh,34rem);background:radial-gradient(60% 50% at 50% 42%,var(--glow-soft),transparent 70%),var(--color-surface);border:1px solid var(--color-line)}.stage__idle{padding:var(--sp-6);color:var(--color-text-muted);text-align:center}.stage__waiting{position:relative;z-index:1;display:grid;gap:var(--sp-2);justify-items:center;padding:var(--sp-6);text-align:center}.stage__glow{position:absolute;top:-40%;right:-40%;bottom:-40%;left:-40%;z-index:-1;background:radial-gradient(closest-side,var(--glow),transparent);opacity:.8}.stage__sweep{position:absolute;left:-10%;right:-10%;top:0;height:30%;z-index:-1;background:linear-gradient(to bottom,transparent,var(--spot),transparent);opacity:0}.stage__step{font-size:var(--fs-eyebrow);letter-spacing:.18em;text-transform:uppercase;color:var(--color-accent);min-height:1.5em}.stage__note{max-width:26rem;color:var(--color-text-muted)}.stage__img{width:100%;height:auto;max-height:78svh;object-fit:contain}.studio__stage[data-stage=result] .stage__frame{min-height:0;background:var(--color-surface);border-color:transparent;box-shadow:0 24px 48px -24px var(--shadow-deep)}.stage__result{display:grid;gap:var(--sp-4)}.stage__caption{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--sp-1) var(--sp-4)}.stage__style{font-family:var(--font-heading-family);font-size:var(--fs-h3)}.stage__ai{display:inline-flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-xs);color:var(--color-text-muted)}.stage__usage{color:var(--color-accent)}.stage__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2)}.stage__print{flex:1 1 100%}.stage__icon{border:1px solid var(--color-line)}.stage__fav[aria-pressed=true]{color:var(--color-accent);border-color:var(--color-accent)}.stage__fav[aria-pressed=true] svg path{fill:currentColor}.stage__panel{display:grid;gap:var(--sp-2);padding:var(--sp-5);border:1px solid var(--color-line)}.stage__panel>div{display:grid;gap:var(--sp-2)}.stage__panel[hidden],.stage__panel>[hidden]{display:none}.stage__first{border-color:var(--color-accent);background:radial-gradient(80% 120% at 0% 0%,var(--glow-soft),transparent 70%)}.stage__panel-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-3) var(--sp-5);margin-top:var(--sp-2)}.stage__panel-actions .button{flex:1 1 100%}.stage__panel-actions .link,.stage__panel-actions .link-arrow{min-height:var(--tap);display:inline-flex;align-items:center}.atelier-consent{display:grid;gap:var(--sp-3);justify-items:start}@media(min-width:750px){.stage__print,.stage__panel-actions .button{flex:0 1 auto}}@media(min-width:990px){.studio__head{grid-template-columns:minmax(0,1fr) auto;align-items:end}.studio__wallet{justify-self:end}.studio__body{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);column-gap:var(--sp-8);align-items:start}.studio__stage,.studio__stage[data-stage=idle]{display:grid;position:sticky;top:calc(var(--header-height) + var(--sp-8))}.stage__frame{min-height:34rem}}@keyframes develop-art{0%{opacity:0;filter:brightness(.15) blur(6px)}55%{opacity:1}to{opacity:1;filter:none}}@keyframes sweep{0%{translate:0 -120%;opacity:0}30%{opacity:1}to{translate:0 360%;opacity:0}}@keyframes breathe{0%,to{opacity:.55;scale:.92}50%{opacity:1;scale:1}}@media(prefers-reduced-motion:no-preference){[data-animations=true] .atelier-hero [data-rise]{animation:rise var(--dur-reveal) var(--ease) both;animation-delay:calc(.2s + var(--d, 0) * 90ms)}[data-animations=true] .atelier-hero__veil{animation:unveil var(--dur-light) var(--ease-light) both;animation-delay:calc(.25s + var(--i, 0) * .22s)}[data-animations=true] .studio__stage.is-waiting .stage__glow{animation:breathe 3.2s var(--ease-shade) infinite}[data-animations=true] .studio__stage.is-waiting .stage__sweep{animation:sweep 2.8s var(--ease-shade) infinite}[data-animations=true] .stage__img.is-developing{animation:develop-art 1.8s var(--ease-light) both}.wall__art{transition:width .45s var(--ease),left .45s var(--ease),top .45s var(--ease)}}.atelier-steps__head{display:grid;gap:var(--sp-2);margin-bottom:var(--sp-7);max-width:40rem}.atelier-steps__list{display:grid;gap:var(--sp-6);counter-reset:none}.atelier-step{display:grid;gap:var(--sp-2);align-content:start;padding-top:var(--sp-4);border-top:1px solid var(--color-line)}.atelier-step__num{font-family:var(--font-heading-family);font-size:var(--fs-h2);line-height:1;color:var(--color-accent)}.atelier-step__text{color:var(--color-text-muted)}.atelier-steps__text{margin-top:var(--sp-8);max-width:46rem;color:var(--color-text-muted)}.atelier-steps__text h3{color:var(--color-text);font-family:var(--font-heading-family);font-size:var(--fs-h3)}@media(min-width:750px){.atelier-steps__list{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-6)}}.atelier-faq__title{margin-bottom:var(--sp-6)}.atelier-faq summary{text-transform:none;letter-spacing:0;font-size:var(--fs-body)}.atelier-faq__q{font-family:var(--font-body-family);font-weight:var(--font-body-weight-medium);font-size:var(--fs-body);line-height:1.4}.atelier-drawer{width:min(100vw,30rem)}.atelier-drawer .drawer__body{display:grid;gap:var(--sp-4);align-content:start}.credits__reason{font-size:var(--fs-h3)}.packs{display:grid;gap:var(--sp-3)}.pack{display:grid;grid-template-columns:1fr auto;gap:2px var(--sp-4);align-items:center;padding:var(--sp-4);border:1px solid var(--color-line)}.pack--popular{border-color:var(--color-accent);background:radial-gradient(90% 140% at 100% 0%,var(--glow-soft),transparent 70%)}.pack__head{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2)}.pack__credits{font-family:var(--font-heading-family);font-size:var(--fs-h3);line-height:1.2}.pack__badge{padding:.2rem .55rem;border-radius:999px;background:var(--color-accent);color:var(--color-bg);font-size:.6875rem;font-weight:var(--font-body-weight-medium);letter-spacing:.08em;text-transform:uppercase}.pack__price{grid-row:1;grid-column:2;font-size:var(--fs-body-lg);font-weight:var(--font-body-weight-medium)}.pack__unit{color:var(--color-text-muted)}.pack .button{grid-column:1 / -1;margin-top:var(--sp-2)}.credits__note{padding-top:var(--sp-3);border-top:1px solid var(--color-line);color:var(--color-text-muted)}.print__art{display:grid;grid-template-columns:5rem 1fr;gap:var(--sp-4);align-items:center}.print__img{width:5rem;height:auto;background:var(--color-surface);box-shadow:0 10px 20px -12px var(--shadow-deep)}.print__name{font-weight:var(--font-body-weight-medium)}.print__options{display:grid;gap:var(--sp-2);border:0;padding:0;margin:0}.print-opt{position:relative;display:flex;justify-content:space-between;align-items:center;gap:var(--sp-4);min-height:56px;padding:0 var(--sp-4);border:1px solid var(--color-line);cursor:pointer}.print-opt input{position:absolute;opacity:0;width:1px;height:1px}.print-opt:has(input:checked){border-color:var(--color-accent);box-shadow:inset 0 0 0 1px var(--color-accent)}.print-opt:has(input:focus-visible){outline:2px solid var(--color-accent);outline-offset:2px}.print-opt__price{font-weight:var(--font-body-weight-medium)}.print__wall{justify-self:start}dialog.atelier-modal{width:min(100vw - 2 * var(--gutter),64rem);max-height:calc(100dvh - 2rem);margin:auto;padding:0;border:0;background:var(--color-bg);color:var(--color-text);box-shadow:var(--shadow-float)}dialog.atelier-modal::backdrop{background:#0e1117b3}.atelier-modal--small{width:min(100vw - 2 * var(--gutter),28rem)}.atelier-modal__inner{display:grid;gap:var(--sp-4);padding:var(--sp-4) var(--sp-4) var(--sp-5);overflow-y:auto;max-height:calc(100dvh - 2rem)}.atelier-modal__header{display:flex;justify-content:space-between;align-items:center;gap:var(--sp-4)}.atelier-confirm{padding:var(--sp-6)}.atelier-confirm__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--sp-3)}.wall{display:grid;gap:var(--sp-2);margin:0}.wall__scene{position:relative;overflow:clip;aspect-ratio:1200 / 896;background:var(--color-surface)}.wall__bg{width:100%;height:100%;object-fit:cover}.wall__art{position:absolute;left:var(--cx, 50%);top:var(--by, 55%);width:var(--w, 14%);aspect-ratio:var(--ratio, 5 / 7);translate:-50% -100%;box-shadow:0 6px 14px var(--shadow-warm),0 1px 3px #0000004d;background:var(--color-surface)}.wall__art img{width:100%;height:100%;object-fit:cover}.wall__controls{display:grid;gap:var(--sp-4)}@media(min-width:750px){.atelier-modal__inner{padding:var(--sp-5) var(--sp-6) var(--sp-6)}.wall__controls{grid-template-columns:1fr 1fr}}@media(min-width:990px){.wall-layout{grid-template-columns:minmax(0,1fr) 15rem;grid-template-areas:"head head" "wall controls";column-gap:var(--sp-6);align-items:start}.wall-layout .atelier-modal__header{grid-area:head}.wall-layout .wall{grid-area:wall;justify-items:center}.wall-layout .wall__scene{width:min(100%,calc((100dvh - 9rem) * 1200 / 896))}.wall-layout .wall__controls{grid-area:controls;grid-template-columns:1fr}}.creations__head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:var(--sp-4);margin-bottom:var(--sp-6)}.creations__head h1:focus{outline:none}.creations{display:grid;gap:var(--sp-5)}.creations__filters{display:flex;gap:var(--sp-2)}.creations__filters .chip[aria-pressed=true]{background:var(--color-text);color:var(--color-bg);border-color:var(--color-text)}.creations__filters .chip{min-height:var(--tap)}.creations__login{display:grid;gap:var(--sp-3);justify-items:start;max-width:36rem;padding:var(--sp-6);border:1px solid var(--color-line)}.creations__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-6) var(--sp-3)}.creation{display:grid;gap:var(--sp-2);align-content:start}.creation[aria-busy=true]{opacity:.4}.creation__media{overflow:clip;background:var(--color-surface);aspect-ratio:3 / 4}.creation__media img{width:100%;height:100%;object-fit:cover}.creation__style{font-family:var(--font-heading-family);font-size:1.1875rem;line-height:1.2}.creation__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-1) var(--sp-2)}.creation__actions .button{flex:1 1 100%}.creation__actions .icon-button[aria-pressed=true]{color:var(--color-accent)}.creation__actions .icon-button[aria-pressed=true] svg path{fill:currentColor}.creation__delete{margin-left:auto;min-height:var(--tap)}.creations__more{justify-self:center}@media(min-width:750px){.creations__list{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-7) var(--sp-5)}}@media(min-width:1200px){.creations__list{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(forced-colors:active){.u-card:has(.u-card__input:checked) .u-card__media,.print-opt:has(input:checked){outline:2px solid CanvasText}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/atelier.css.map */