@layer components{.plushie-viewer{color:#6d4e54;align-self:center;min-width:0;margin:24px 28px 24px 12px}.plushie-topline{justify-content:space-between;align-items:center;gap:12px;padding:0 12px;font-size:12px;display:flex}.plushie-topline>span{align-items:center;gap:7px;display:flex}.plushie-photo-toggle{text-underline-offset:4px;gap:6px;padding:8px 0;font-size:11px;text-decoration:underline}.plushie-stage{isolation:isolate;height:335px;position:relative;container-type:size}.plushie-halo{aspect-ratio:1;opacity:.6;z-index:-1;background:#e9ddd2;border-radius:50%;width:min(80%,92cqh);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.plushie-canvas{cursor:grab;touch-action:none;border-radius:20px;width:100%;height:100%}.plushie-canvas[data-dragging]{cursor:grabbing}.plushie-canvas canvas{width:100%;height:100%;display:block}.plushie-canvas:focus-visible{outline-offset:2px;outline:2px solid #91445d}.plushie-stage-note{text-align:center;color:#806d63;pointer-events:none;font:italic 12px Georgia,serif;position:absolute;bottom:8px;left:0;right:0}.plushie-photo{border:7px solid #fcf8ef;border-bottom-width:22px;border-radius:12px;position:absolute;inset:12px 18%;overflow:hidden;transform:rotate(-3deg);box-shadow:0 7px 20px #6a484b12}.plushie-photo img{object-fit:cover;object-position:center 53%;width:100%;height:100%}.plushie-photo.is-loading{opacity:.75}.plushie-picker{justify-content:center;gap:10px;margin:7px auto 12px;display:flex}.plushie-picker button{border:1px solid #0000;border-radius:10px;gap:9px;padding:5px 12px 5px 5px;font-size:12px;transition:background .18s,border-color .18s}.plushie-picker button[aria-pressed=true]{color:#6f243a;background:#fffaf3;border-color:#c6a7a8}.plushie-picker img{object-fit:cover;border-radius:5px;width:32px;height:36px}.plushie-tools{justify-content:center;align-items:center;gap:3px;display:flex}.plushie-tools button{border-radius:7px;width:34px;height:36px;transition:background .18s}.plushie-tools button:hover:not(:disabled),.plushie-picker button:hover{background:#e9d7d7}.plushie-tools button:disabled{opacity:.35;cursor:default}.plushie-tools .plushie-greet{color:#6f243a;background:#eddbdd;gap:5px;width:auto;margin-left:5px;padding:0 10px;font-size:11px}.plushie-hint,.plushie-caption{text-align:center;text-wrap:balance}.plushie-hint{margin-top:12px;font-size:11px;line-height:1.6}.plushie-caption{color:#806d70;margin:5px 0 0;font-size:10px;line-height:1.5}@media (width<=900px) and (width>=641px){.plushie-viewer{margin:20px 12px 20px 0}.plushie-topline{padding:0;font-size:11px}.plushie-stage{height:290px}.plushie-picker{gap:3px}.plushie-picker button{gap:6px;padding-right:8px;font-size:11px}.plushie-tools{flex-wrap:wrap;gap:0}.plushie-tools button{width:30px}}@media (width<=640px){.plushie-viewer{margin:32px 16px 27px}.plushie-stage{height:325px}.plushie-topline{padding:0 5px}.plushie-tools{gap:1px}.plushie-tools button{width:32px;height:40px}.plushie-tools .plushie-greet{margin-left:2px;padding:0 8px}}@media (width<=360px){.plushie-stage{height:280px}.plushie-picker button{padding-right:6px;font-size:11px}.plushie-tools{flex-wrap:wrap}}}