.bottle-preview{border:1px solid var(--beige-line);border-radius:var(--radius);background:var(--beige);overflow:hidden}.bottle-preview__head{justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 1.5rem 0;display:flex}.bottle-preview__head .kicker{letter-spacing:.15em;margin:0;font-size:.65rem}.bottle-preview__mode{color:var(--muted);text-align:end;font-size:.7rem}.bottle-preview__stage{block-size:clamp(20rem,32vw,27rem);position:relative}.bottle-preview__canvas{opacity:0;touch-action:none;cursor:grab;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}.bottle-preview__fallback{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:1.5rem 0 2rem}.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__gesture{text-align:center;color:var(--muted);pointer-events:none;font-size:.75rem;position:absolute;inset-block-end:.75rem;inset-inline:0}.bottle-preview__toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;min-block-size:3.5rem;padding:.5rem 1.25rem 1rem;display:flex}.bottle-preview__controls{gap:.3rem;display:flex}.bottle-preview__controls button{border:1px solid var(--beige-line);background:var(--cream);color:var(--forest);inline-size:var(--control-size);block-size:var(--control-size);cursor:pointer;border-radius:50%;font-family:inherit;font-size:1.3rem}.bottle-preview__controls button:hover{border-color:var(--forest)}.bottle-preview__angles{gap:.3rem;display:flex}.bottle-preview__angles button{min-block-size:var(--control-size);border:1px solid var(--beige-line);border-radius:var(--radius-small);background:var(--cream);color:var(--forest);font:inherit;cursor:pointer;padding:.4rem .7rem;font-size:.75rem}.bottle-preview__angles button:hover{border-color:var(--forest)}.bottle-preview button:focus-visible{box-shadow:var(--focus);outline:none}.bottle-preview__caption{border-block-start:1px solid var(--beige-line);background:var(--cream);color:var(--muted);padding:1rem 1.5rem 1.25rem;font-size:.75rem}.bottle-preview__caption p+p{margin-block-start:.45rem}.bottle-preview__caption p:first-child{color:var(--forest)}@media (width<=520px){.bottle-preview__head{padding-inline:1rem}.bottle-preview__toolbar{padding-inline:.75rem}.bottle-preview__caption{padding-inline:1rem}}.bottle-preview--studio{background:var(--studio)}.bottle-preview--studio .bottle-preview__head .kicker{color:var(--forest)}.bottle-preview__parts{border-block-end:1px solid var(--beige-line);margin-block-end:.75rem;padding-block-end:.75rem}.bottle-preview__parts strong{color:var(--forest)}.bottle-preview__tools{flex-basis:100%}.bottle-preview__tools summary{min-block-size:var(--control-size);cursor:pointer;color:var(--muted);align-items:center;gap:.5rem;width:fit-content;font-size:.75rem;display:flex}.bottle-preview__tools summary:before{content:"+";font-size:1rem}.bottle-preview__tools[open] summary:before{content:"−"}.bottle-preview__tools summary:focus-visible{box-shadow:var(--focus);border-radius:var(--radius-small);outline:none}.bottle-preview__angles{flex-wrap:wrap}@media (width<=46rem){.bottle-preview__stage{block-size:clamp(13rem,35svh,20rem)}.bottle-preview__head{padding-block-start:.75rem}.bottle-preview__toolbar{gap:.25rem;padding-block:.25rem .5rem}.bottle-preview__caption{padding-block:.65rem;font-size:.7rem}}