.bottle-studio{gap:.6rem;display:grid}.bottle-preview__switch{border:1px solid var(--beige-line);background:var(--cream);border-radius:999px;justify-self:start;gap:.2rem;padding:.2rem;display:inline-flex}.bottle-preview__switch button{min-block-size:2.75rem;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:.35rem .9rem;font-size:.78rem;font-weight:600}.bottle-preview__switch button:hover{color:var(--forest)}.bottle-preview__switch button[aria-pressed=true]{background:var(--forest);color:var(--on-dark)}.bottle-preview__switch button:focus-visible{box-shadow:var(--focus);outline:none}.bottle-preview{border:1px solid var(--beige-line);border-radius:var(--radius);background:var(--beige);overflow:hidden}.bottle-preview--studio{background:var(--studio)}.bottle-preview--imagery{background:var(--paper)}.bottle-preview__stage{block-size:clamp(18rem,min(44vw,100svh - 25rem),35rem);position:relative}.bottle-preview__canvas{opacity:0;pointer-events:none;block-size:100%;inline-size:100%;display:block}.bottle-preview__canvas:active{cursor:grabbing}.bottle-preview__canvas:focus-visible{outline:2px solid var(--forest);outline-offset:-5px;box-shadow:none;border-radius:0}.bottle-preview--ready .bottle-preview__canvas{opacity:1;pointer-events:auto;touch-action:none;cursor:grab}.bottle-preview__fallback{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:2.5rem 0 1.5rem}.bottle-preview__fallback[hidden]{display:none}.bottle-preview__fallback .bottle{block-size:90%;inline-size:auto}.bottle-preview__fallback-cap{color:var(--muted);margin-block-start:.5rem;font-size:.75rem}.bottle-preview__status{background:var(--cream);color:var(--muted);border-radius:999px;padding:.3rem .65rem;font-size:.7rem;position:absolute;inset-block-start:.75rem;inset-inline-end:.75rem}.bottle-preview__cap-toggle{border:1px solid var(--forest);background:var(--cream);min-block-size:2.75rem;color:var(--forest);font:inherit;cursor:pointer;border-radius:.55rem;padding:.45rem 1rem;font-size:.76rem;font-weight:700}.bottle-preview__cap-toggle:hover,.bottle-preview__cap-toggle[aria-pressed=true]{background:var(--forest);color:var(--on-dark)}.bottle-preview button:focus-visible{box-shadow:var(--focus);outline:none}.bottle-preview__retry{text-align:center;background:var(--cream);padding:.75rem 1rem}.bottle-preview__label{border:1px solid var(--beige-line);border-radius:var(--radius-small);background:var(--cream);max-inline-size:min(13rem,38%);color:var(--ink);padding:.45rem .65rem;font-size:.72rem;line-height:1.35;display:none;position:absolute;transform:translateY(-50%)}.bottle-preview__label--placed{gap:.1rem;display:grid}.bottle-preview__label strong{color:var(--forest);font-size:.78rem}.bottle-preview__label:before{content:"";border-block-start:1px solid var(--forest);inline-size:20px;position:absolute;inset-block-start:50%}.bottle-preview__label--cap:before{inset-inline-end:100%}.bottle-preview__label--neck:before{inset-inline-start:100%}.bottle-preview__label--shifted:before{display:none}.bottle-preview__photo{object-fit:contain;block-size:100%;inline-size:100%;padding-block:1rem;display:block}.bottle-preview__angles{border-block-start:1px solid var(--beige-line);background:var(--cream);flex-wrap:wrap;justify-content:center;gap:.3rem;padding:.65rem .75rem;display:flex}.bottle-preview__angles button{border:1px solid var(--beige-line);background:var(--cream);min-block-size:2.75rem;color:var(--forest);font:inherit;cursor:pointer;border-radius:999px;padding:.3rem .7rem;font-size:.72rem}.bottle-preview__angles button[aria-pressed=true]{border-color:var(--forest);font-weight:700}.bottle-preview__caption{border-block-start:1px solid var(--beige-line);background:var(--cream);color:var(--muted);padding:.75rem 1.25rem;font-size:.74rem}.bottle-preview__caption p+p{margin-block-start:.35rem}.bottle-preview__caption strong{color:var(--forest)}@media (width<=46rem){.bottle-studio{gap:.65rem}.bottle-preview__switch{border-radius:.9rem;flex-wrap:wrap;max-inline-size:100%}.bottle-preview__switch button{padding-inline:.75rem;font-size:.72rem}.bottle-preview__stage{block-size:clamp(17rem,38svh,23rem)}.bottle-preview__cap-toggle{padding-inline:.75rem;font-size:.74rem}.bottle-preview__caption{padding:.7rem .85rem;font-size:.68rem}.bottle-preview__label{max-inline-size:40%;padding:.35rem .5rem;font-size:.66rem}.bottle-preview__label strong{font-size:.7rem}.bottle-preview__label:before{inline-size:10px}}.bottle-preview--compact .bottle-preview__fallback{inset:.5rem 0}.viewer-frame:not([open]) .bottle-preview--compact .bottle-preview__canvas{pointer-events:none;touch-action:auto;cursor:default}