.studio-stage{--stage-frost: color-mix(in srgb, var(--color-paper) 88%, transparent);--stage-blur: 10px;--stage-fab: 64px;--stage-warn-surface: #fff4d8;--stage-warn-ink: #6b4a00;--stage-warn-border: #f0d58f;--stage-active-ring: 0 0 0 3px color-mix(in srgb, var(--color-brand) 55%, transparent);--stage-zoom-duration: .35s;--stage-rail-label: 96px}.studio-stage__foot{position:relative;z-index:5;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-2) var(--space-4)}.studio-stage__foot:empty{display:none}.studio-bag{transform-origin:50% 50%;transition:transform var(--stage-zoom-duration) var(--ease-out)}.studio-stage:not(.has-guides) .preview-choice:not(.is-filled){border-color:transparent}.studio-stage:not(.has-guides) .preview-choice:not(.is-filled):before,.studio-stage:not(.has-guides) .preview-choice:not(.is-filled):after{display:none}.studio-notes{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none;container-type:inline-size}.studio-notes[hidden]{display:none}.studio-note{--note-ink: var(--color-brand);--note-chip-ink: var(--color-paper);--note-line-gap: .12s;position:absolute;top:var(--space-2);right:var(--space-4);display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-1);max-width:60%;color:var(--note-ink);font-size:clamp(var(--text-14),3.6cqw,var(--text-32));pointer-events:auto;transition:opacity var(--duration-overlay) var(--ease-out)}[data-backdrop=night] .studio-note{--note-ink: #f3d9a4;--note-chip-ink: var(--color-ink)}.studio-note.is-done{opacity:0;transition-delay:1s}.studio-note__chip{padding:var(--space-1) var(--space-2);border-radius:var(--space-1);background:var(--note-ink);color:var(--note-chip-ink);font-family:var(--font-interface);font-size:var(--text-12);font-weight:700;line-height:1;letter-spacing:.14em;text-transform:uppercase;transform:rotate(-2deg)}.studio-note .handwritten{color:inherit}.studio-note__tick{font-family:var(--font-interface);font-size:var(--text-14)}.studio-note__close{position:absolute;top:0;right:calc(-1 * var(--space-6));display:grid;place-items:center;width:var(--space-6);height:var(--space-6);padding:0;border:0;background:transparent;color:var(--note-ink);cursor:pointer;opacity:.6}.studio-note__close:hover,.studio-note__close:focus-visible{opacity:1}.studio-note__close svg{width:var(--space-3);height:var(--space-3)}@media(prefers-reduced-motion:no-preference){.studio-note .handwritten__line{clip-path:inset(-20% 100% -20% 0);animation:handwriting-write var(--line-duration) var(--handwriting-ease) var(--line-delay) forwards}}.studio-photos,.studio-zoom{position:absolute;top:50%;z-index:5;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-2);border:0;border-radius:var(--radius-md);background:var(--stage-frost);box-shadow:var(--shadow-soft);color:var(--color-ink);font:inherit;font-size:var(--text-12);font-weight:600;cursor:pointer;transform:translateY(-50%);-webkit-backdrop-filter:blur(var(--stage-blur));backdrop-filter:blur(var(--stage-blur))}.studio-photos[hidden]{display:none}.studio-photos{--studio-photo: 36px;left:var(--space-2)}.studio-photos__stack{position:relative;width:var(--studio-photo);height:calc(var(--studio-photo) + var(--space-3))}.studio-photos__stack img{position:absolute;top:calc(var(--photo-index) * var(--space-1));left:0;width:var(--studio-photo);height:var(--studio-photo);border:2px solid var(--color-paper);border-radius:var(--radius-sm);object-fit:cover;box-shadow:var(--shadow-soft);transform:rotate(calc((var(--photo-index) - 1) * 5deg))}.studio-photos__label,.studio-zoom__label{display:none}.studio-photos__label{align-items:center;gap:var(--space-1)}.studio-photos__label svg{width:var(--space-3);height:var(--space-3)}.studio-zoom{right:var(--space-2);padding:var(--space-3) var(--space-2);white-space:nowrap}.studio-zoom svg{width:var(--space-5);height:var(--space-5)}.studio-zoom[aria-pressed=true]{background:var(--color-ink);color:var(--color-paper)}.studio-photos:focus-visible,.studio-zoom:focus-visible,.studio-pill:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px}.is-zoomed .studio-photos,.is-zoomed .studio-stage__foot,.is-zoomed .studio-notes,.is-zoomed .studio-contrast{opacity:0;pointer-events:none}.studio-contrast{position:absolute;bottom:var(--space-2);left:50%;z-index:5;max-width:calc(100% - var(--space-8));padding:var(--space-2) var(--space-4);overflow:hidden;border:1px solid var(--stage-warn-border);border-radius:var(--radius-pill);background:var(--stage-warn-surface);color:var(--stage-warn-ink);font:inherit;font-size:var(--text-12);text-overflow:ellipsis;white-space:nowrap;cursor:pointer;transform:translate(-50%)}.studio-pill{display:inline-flex;align-items:center;gap:var(--space-2);height:var(--space-10);padding:0 var(--space-4);border:0;border-radius:var(--radius-pill);background:var(--stage-frost);box-shadow:var(--shadow-soft);color:var(--color-ink);font:inherit;font-size:var(--text-14);font-weight:600;cursor:pointer;-webkit-backdrop-filter:blur(var(--stage-blur));backdrop-filter:blur(var(--stage-blur));transition:transform var(--duration-base) var(--ease-out)}.studio-pill:hover{transform:translateY(-2px)}.studio-pill svg{width:var(--space-4);height:var(--space-4);color:var(--color-brand)}.studio-pill__count{color:var(--color-ink-soft);font-weight:400}.color-rail{display:flex;align-items:center;gap:var(--space-1);max-width:100%;padding:var(--space-1) var(--space-2);overflow-x:auto;border-radius:var(--radius-pill);background:var(--stage-frost);box-shadow:var(--shadow-soft);scrollbar-width:none;-webkit-backdrop-filter:blur(var(--stage-blur));backdrop-filter:blur(var(--stage-blur))}.color-rail__name{display:none;min-width:var(--stage-rail-label);padding:0 var(--space-2) 0 var(--space-1);font-size:var(--text-12);font-weight:600;white-space:nowrap}.color-rail__swatch .swatch__color img{width:100%;height:100%;border-radius:inherit;object-fit:cover}.color-rail__swatch:disabled{cursor:not-allowed;opacity:.4}.personalizer__link--ideas{display:inline-flex;align-items:center;gap:var(--space-1);margin-left:auto;padding:var(--space-1) var(--space-3);border:0;border-radius:var(--radius-pill);background:var(--color-wash);color:var(--color-brand);font:inherit;font-weight:600;text-decoration:none;cursor:pointer}.personalizer__link--ideas svg{width:var(--space-3);height:var(--space-3)}.motif-popover{--motif-popover-arrow: 16px;--motif-popover-width: 340px;--motif-popover-height: 400px;position:absolute;z-index:9;display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);border-radius:var(--radius-md);background:var(--color-paper);box-shadow:var(--shadow-raised)}.motif-popover[hidden]{display:none}.motif-popover:before{content:"";position:absolute;width:var(--motif-popover-arrow);height:var(--motif-popover-arrow);border-radius:var(--space-0-5);background:var(--color-paper);transform:rotate(45deg)}.motif-popover[data-side=below]:before{top:calc(var(--motif-popover-arrow) / -2);left:calc(var(--popover-arrow-x) - var(--motif-popover-arrow) / 2)}.motif-popover[data-side=above]:before{bottom:calc(var(--motif-popover-arrow) / -2);left:calc(var(--popover-arrow-x) - var(--motif-popover-arrow) / 2)}.motif-popover[data-side=right]:before{top:calc(var(--popover-arrow-y) - var(--motif-popover-arrow) / 2);left:calc(var(--motif-popover-arrow) / -2)}.motif-popover[data-side=left]:before{top:calc(var(--popover-arrow-y) - var(--motif-popover-arrow) / 2);right:calc(var(--motif-popover-arrow) / -2)}.motif-popover__head{display:flex;align-items:center;justify-content:space-between;font-size:var(--text-14)}.motif-popover__search{width:100%;min-height:var(--space-10);padding:0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-paper);font:inherit;font-size:var(--text-14)}.motif-popover__packs{display:flex;flex:none;gap:var(--space-1);overflow-x:auto;scrollbar-width:none}.motif-popover__grid{display:grid;flex:1;grid-template-columns:repeat(4,minmax(0,1fr));align-content:start;gap:var(--space-2);min-height:0;overflow-y:auto}.motif-popover__grid .icon-choice{width:100%;aspect-ratio:1 / 1;height:auto}.motif-popover__empty{grid-column:1 / -1;margin:0;color:var(--color-ink-soft);font-size:var(--text-14)}.studio-type{position:absolute;z-index:6;margin:0;padding:0;overflow:hidden;border:1.5px dashed var(--color-paper);border-radius:var(--radius-sm);outline:0;background:transparent;box-shadow:var(--stage-active-ring);color:transparent;font-size:var(--text-16);text-align:center;white-space:pre;resize:none;pointer-events:auto;transform:translate(-50%,-50%)}.studio-type::placeholder{color:transparent}.studio-ideas .inspiration__ideas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.studio-ideas .eyebrow svg{width:var(--space-3);height:var(--space-3);color:var(--color-brand)}.studio-lightbox{--lightbox-width: 760px;--lightbox-nav: 44px;--lightbox-thumb: 56px;--lightbox-chrome: 200px;width:min(var(--lightbox-width),calc(100% - var(--space-8)));max-width:none;max-height:calc(100svh - var(--space-8));margin:auto;padding:var(--space-4);overflow:visible;border:0;background:transparent;color:var(--color-paper)}.studio-lightbox::backdrop{background:color-mix(in srgb,var(--color-ink) 85%,transparent)}.studio-lightbox__body{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.studio-lightbox__image{width:100%;max-height:calc(100svh - var(--lightbox-chrome));border-radius:var(--radius-lg);background:var(--color-card-well);object-fit:contain}.studio-lightbox__thumbs{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2)}.studio-lightbox__thumbs button{width:var(--lightbox-thumb);height:var(--lightbox-thumb);padding:0;overflow:hidden;border:2px solid transparent;border-radius:var(--radius-sm);background:var(--color-card-well);cursor:pointer;opacity:.6}.studio-lightbox__thumbs button[aria-pressed=true]{border-color:var(--color-paper);opacity:1}.studio-lightbox__thumbs img{width:100%;height:100%;object-fit:cover}.studio-lightbox__count{margin:0;font-size:var(--text-12)}.studio-lightbox__close{position:absolute;top:calc(-1 * var(--space-2));right:calc(-1 * var(--space-2));z-index:3}.studio-lightbox__nav{position:absolute;top:calc(50% - var(--space-12));z-index:3;display:grid;place-items:center;width:var(--lightbox-nav);height:var(--lightbox-nav);padding:0;border:0;border-radius:var(--radius-pill);background:var(--color-paper);box-shadow:var(--shadow-raised);color:var(--color-ink);cursor:pointer}.studio-lightbox__nav[hidden]{display:none}.studio-lightbox__nav svg{width:var(--space-5);height:var(--space-5)}.studio-lightbox__nav--prev{left:0}.studio-lightbox__nav--next{right:0}@media(min-width:640px){.studio-photos{--studio-photo: 48px;left:var(--space-6)}.studio-photos__label{display:inline-flex}.studio-zoom__label{display:block}.studio-zoom{right:var(--space-6);width:var(--stage-fab)}.color-rail__name{display:block}.studio-contrast{bottom:var(--space-4)}.studio-note{max-width:44%}}@media(prefers-reduced-motion:reduce){.studio-bag,.studio-note,.studio-pill{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-studio-tools.css.map */