.tile-preview{width:100%;min-width:0;overflow:hidden;color:var(--ink,#402d2f);background:var(--paper,#fffaf6);border:1px solid var(--line,#d9d2c7)}
.tile-preview-toolbar{display:flex;justify-content:center;flex-wrap:wrap;gap:4px;padding:22px 18px 0}
.tile-preview-view{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:80px;max-width:100%;padding:10px 17px;border:1px solid transparent;border-radius:0;background:transparent;color:inherit;font:inherit;font-size:11px;line-height:1.4;text-align:center;overflow-wrap:anywhere;transition:background .2s,border-color .2s,color .2s}
.tile-preview-view:hover{background:var(--soft,#f1eee5)}
.tile-preview-view[aria-pressed=true]{border-color:var(--ink,#402d2f);background:var(--ink,#402d2f);color:var(--paper,#fffaf6)}
.tile-preview-view:focus-visible{outline:3px solid var(--accent,#a85f68);outline-offset:3px}
.tile-preview-stage{position:relative;min-width:0;background:radial-gradient(ellipse at 50% 58%,var(--white,#fffdf8) 0%,var(--paper,#fffaf6) 72%)}
.tile-preview-svg{display:block;width:100%;height:auto;max-width:100%;overflow:visible}
.tile-preview-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;opacity:0;pointer-events:none}
.tile-preview-rendered .tile-preview-canvas{opacity:1}
.tile-preview-rendered .tile-preview-svg{opacity:0;pointer-events:none}
.tile-preview-shadow{fill:currentColor;opacity:.08;transition:cx .24s,cy .24s,rx .24s,ry .24s}
.tile-preview-surface{stroke:#402d2f;stroke-opacity:.17;stroke-width:.65px;stroke-linejoin:round;vector-effect:non-scaling-stroke;transition:fill .24s ease,d .24s ease}
.tile-preview-top{stroke-opacity:.25}
.tile-preview-front,.tile-preview-right{stroke:none}
.tile-preview-side-rim{stroke:#ffffff;stroke-width:.55px;stroke-opacity:.23;vector-effect:non-scaling-stroke}
.tile-preview-rim{stroke:#ffffff;stroke-width:1px;stroke-opacity:.4;vector-effect:non-scaling-stroke}
.tile-preview-artwork image{transition:x .24s ease,y .24s ease,width .24s ease,height .24s ease}
.tile-preview-dimensions{margin:0;padding:0 24px 24px;font-size:12px;line-height:1.7;text-align:center;letter-spacing:.02em;color:var(--muted,#776e65);overflow-wrap:anywhere}
@media(max-width:700px){.tile-preview-toolbar{padding-top:16px;gap:2px}.tile-preview-view{min-width:70px;padding-inline:12px}.tile-preview-dimensions{padding:0 16px 18px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.tile-preview *{transition:none!important;animation:none!important}}