fluffo-soft3d-preview{display:block;margin:2rem 0;color:rgb(var(--color-foreground));font-size:1.4rem;line-height:1.5}
fluffo-soft3d-preview [hidden]{display:none!important}
fluffo-soft3d-preview .fcp-card{border:1px solid rgba(var(--color-foreground),.16);border-radius:12px;overflow:hidden;background:rgb(var(--color-background))}
fluffo-soft3d-preview .fcp-head{padding:1.4rem 1.6rem;border-bottom:1px solid rgba(var(--color-foreground),.1);display:flex;justify-content:space-between;gap:1rem;align-items:center}
fluffo-soft3d-preview .fcp-heading{font-size:1.5rem;font-weight:600;margin:0}
fluffo-soft3d-preview .fcp-name{display:block;font-size:2rem;font-weight:500;line-height:1.2;margin-top:.3rem}
fluffo-soft3d-preview .fcp-sample{width:52px;height:52px;object-fit:cover;border-radius:6px;border:1px solid #ccc}
fluffo-soft3d-preview .fcp-stage{position:relative;aspect-ratio:1;background:#fff;overflow:hidden;max-height:460px}
fluffo-soft3d-preview .fcp-stage canvas,fluffo-soft3d-preview .fcp-stage>img{width:100%;height:100%;object-fit:contain;display:block}
fluffo-soft3d-preview .fcp-tag{position:absolute;left:1.2rem;top:1.2rem;border-radius:20px;background:#fffffff0;padding:.4rem .9rem;font-size:1.1rem;color:#454545}
fluffo-soft3d-preview .fcp-stage-tools{position:absolute;right:1.2rem;bottom:1.2rem}
fluffo-soft3d-preview .fcp-btn{font:inherit;min-height:40px;padding:.6rem 1.1rem;border:1px solid #d2d2d2;border-radius:6px;background:#fff;color:#262626;cursor:pointer}
fluffo-soft3d-preview .fcp-btn[aria-pressed=true]{background:#222;color:#fff;border-color:#222}
fluffo-soft3d-preview .fcp-views{display:flex;flex-wrap:wrap;gap:.6rem;padding:1rem 1.2rem;border-top:1px solid rgba(var(--color-foreground),.1)}
fluffo-soft3d-preview .fcp-note{margin:.5rem 0 0;font-size:1.2rem;color:rgba(var(--color-foreground),.75)}
fluffo-soft3d-preview .fcp-status{font-size:1.2rem;margin:.8rem 0;min-height:1.8rem}
fluffo-soft3d-preview .fcp-controls{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin:1.6rem 0 1rem}
fluffo-soft3d-preview .fcp-search{min-width:0;width:100%;font:inherit;padding:.8rem 1rem;border:1px solid rgba(var(--color-foreground),.25);border-radius:5px;background:rgb(var(--color-background));color:inherit}
fluffo-soft3d-preview .fcp-count{white-space:nowrap;font-size:1.2rem}
fluffo-soft3d-preview .fcp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(46px,1fr));gap:.7rem;max-height:370px;overflow:auto;padding:4px;margin:0 -4px;scrollbar-width:thin}
fluffo-soft3d-preview .fcp-swatch{position:relative;display:flex;align-items:center;justify-content:center;min-height:46px;padding:4px;border:1px solid transparent;border-radius:7px;text-decoration:none;background:none}
fluffo-soft3d-preview .fcp-swatch img{width:100%;aspect-ratio:1;height:auto;object-fit:cover;border-radius:4px;border:1px solid #0002}
fluffo-soft3d-preview .fcp-swatch[aria-checked=true]{border:2px solid currentColor;padding:3px}
fluffo-soft3d-preview .fcp-swatch[aria-checked=true]:after{content:"✓";position:absolute;right:-2px;bottom:-2px;width:18px;height:18px;border-radius:50%;background:#222;color:#fff;font:12px/18px sans-serif;text-align:center}
fluffo-soft3d-preview .fcp-swatch:hover{outline:1px solid currentColor;outline-offset:0}
fluffo-soft3d-preview :focus-visible{outline:2px solid currentColor;outline-offset:3px}
fluffo-soft3d-preview .fcp-dialog{padding:0;border:1px solid #ccc;border-radius:12px;width:min(94vw,900px);max-height:92vh;color:#222;background:#fff}
fluffo-soft3d-preview .fcp-dialog::backdrop{background:#0008}
fluffo-soft3d-preview .fcp-dialog-head{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:1.4rem}
fluffo-soft3d-preview .fcp-zoom{overflow:auto;max-height:70vh;background:#fff}
fluffo-soft3d-preview .fcp-zoom canvas{display:block;margin:0 auto;max-width:none}
fluffo-soft3d-preview .fcp-dialog .fcp-note{padding:0 1.4rem 1.4rem;color:#555}
fluffo-soft3d-preview .fcp-error{padding:1rem;background:#fff7e8;color:#653d00;font-size:1.2rem;border-radius:5px}
fluffo-soft3d-preview .fcp-visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media(max-width:749px){fluffo-soft3d-preview .fcp-stage{max-height:420px}fluffo-soft3d-preview .fcp-grid{grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:.6rem}}

fluffo-soft3d-preview .fcp-family{grid-column:1/-1;margin:1rem 0 .2rem;font-size:1.25rem;font-weight:600;line-height:1.4;letter-spacing:.02em}