.previa{display:flex;flex-direction:column;gap:.9rem}.previa__cabecera{display:flex;flex-direction:column;gap:.25rem}.previa__titulo{font-family:var(--font-mono);font-size:.78rem;font-weight:700;letter-spacing:.12em;color:var(--accent-brand)}.previa__ayuda{font-family:var(--font-ui);font-size:.85rem;color:var(--text-muted)}.previa__tira{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem;list-style:none;margin:0;padding:0}.previa__celda{display:flex}.previa__mini{flex:1;display:flex;flex-direction:column;gap:.4rem;padding:.5rem;border:2px solid var(--text-main);background-color:var(--color-blanco);box-shadow:var(--shadow-hard);cursor:pointer;text-align:left;transition:transform .12s ease,box-shadow .12s ease}.previa__mini:focus-visible,.previa__mini:hover{transform:translate(-4px,-4px);box-shadow:8px 8px 0 0 #1a1c1e;outline:0}.previa__mini--activa{border-color:var(--accent-brand);box-shadow:4px 4px 0 0 var(--accent-brand)}.previa__mini-lamina{display:block;aspect-ratio:4/3;background-color:var(--color-blanco);border:1px solid var(--ui-border);overflow:hidden}.previa__mini-img{display:block;width:100%;height:100%;object-fit:contain}.previa__mini-nombre{font-family:var(--font-mono);font-size:.72rem;font-weight:700;letter-spacing:.08em;color:var(--text-main);word-break:break-word}.previa__detalle{display:flex;flex-direction:column;gap:.6rem;padding:.85rem;border:2px solid var(--text-main);background-color:var(--bg-dark)}.previa__barra{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.previa__nombre{font-family:var(--font-mono);font-size:.85rem;font-weight:700;letter-spacing:.1em;color:var(--bg-light);word-break:break-word}.previa__cerrar{flex-shrink:0;font-family:var(--font-mono);font-size:.72rem;font-weight:700;letter-spacing:.08em;padding:.4rem .7rem;border:2px solid var(--bg-light);background-color:transparent;color:var(--bg-light);cursor:pointer}.previa__cerrar:hover{background-color:var(--bg-light);color:var(--text-main)}.previa__piezas{display:flex;gap:.4rem;overflow-x:auto;padding-bottom:.25rem;scrollbar-width:thin}.previa__pieza{flex-shrink:0;font-family:var(--font-mono);font-size:.68rem;font-weight:700;letter-spacing:.06em;white-space:nowrap;padding:.35rem .6rem;border:2px solid var(--text-main);background-color:var(--bg-light);color:var(--text-main);cursor:pointer}.previa__pieza:focus-visible,.previa__pieza:hover{background-color:var(--accent-brand);border-color:var(--accent-brand);color:var(--color-blanco);outline:0}.previa__lienzo{position:relative;height:clamp(260px,55vh,560px);background-color:var(--color-blanco);border:2px solid var(--text-main);overflow:hidden;touch-action:none;cursor:grab}.previa__svg{display:block;width:100%;height:100%}.previa__estado{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;margin:0;padding:1rem;text-align:center;font-family:var(--font-mono);font-size:.75rem;letter-spacing:.06em;color:var(--text-muted)}.previa__zoom{position:absolute;right:10px;bottom:10px;display:flex;flex-direction:column;gap:4px;z-index:2}.previa__zoom-btn{width:34px;height:34px;font-family:var(--font-mono);font-size:1rem;font-weight:700;line-height:1;border:2px solid var(--text-main);background-color:var(--bg-light);color:var(--text-main);cursor:pointer}.previa__zoom-btn--ancho{width:auto;padding:0 .5rem;font-size:.65rem;letter-spacing:.06em}.previa__zoom-btn:hover{background-color:var(--accent-brand);border-color:var(--accent-brand);color:var(--color-blanco)}.previa__pie{margin:0;font-family:var(--font-ui);font-size:.75rem;color:var(--text-faint)}@media (max-width:520px){.previa__tira{grid-template-columns:repeat(auto-fill,minmax(116px,1fr));gap:.6rem}.previa__detalle{padding:.6rem}.previa__pie{font-size:.7rem}}