/* ============================================================
   CREACIONES · BIBLIOTECA AL ESTILO RUNWAY ASSETS (30-sep-2026)
   ------------------------------------------------------------
   El dueño: «recuerda los assets, cómo los maneja Runway: luce muy bien,
   limpio». Una vista a pantalla completa con carpetas a la izquierda
   (Todos, Imágenes, Vídeos, Audio, Subidos, Favoritos y los proyectos),
   una barra con buscar, filtros, orden y vista, y una rejilla uniforme de
   miniaturas sin texto encima. La ficha de cada obra es el visor grande
   con su panel lateral.

   Familia Cocuyo: negro, acabado ligero, casi sin bordes, lima SOLO en la
   acción principal y en lo activo. Colores y medidas con los tokens --f-*
   de crear.html (los de familia.css) y los de tokens.css.

   Esta hoja se carga al final del Estudio. Cada regla empieza por
       body.studio-workbench:not(#f) #pg-library   (o #bvVisor)
   para quedar por encima de las capas antiguas de la Bóveda sin tocarlas
   (siguen en el paquete CSS y en crear.html por compatibilidad).
   ============================================================ */

/* ---------- La página: sin márgenes, la carcasa ocupa todo ---------- */
body.studio-workbench:not(#f) #pg-library{padding:0;max-width:none;margin:0}
body.studio-workbench:not(#f) #pg-library .libmain,
body.studio-workbench:not(#f) #pg-library .libcanvas{display:block;padding:0;margin:0}
body.studio-workbench:not(#f) #pg-library .bva{
  --bva-lado:236px;--bva-pad:32px;--bva-top:var(--st-top,64px);
  display:grid;grid-template-columns:var(--bva-lado) minmax(0,1fr);
  min-height:calc(100dvh - var(--bva-top));
  font-family:var(--fuente);color:var(--f-texto);
}
body.studio-workbench:not(#f) #pg-library .bva svg{flex:none}
body.studio-workbench:not(#f) #pg-library .bva .ic{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}

/* ---------- Carpetas (barra lateral) ---------- */
body.studio-workbench:not(#f) #pg-library .bva-lateral{
  position:sticky;top:var(--bva-top);align-self:start;
  height:calc(100dvh - var(--bva-top));overflow-y:auto;overscroll-behavior:contain;
  display:flex;flex-direction:column;gap:22px;
  padding:22px 12px 32px;border-right:1px solid var(--f-linea);scrollbar-width:thin;
}
body.studio-workbench:not(#f) #pg-library .bva-carpetas{display:flex;flex-direction:column;gap:2px}
body.studio-workbench:not(#f) #pg-library .bva-grupo{
  display:flex;align-items:center;justify-content:space-between;gap:8px;
  margin:0 0 6px;padding:0 10px;min-height:24px;
  font-size:11px;font-weight:var(--f-peso-ui);letter-spacing:.07em;text-transform:uppercase;color:var(--f-texto-3);
}
body.studio-workbench:not(#f) #pg-library .bva-grupo-accion{
  display:grid;place-items:center;width:26px;height:26px;padding:0;border:0;border-radius:7px;
  background:transparent;color:var(--f-texto-3);cursor:pointer;transition:background var(--f-rapido),color var(--f-rapido);
}
body.studio-workbench:not(#f) #pg-library .bva-grupo-accion:hover{background:var(--f-sup-2);color:var(--f-texto)}
body.studio-workbench:not(#f) #pg-library .bva-carpeta{
  display:flex;align-items:center;gap:10px;width:100%;min-height:36px;padding:7px 10px;
  border:0;border-radius:9px;background:transparent;color:var(--f-texto-2);
  font:var(--f-peso-ui) 13.5px/1.25 var(--fuente);letter-spacing:-.005em;text-align:left;cursor:pointer;
  transition:background var(--f-rapido),color var(--f-rapido);
}
body.studio-workbench:not(#f) #pg-library .bva-carpeta b{flex:1;min-width:0;font-weight:inherit;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
body.studio-workbench:not(#f) #pg-library .bva-carpeta>span{font-size:12px;color:var(--f-texto-3);font-variant-numeric:tabular-nums}
body.studio-workbench:not(#f) #pg-library .bva-carpeta svg{color:var(--f-texto-3)}
body.studio-workbench:not(#f) #pg-library .bva-carpeta:hover{background:var(--f-sup-2);color:var(--f-texto)}
body.studio-workbench:not(#f) #pg-library .bva-carpeta[aria-current="true"]{background:var(--f-sup-3);color:var(--f-texto)}
body.studio-workbench:not(#f) #pg-library .bva-carpeta[aria-current="true"] svg{color:var(--f-lima)}
body.studio-workbench:not(#f) #pg-library .bva-carpeta[aria-busy="true"]{opacity:.6;cursor:progress}
body.studio-workbench:not(#f) #pg-library .bva-punto{width:6px;height:6px;border-radius:50%;background:var(--f-lima);flex:none}
body.studio-workbench:not(#f) #pg-library .bva-nota{margin:0 10px 8px;font-size:12px;line-height:1.5;color:var(--f-texto-3)}
body.studio-workbench:not(#f) #pg-library .bva-nuevo{color:var(--f-texto-2)}
body.studio-workbench:not(#f) #pg-library :is(.bva-carpeta,.bva-grupo-accion):focus-visible{outline:2px solid var(--f-lima);outline-offset:1px}
/* «Proyectos» arriba en Creaciones (estudio-4.js): solo en el móvil, donde la
   barra de abajo ya no lo lleva. En el escritorio está en la cabecera. */
body.studio-workbench:not(#f) #pg-library .bva-ir-proyectos{display:none}

/* ---------- Contenido ---------- */
body.studio-workbench:not(#f) #pg-library .bva-main{min-width:0;padding:28px var(--bva-pad) 150px}
body.studio-workbench:not(#f) #pg-library .bva-cabecera{
  display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:0 0 18px;
}
body.studio-workbench:not(#f) #pg-library .bva-cabecera h1{
  margin:0;font:var(--f-peso-display) 28px/1.15 var(--fuente);letter-spacing:var(--f-tracking-titulo);color:var(--f-texto);
}
body.studio-workbench:not(#f) #pg-library .bva-cabecera p{margin:6px 0 0;max-width:620px;font-size:13px;line-height:1.5;color:var(--f-texto-3)}
body.studio-workbench:not(#f) #pg-library .bva-cabecera-acciones{display:flex;gap:8px;flex:none}
body.studio-workbench:not(#f) #pg-library .bv-ambito{margin:-4px 0 18px}

/* Botones de la biblioteca: fantasma por defecto, lima solo en Crear. */
body.studio-workbench:not(#f) #pg-library .bva-boton{
  position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;
  min-height:38px;padding:8px 14px;border:1px solid var(--f-linea-fuerte);border-radius:var(--f-r-control);
  background:var(--f-sup-1);color:var(--f-texto);font:var(--f-peso-ui) 13px/1 var(--fuente);white-space:nowrap;cursor:pointer;
  transition:background var(--f-rapido),border-color var(--f-rapido),color var(--f-rapido);
}
body.studio-workbench:not(#f) #pg-library .bva-boton:hover{background:var(--f-sup-3)}
body.studio-workbench:not(#f) #pg-library .bva-boton:disabled{opacity:.45;cursor:default}
body.studio-workbench:not(#f) #pg-library .bva-primario{background:var(--f-lima);border-color:transparent;color:var(--f-lima-tinta)}
body.studio-workbench:not(#f) #pg-library .bva-primario:hover{background:var(--f-lima-hover)}
body.studio-workbench:not(#f) #pg-library .bva-icono{width:38px;padding:0}
body.studio-workbench:not(#f) #pg-library .bva-insignia{
  display:grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;
  background:var(--f-texto);color:var(--negro-abismo);font:600 11px/1 var(--fuente);font-style:normal;
}
body.studio-workbench:not(#f) #pg-library :is(.bva-boton,.bva-seg,.bva-chip,.bva-vistas button,.bva-select,.bva-busca input):focus-visible{outline:2px solid var(--f-lima);outline-offset:2px}
body.studio-workbench:not(#f) #pg-library .bva-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

/* ---------- Barra: buscar, filtros, orden, vista ---------- */
body.studio-workbench:not(#f) #pg-library .bva-barra{
  position:sticky;top:var(--bva-top);z-index:20;
  display:flex;align-items:center;flex-wrap:nowrap;gap:8px;
  margin:0 calc(var(--bva-pad) * -1);padding:10px var(--bva-pad);
  background:var(--f-vidrio);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);
  border:0;border-bottom:1px solid var(--f-linea);border-radius:0;box-shadow:none;
}
body.studio-workbench:not(#f) #pg-library .bva-busca{position:relative;display:block;flex:1 1 240px;min-width:160px;max-width:380px;margin:0}
body.studio-workbench:not(#f) #pg-library .bva-busca>svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--f-texto-3);pointer-events:none}
body.studio-workbench:not(#f) #pg-library .bva-busca input{
  width:100%;max-width:none;min-height:38px;margin:0;padding:8px 12px 8px 36px;
  border:1px solid var(--f-linea-fuerte);border-radius:var(--f-r-control);background:var(--f-sup-1);
  color:var(--f-texto);font:400 13px/1.2 var(--fuente);outline:0;
}
body.studio-workbench:not(#f) #pg-library .bva-busca input::placeholder{color:var(--f-texto-3)}
body.studio-workbench:not(#f) #pg-library .bva-select{
  min-height:38px;max-width:220px;padding:8px 30px 8px 12px;border:1px solid var(--f-linea-fuerte);border-radius:var(--f-r-control);
  background:var(--f-sup-1);color:var(--f-texto);font:var(--f-peso-ui) 13px/1.2 var(--fuente);cursor:pointer;
}
body.studio-workbench:not(#f) #pg-library .bva-orden{display:block;margin:0}
body.studio-workbench:not(#f) #pg-library .bva-barra .bv-cuenta{margin-left:auto;padding:0 6px;font-size:12px;letter-spacing:0;text-transform:none;color:var(--f-texto-3);white-space:nowrap;font-variant-numeric:tabular-nums}
body.studio-workbench:not(#f) #pg-library .bva-vistas{display:inline-flex;gap:2px;padding:3px;border:1px solid var(--f-linea-fuerte);border-radius:var(--f-r-control);background:var(--f-sup-1)}
body.studio-workbench:not(#f) #pg-library .bva-vistas button{display:grid;place-items:center;width:32px;height:30px;padding:0;border:0;border-radius:7px;background:transparent;color:var(--f-texto-3);cursor:pointer}
body.studio-workbench:not(#f) #pg-library .bva-vistas button[aria-pressed="true"]{background:var(--f-sup-3);color:var(--f-texto)}
/* El control de tamaño (lo añade la «densidad» de la Bodega) al final de la barra. */
body.studio-workbench:not(#f) #pg-library .bva-barra .bv-vista{margin:0;padding:0 0 0 4px;gap:6px}
body.studio-workbench:not(#f) #pg-library .bva[data-vista="lista"] .bv-vista .bv-zoom,
body.studio-workbench:not(#f) #pg-library .bva[data-vista="lista"] .bv-vista>.bv-ico:not(button){display:none}

/* Panel de filtros: una fila discreta bajo la barra. */
body.studio-workbench:not(#f) #pg-library .bva-filtros{display:flex;flex-wrap:wrap;align-items:flex-end;gap:14px 18px;padding:16px 0 6px}
body.studio-workbench:not(#f) #pg-library .bva-filtros[hidden],
body.studio-workbench:not(#f) #pg-library .bva-velo[hidden]{display:none}
body.studio-workbench:not(#f) #pg-library .bva-filtros-cab,
body.studio-workbench:not(#f) #pg-library .bva-velo{display:none}
body.studio-workbench:not(#f) #pg-library .bva-campo{display:grid;gap:6px;margin:0}
body.studio-workbench:not(#f) #pg-library .bva-etiqueta{font-size:11px;font-weight:var(--f-peso-ui);letter-spacing:.06em;text-transform:uppercase;color:var(--f-texto-3)}
body.studio-workbench:not(#f) #pg-library .bva-segs{display:inline-flex;flex-wrap:wrap;gap:2px;padding:3px;border:1px solid var(--f-linea-fuerte);border-radius:var(--f-r-control);background:var(--f-sup-1)}
body.studio-workbench:not(#f) #pg-library .bva-seg{
  display:inline-flex;align-items:center;gap:7px;min-height:30px;padding:5px 11px;border:0;border-radius:7px;
  background:transparent;color:var(--f-texto-2);font:var(--f-peso-ui) 12.5px/1 var(--fuente);cursor:pointer;
}
body.studio-workbench:not(#f) #pg-library .bva-seg[aria-pressed="true"]{background:var(--f-sup-3);color:var(--f-texto)}
body.studio-workbench:not(#f) #pg-library .bva-seg .studio-assets-count{min-width:0;padding:0;background:none;font-size:11px;color:var(--f-texto-3)}
body.studio-workbench:not(#f) #pg-library .bva-limpiar{min-height:38px;background:transparent;border-color:transparent;color:var(--f-texto-2)}
body.studio-workbench:not(#f) #pg-library .bva-chips{display:flex;flex-wrap:wrap;gap:6px;padding:12px 0 0}
body.studio-workbench:not(#f) #pg-library .bva-chip{
  display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:4px 8px 4px 12px;border:0;border-radius:var(--f-r-pill);
  background:var(--f-sup-3);color:var(--f-texto);font:var(--f-peso-ui) 12.5px/1 var(--fuente);cursor:pointer;
}
body.studio-workbench:not(#f) #pg-library .bva-chip .ic{width:13px;height:13px;color:var(--f-texto-3)}
body.studio-workbench:not(#f) #pg-library .bva-chip:hover .ic{color:var(--f-texto)}
body.studio-workbench:not(#f) #pg-library .bv-anadir{margin:0 0 16px}

/* ---------- Rejilla ---------- */
body.studio-workbench:not(#f) #pg-library .bva .bv-dia{
  position:static;top:auto;z-index:auto;display:flex;align-items:center;gap:10px;margin:0;padding:24px 0 10px;background:none;
}
body.studio-workbench:not(#f) #pg-library .bva .bv-dia span:not(.fsel-dia){font:var(--f-peso-titulo) 13px/1.2 var(--fuente);letter-spacing:-.005em;color:var(--f-texto)}
body.studio-workbench:not(#f) #pg-library .bva .bv-dia i{font-size:12px;font-style:normal;letter-spacing:0;text-transform:none;color:var(--f-texto-3)}
body.studio-workbench:not(#f) #pg-library .bva .bv-dia .fsel-dia{opacity:0;transition:opacity var(--f-rapido)}
@media (min-width:901px){
  body.studio-workbench:not(#f) #pg-library .bva .bv-dia{position:relative;top:auto}
  body.studio-workbench:not(#f) #pg-library .bva .bv-dia .fsel-dia{position:absolute;left:-28px;top:50%;margin-top:0;transform:translateY(-10%)}
}
body.studio-workbench:not(#f) #pg-library .bva .bv-dia:hover .fsel-dia,
body.studio-workbench:not(#f) #pg-library .bva .bv-dia .fsel-dia:focus-visible,
body.studio-workbench.fselmodo:not(#f) #pg-library .bva .bv-dia .fsel-dia{opacity:1}
body.studio-workbench:not(#f) #pg-library .bva .bv-rejilla{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--bv-min,208px),1fr))!important;gap:10px;padding:0;margin:0;
}
body.studio-workbench:not(#f) #pg-library .bva-tile{position:relative;margin:0;min-width:0;cursor:default}
body.studio-workbench:not(#f) #pg-library .bva-tile.bva-menu-on{z-index:30}
body.studio-workbench:not(#f) #pg-library .bva-marco{
  position:relative;aspect-ratio:1/1;overflow:hidden;border-radius:12px;background:var(--f-sup-2);
  transition:box-shadow var(--f-rapido);
}
body.studio-workbench:not(#f) #pg-library .bva-abrir{display:block;width:100%;height:100%;padding:0;margin:0;border:0;border-radius:inherit;background:none;color:inherit;cursor:pointer}
body.studio-workbench:not(#f) #pg-library .bva-abrir:focus-visible{outline:2px solid var(--f-lima);outline-offset:-2px}
body.studio-workbench:not(#f) #pg-library .bva-med{display:block;width:100%;height:100%;object-fit:cover;background:var(--f-sup-2);transition:transform .45s var(--curva-suave),opacity .3s}
body.studio-workbench.bv-llenar:not(#f) #pg-library .bva-med{object-fit:contain}
body.studio-workbench:not(#f) #pg-library .bva-tile:hover .bva-med{transform:scale(1.025)}
/* Vídeo: un reproducir tenue detrás mientras llega el primer fotograma. */
body.studio-workbench:not(#f) #pg-library .bva-tile[data-tipo-obra="vid"] .bva-abrir{position:relative;background:var(--f-sup-2)}
body.studio-workbench:not(#f) #pg-library .bva-tile[data-tipo-obra="vid"] .bva-abrir::before{
  content:"";position:absolute;left:50%;top:50%;width:0;height:0;transform:translate(-35%,-50%);
  border-style:solid;border-width:11px 0 11px 18px;border-color:transparent transparent transparent var(--f-linea-fuerte);
}
body.studio-workbench:not(#f) #pg-library video.bva-med{position:relative;background:transparent}
/* Al pasar: modelo y duración abajo, favorito arriba, acciones abajo a la derecha. */
body.studio-workbench:not(#f) #pg-library .bva-info{
  position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;gap:6px;
  padding:34px 12px 11px;pointer-events:none;
  background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--negro-abismo) 82%,transparent));
  font:var(--f-peso-ui) 12px/1.2 var(--fuente);color:var(--f-texto);
  opacity:0;transition:opacity var(--f-rapido);
}
body.studio-workbench:not(#f) #pg-library .bva-modelo{min-width:0;max-width:58%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
body.studio-workbench:not(#f) #pg-library .bva-dur:not(:empty),
body.studio-workbench:not(#f) #pg-library .bva-extra{color:var(--f-texto-2);font-variant-numeric:tabular-nums;white-space:nowrap}
body.studio-workbench:not(#f) #pg-library .bva-fav{
  position:absolute;top:8px;right:8px;z-index:4;display:grid;place-items:center;width:30px;height:30px;min-width:0;min-height:0;padding:0;
  border:0;border-radius:8px;background:color-mix(in srgb,var(--negro-abismo) 56%,transparent);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--f-texto);font-size:0;cursor:pointer;
  opacity:0;transition:opacity var(--f-rapido),color var(--f-rapido);text-shadow:none;
}
body.studio-workbench:not(#f) #pg-library .bva-fav.on{opacity:1;color:var(--f-lima)}
body.studio-workbench:not(#f) #pg-library .bva-fav.on .ic{fill:currentColor}
body.studio-workbench:not(#f) #pg-library .bva-acciones{
  position:absolute;right:8px;bottom:8px;z-index:4;display:flex;gap:4px;
  opacity:0;transform:translateY(4px);transition:opacity var(--f-rapido),transform var(--f-rapido);
}
body.studio-workbench:not(#f) #pg-library .bva-b{
  display:grid;place-items:center;width:30px;height:30px;min-width:0;min-height:0;padding:0;border:0;border-radius:8px;
  background:color-mix(in srgb,var(--negro-abismo) 62%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  color:var(--f-texto);cursor:pointer;transition:background var(--f-rapido);
}
body.studio-workbench:not(#f) #pg-library .bva-b:hover{background:var(--f-sup-3)}
body.studio-workbench:not(#f) #pg-library .bva-b:focus-visible,
body.studio-workbench:not(#f) #pg-library .bva-fav:focus-visible{outline:2px solid var(--f-lima);outline-offset:1px;opacity:1}
body.studio-workbench:not(#f) #pg-library .bva-tile:is(:hover,:focus-within,.bva-menu-on) :is(.bva-info,.bva-fav,.bva-acciones){opacity:1;transform:none}
/* La casilla de selección: solo al pasar, al enfocarla o en modo selección. */
body.studio-workbench:not(#f) #pg-library .bva .fsel{top:8px;left:8px;width:24px;height:24px;border-radius:7px;opacity:0}
body.studio-workbench:not(#f) #pg-library .bva .bv-tar:hover .fsel,
body.studio-workbench:not(#f) #pg-library .bva .fsel:focus-visible,
body.studio-workbench:not(#f) #pg-library .bva .fsel[data-on="1"],
body.studio-workbench.fselmodo:not(#f) #pg-library .bva .fsel{opacity:1}
body.studio-workbench:not(#f) #pg-library .bva .bv-tar.fsel-on .bva-marco{box-shadow:0 0 0 2px var(--f-lima)}
body.studio-workbench:not(#f) #pg-library .bva .bv-tar.fsel-on .bva-med{opacity:.82}
/* El pie de cada miniatura solo existe en la lista. */
body.studio-workbench:not(#f) #pg-library .bva-pie{display:none}

/* Audio: una onda tranquila con reproducir en el centro. */
body.studio-workbench:not(#f) #pg-library .bva-audio{
  position:relative;display:grid;place-items:center;
  background:radial-gradient(120% 90% at 50% 100%,var(--f-lima-suave),transparent 70%),var(--f-sup-2);
}
body.studio-workbench:not(#f) #pg-library .bva-onda{display:flex;align-items:center;gap:3px;height:40%;width:70%}
body.studio-workbench:not(#f) #pg-library .bva-onda i{flex:1;border-radius:2px;background:var(--f-texto-3);opacity:.55;height:30%}
body.studio-workbench:not(#f) #pg-library .bva-onda i:nth-child(3n+1){height:62%}
body.studio-workbench:not(#f) #pg-library .bva-onda i:nth-child(4n+2){height:88%}
body.studio-workbench:not(#f) #pg-library .bva-onda i:nth-child(5n+3){height:46%}
body.studio-workbench:not(#f) #pg-library .bva-onda i:nth-child(7n){height:100%}
body.studio-workbench:not(#f) #pg-library .bva-reproducir{
  position:absolute;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;
  background:var(--f-texto);color:var(--negro-abismo);box-shadow:0 8px 24px color-mix(in srgb,var(--negro-abismo) 45%,transparent);
  transition:transform var(--f-rapido);
}
body.studio-workbench:not(#f) #pg-library .bva-reproducir .ic{fill:currentColor;stroke:none;width:18px;height:18px}
body.studio-workbench:not(#f) #pg-library .bva-sonando .bva-reproducir .ic{fill:none;stroke:currentColor;stroke-width:2.4}
body.studio-workbench:not(#f) #pg-library .bva-audio:hover .bva-reproducir{transform:scale(1.06)}
body.studio-workbench:not(#f) #pg-library .bva-sonando .bva-onda i{background:var(--f-lima);opacity:.9;animation:bva-onda 1.1s ease-in-out infinite alternate}
body.studio-workbench:not(#f) #pg-library .bva-sonando .bva-onda i:nth-child(2n){animation-delay:-.4s}
body.studio-workbench:not(#f) #pg-library .bva-sonando .bva-onda i:nth-child(3n){animation-delay:-.7s}
@keyframes bva-onda{to{transform:scaleY(.45)}}
body.studio-workbench:not(#f) #pg-library .bva-tile audio{display:none}

/* Menú ⋯ de cada miniatura. */
body.studio-workbench:not(#f) #pg-library .bva-menu{
  position:absolute;right:8px;top:calc(100% - 4px);z-index:40;display:grid;gap:1px;min-width:200px;padding:6px;
  border:1px solid var(--f-linea-fuerte);border-radius:12px;background:var(--f-sup-2);box-shadow:var(--f-sombra-menu);
}
body.studio-workbench:not(#f) #pg-library .bva-menu[hidden]{display:none}
body.studio-workbench:not(#f) #pg-library .bva-menu.bva-menu-arriba{top:auto;bottom:46px}
body.studio-workbench:not(#f) #pg-library .bva-menu.bva-menu-izq{right:auto;left:8px}
body.studio-workbench:not(#f) #pg-library .bva-menu>:is(button,a){
  display:flex;align-items:center;gap:10px;min-height:36px;padding:7px 10px;border:0;border-radius:8px;
  background:transparent;color:var(--f-texto);font:var(--f-peso-ui) 13px/1.2 var(--fuente);text-align:left;text-decoration:none;cursor:pointer;
}
body.studio-workbench:not(#f) #pg-library .bva-menu>:is(button,a) .ic{color:var(--f-texto-3)}
body.studio-workbench:not(#f) #pg-library .bva-menu>:is(button,a):is(:hover,:focus-visible){background:var(--f-sup-3);outline:0}
body.studio-workbench:not(#f) #pg-library .bva-menu .bva-peligro{color:var(--peligro)}
body.studio-workbench:not(#f) #pg-library .bva-menu .bva-peligro .ic{color:currentColor}

/* ---------- Vista de lista ---------- */
body.studio-workbench:not(#f) #pg-library .bva[data-vista="lista"] .bv-rejilla{grid-template-columns:minmax(0,1fr)!important;gap:2px}
body.studio-workbench:not(#f) #pg-library .bva[data-vista="lista"] .bva-tile{
  display:grid;grid-template-columns:52px minmax(0,1fr) auto auto;align-items:center;gap:14px;
  padding:6px 10px 6px 6px;border-radius:12px;transition:background var(--f-rapido);
}
body.studio-workbench:not(#f) #pg-library .bva[data-vista="lista"] .bva-tile:hover,
body.studio-workbench:not(#f) #pg-library .bva[data-vista="lista"] .bva-tile.fsel-on{background:var(--f-sup-1)}
body.studio-workbench:not(#f) #pg-library .bva[data-vista="lista"] .bva-marco{width:52px;height:52px;border-radius:8px}
body.studio-workbench:not(#f) #pg-library .bva[data-vista="lista"] .bva-info{display:none}
body.studio-workbench:not(#f) #pg-library .bva[data-vista="lista"] :is(.bva-fav,.bva-acciones){position:static;opacity:1;transform:none;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}
body.studio-workbench:not(#f) #pg-library .bva[data-vista="lista"] .bva-fav:not(.on){color:var(--f-texto-3)}
body.studio-workbench:not(#f) #pg-library .bva[data-vista="lista"] .bva-b{background:transparent;color:var(--f-texto-2)}
body.studio-workbench:not(#f) #pg-library .bva[data-vista="lista"] .bva-b:hover{background:var(--f-sup-3);color:var(--f-texto)}
body.studio-workbench:not(#f) #pg-library .bva[data-vista="lista"] .bva-pie{
  grid-column:2;grid-row:1;display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1.2fr) minmax(0,1fr) 84px 72px;align-items:center;gap:14px;
  min-width:0;margin:0;padding:0;font:400 13px/1.3 var(--fuente);color:var(--f-texto-3);
}
body.studio-workbench:not(#f) #pg-library .bva[data-vista="lista"] .bva-nombre{display:flex;align-items:center;gap:8px;min-width:0;color:var(--f-texto);font-weight:var(--f-peso-ui)}
body.studio-workbench:not(#f) #pg-library .bva[data-vista="lista"] .bva-nombre .ic{color:var(--f-texto-3)}
body.studio-workbench:not(#f) #pg-library .bva[data-vista="lista"] .bva-pie>*{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
body.studio-workbench:not(#f) #pg-library .bva[data-vista="lista"] .bva-fav{grid-column:3;grid-row:1}
body.studio-workbench:not(#f) #pg-library .bva[data-vista="lista"] .bva-acciones{grid-column:4;grid-row:1}
body.studio-workbench:not(#f) #pg-library .bva[data-vista="lista"] .bva-menu{top:calc(100% - 2px)}
body.studio-workbench:not(#f) #pg-library .bva[data-vista="lista"] .fsel{top:50%;left:18px;transform:translateY(-50%)}
body.studio-workbench:not(#f) #pg-library .bva[data-vista="lista"] .bva-onda,
body.studio-workbench:not(#f) #pg-library .bva[data-vista="lista"] .bva-reproducir{transform:scale(.62)}
body.studio-workbench:not(#f) #pg-library .bva[data-vista="lista"] .bva-tile:hover .bva-med{transform:none}

/* ---------- Vacíos, carga y «Ver más» ---------- */
body.studio-workbench:not(#f) #pg-library .bva .bv-vacio{max-width:440px;margin:0 auto;padding:12vh 16px 40px;text-align:center}
body.studio-workbench:not(#f) #pg-library .bva .bv-icono{
  display:grid;place-items:center;width:52px;height:52px;margin:0 auto 16px;border-radius:15px;
  background:var(--f-sup-2);color:var(--f-texto-2);font-size:0;filter:none;
}
body.studio-workbench:not(#f) #pg-library .bva .bv-icono .ic{width:22px;height:22px}
body.studio-workbench:not(#f) #pg-library .bva .bv-vacio h3{margin:0 0 8px;font:var(--f-peso-titulo) 18px/1.3 var(--fuente);letter-spacing:-.015em;color:var(--f-texto)}
body.studio-workbench:not(#f) #pg-library .bva .bv-vacio p{margin:0 0 4px;font-size:13.5px;line-height:1.55;color:var(--f-texto-3)}
body.studio-workbench:not(#f) #pg-library .bva :is(.bv-cta,.bv-cta2){
  display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;margin-top:16px;padding:9px 18px;
  border-radius:var(--f-r-control);font:var(--f-peso-titulo) 13.5px/1 var(--fuente);box-shadow:none;cursor:pointer;
}
body.studio-workbench:not(#f) #pg-library .bva .bv-cta{background:var(--f-lima);border:1px solid transparent;color:var(--f-lima-tinta)}
body.studio-workbench:not(#f) #pg-library .bva .bv-cta:hover{background:var(--f-lima-hover)}
body.studio-workbench:not(#f) #pg-library .bva .bv-cta2{background:transparent;border:1px solid var(--f-linea-fuerte);color:var(--f-texto)}
body.studio-workbench:not(#f) #pg-library .bva .bv-cta2:hover{background:var(--f-sup-2)}
body.studio-workbench:not(#f) #pg-library .bva :is(.bv-cta,.bv-cta2):focus-visible{outline:2px solid var(--f-lima);outline-offset:2px}
body.studio-workbench:not(#f) #pg-library .bva .bv-vacio-acciones .bv-cta,
body.studio-workbench:not(#f) #pg-library .bva .bv-vacio-acciones .bv-cta2{margin-top:0}
body.studio-workbench:not(#f) #pg-library .bva .bv-mas{margin:28px 0 12px}
body.studio-workbench:not(#f) #pg-library .bva .bv-mas .bv-cta2,
body.studio-workbench:not(#f) #pg-library .bva .bv-mas .bv-cta{margin-top:0}
body.studio-workbench:not(#f) #pg-library .bva-centinela{height:1px}
body.studio-workbench:not(#f) #pg-library .bva .bv-cargando{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--bv-min,208px),1fr));gap:10px;padding:34px 0 0;
}
body.studio-workbench:not(#f) #pg-library .bva .bv-esq{
  aspect-ratio:1/1;border-radius:12px;
  background:linear-gradient(100deg,var(--f-sup-1) 30%,var(--f-sup-2) 50%,var(--f-sup-1) 70%);background-size:220% 100%;
}

/* ---------- Ficha de una obra (visor) ---------- */
body.studio-workbench:not(#f) #bvVisor.bv-visor{
  z-index:300;padding:0;
  background:color-mix(in srgb,var(--negro-abismo) 95%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
}
body.studio-workbench.bva-visor-abierto:not(#f){overflow:hidden}
body.studio-workbench:not(#f) #bvVisor .bva-ficha{
  display:grid;grid-template-columns:minmax(0,1fr) 380px;width:100%;height:100%;max-height:none;
  border:0;border-radius:0;background:transparent;box-shadow:none;overflow:hidden;font-family:var(--fuente);
}
/* Poco relleno: los controles del visor (zoom, pantalla completa) miden el
   hueco para encajar la imagen y dejan su barra abajo; el zoom se desplaza. */
body.studio-workbench:not(#f) #bvVisor .bv-vmedia{position:relative;display:grid;place-items:center;min-height:0;padding:18px 18px 78px;background:transparent;overflow:auto}
body.studio-workbench:not(#f) #bvVisor .bv-vmedia>img,
body.studio-workbench:not(#f) #bvVisor .bv-vmedia>video{max-width:100%;max-height:calc(100dvh - 64px);border-radius:12px;object-fit:contain;box-shadow:0 30px 80px color-mix(in srgb,var(--negro-abismo) 60%,transparent)}
body.studio-workbench:not(#f) #bvVisor .bv-audgrande{width:min(520px,100%);min-height:240px;border-radius:var(--f-r-media);background:var(--f-sup-2)}
body.studio-workbench:not(#f) #bvVisor .bva-nav{
  position:absolute;top:50%;z-index:5;display:grid;place-items:center;width:44px;height:44px;padding:0;
  border:1px solid var(--f-linea-fuerte);border-radius:50%;background:var(--f-sup-2);color:var(--f-texto);cursor:pointer;
  transform:translateY(-50%);transition:background var(--f-rapido);
}
body.studio-workbench:not(#f) #bvVisor .bva-nav:hover{background:var(--f-sup-3)}
body.studio-workbench:not(#f) #bvVisor .bva-nav-ant{left:28px}
body.studio-workbench:not(#f) #bvVisor .bva-nav-sig{right:28px}
body.studio-workbench:not(#f) #bvVisor .bva-nav{position:fixed;top:calc(50% - 30px);background:color-mix(in srgb,var(--negro-abismo) 55%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
body.studio-workbench:not(#f) #bvVisor .bva-nav-sig{right:calc(380px + 28px)}
body.studio-workbench:not(#f) #bvVisor .bv-vinfo{
  display:flex;flex-direction:column;gap:18px;min-height:0;padding:20px 22px 22px;overflow-y:auto;
  background:var(--f-sup-1);border:0;border-left:1px solid var(--f-linea);
}
body.studio-workbench:not(#f) #bvVisor .bv-vtop{display:flex;align-items:flex-start;gap:12px;padding:0}
body.studio-workbench:not(#f) #bvVisor .bva-ficha-titulo{flex:1;min-width:0}
body.studio-workbench:not(#f) #bvVisor .bva-ficha-titulo b{display:block;overflow-wrap:anywhere;font:var(--f-peso-titulo) 16px/1.3 var(--fuente);letter-spacing:-.01em;color:var(--f-texto)}
body.studio-workbench:not(#f) #bvVisor .bva-ficha-titulo small{display:block;margin-top:3px;font-size:12px;color:var(--f-texto-3)}
body.studio-workbench:not(#f) #bvVisor .bv-vtop .bv-b{
  position:static;display:grid;place-items:center;flex:none;width:36px;height:36px;min-width:36px;min-height:36px;margin:0;padding:0;
  border:1px solid var(--f-linea-fuerte);border-radius:10px;background:transparent;color:var(--f-texto);cursor:pointer;
}
body.studio-workbench:not(#f) #bvVisor .bv-vtop .bv-b:hover{background:var(--f-sup-3);color:var(--f-texto)}
body.studio-workbench:not(#f) #bvVisor .bva-seccion-cab{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 8px;font-size:11px;font-weight:var(--f-peso-ui);letter-spacing:.07em;text-transform:uppercase;color:var(--f-texto-3)}
body.studio-workbench:not(#f) #bvVisor .bva-mini{
  display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:4px 10px;border:1px solid var(--f-linea-fuerte);border-radius:8px;
  background:transparent;color:var(--f-texto-2);font:var(--f-peso-ui) 12px/1 var(--fuente);letter-spacing:0;text-transform:none;cursor:pointer;
}
body.studio-workbench:not(#f) #bvVisor .bva-mini:hover{color:var(--f-texto);background:var(--f-sup-3)}
body.studio-workbench:not(#f) #bvVisor .bv-vprompt{
  max-height:240px;overflow:auto;padding:12px 14px;border:0;border-radius:12px;background:var(--f-sup-2);
  color:var(--f-texto);font:400 13.5px/1.6 var(--fuente);white-space:pre-wrap;overflow-wrap:anywhere;
}
body.studio-workbench:not(#f) #bvVisor .bv-vdl{margin:0;display:flex;flex-direction:column}
body.studio-workbench:not(#f) #bvVisor .bv-vdl>div{display:flex;justify-content:space-between;gap:16px;padding:9px 0;border-top:1px solid var(--f-linea);font-size:13px}
body.studio-workbench:not(#f) #bvVisor .bv-vdl>div[hidden]{display:none}
body.studio-workbench:not(#f) #bvVisor .bv-vdl dt{margin:0;font-size:13px;letter-spacing:0;text-transform:none;color:var(--f-texto-3)}
body.studio-workbench:not(#f) #bvVisor .bv-vdl dd{margin:0;min-width:0;text-align:right;overflow-wrap:anywhere;color:var(--f-texto)}
body.studio-workbench:not(#f) #bvVisor .bv-vacts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:auto}
body.studio-workbench:not(#f) #bvVisor .bv-vacts :is(.bv-cta,.bv-cta2){
  display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;margin:0;padding:9px 12px;
  border-radius:var(--f-r-control);font:var(--f-peso-titulo) 13px/1.1 var(--fuente);white-space:nowrap;box-shadow:none;cursor:pointer;
}
body.studio-workbench:not(#f) #bvVisor .bv-vacts .bv-cta{background:var(--f-lima);border:1px solid transparent;color:var(--f-lima-tinta)}
body.studio-workbench:not(#f) #bvVisor .bv-vacts .bv-cta2{background:var(--f-sup-2);border:1px solid var(--f-linea);color:var(--f-texto)}
body.studio-workbench:not(#f) #bvVisor .bv-vacts .bv-cta2:hover{background:var(--f-sup-3)}
body.studio-workbench:not(#f) #bvVisor .bva-rehacer{order:-1;grid-column:1/-1}
body.studio-workbench:not(#f) #bvVisor .bv-vacts>:only-child,
body.studio-workbench:not(#f) #bvVisor .bv-vacts>:last-child:nth-child(odd):not(.bva-rehacer){grid-column:1/-1}
body.studio-workbench:not(#f) #bvVisor .bva-vmini{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:6px}
body.studio-workbench:not(#f) #bvVisor .bva-icono-accion{
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:56px;padding:8px 4px;
  border:1px solid var(--f-linea);border-radius:10px;background:transparent;color:var(--f-texto-2);
  font:var(--f-peso-ui) 11.5px/1.1 var(--fuente);text-decoration:none;cursor:pointer;transition:background var(--f-rapido),color var(--f-rapido);
}
body.studio-workbench:not(#f) #bvVisor .bva-icono-accion:hover{background:var(--f-sup-2);color:var(--f-texto)}
body.studio-workbench:not(#f) #bvVisor .bva-icono-accion.bva-peligro:hover{color:var(--peligro)}
body.studio-workbench:not(#f) #bvVisor :is(.bva-nav,.bv-b,.bva-mini,.bv-cta,.bv-cta2,.bva-icono-accion):focus-visible{outline:2px solid var(--f-lima);outline-offset:2px}

/* ---------- Tabletas y móvil (hasta 900 px) ---------- */
@media (max-width:900px){
  body.studio-workbench:not(#f) #pg-library .bva{--bva-pad:16px;--bva-top:0px;grid-template-columns:minmax(0,1fr);min-height:0}
  /* Las carpetas pasan a una fila de pastillas que se desliza. */
  body.studio-workbench:not(#f) #pg-library .bva-lateral{
    position:static;height:auto;flex-direction:row;align-items:center;gap:6px;overflow-x:auto;overflow-y:hidden;
    padding:14px 16px 2px;border:0;scrollbar-width:none;
  }
  body.studio-workbench:not(#f) #pg-library .bva-lateral::-webkit-scrollbar{display:none}
  body.studio-workbench:not(#f) #pg-library .bva-carpetas{flex-direction:row;flex:none;gap:6px}
  body.studio-workbench:not(#f) #pg-library .bva-grupo{margin:0;padding:0}
  body.studio-workbench:not(#f) #pg-library .bva-grupo>span,
  body.studio-workbench:not(#f) #pg-library .bva-carpetas:first-child>.bva-grupo,
  body.studio-workbench:not(#f) #pg-library .bva-nota{display:none}
  body.studio-workbench:not(#f) #pg-library .bva-proyectos{padding-left:6px;border-left:1px solid var(--f-linea-fuerte)}
  body.studio-workbench:not(#f) #pg-library .bva-grupo-accion{width:44px;height:44px;border:1px solid var(--f-linea-fuerte);border-radius:var(--f-r-pill)}
  body.studio-workbench:not(#f) #pg-library .bva-carpeta{
    flex:none;width:auto;min-height:44px;padding:8px 14px;border:1px solid var(--f-linea-fuerte);border-radius:var(--f-r-pill);font-size:13.5px;
  }
  body.studio-workbench:not(#f) #pg-library .bva-carpeta b{max-width:150px}
  body.studio-workbench:not(#f) #pg-library .bva-carpeta:not(.bva-proyecto)>svg{display:none}
  /* «Proyectos»: la primera pastilla, con su carpeta y una raya que la separa
     de las de la biblioteca. Con un proyecto seleccionado lleva su nombre. */
  body.studio-workbench:not(#f) #pg-library .bva-carpeta.bva-ir-proyectos{display:flex;gap:8px;color:var(--f-texto)}
  body.studio-workbench:not(#f) #pg-library .bva-carpeta.bva-ir-proyectos>svg{display:block;color:var(--f-texto-2)}
  body.studio-workbench:not(#f) #pg-library .bva-carpeta.bva-ir-proyectos.bva-con-proyecto{border-color:var(--f-lima-linea)}
  body.studio-workbench:not(#f) #pg-library .bva-carpeta.bva-ir-proyectos.bva-con-proyecto>svg{color:var(--f-lima)}
  body.studio-workbench:not(#f) #pg-library .bva-ir-proyectos+.bva-carpetas{padding-left:6px;border-left:1px solid var(--f-linea-fuerte)}
  body.studio-workbench:not(#f) #pg-library .bva-ir-proyectos+.bva-carpetas>.bva-grupo{display:none}
  body.studio-workbench:not(#f) #pg-library .bva-carpeta[aria-current="true"]{background:var(--f-texto);border-color:transparent;color:var(--negro-abismo)}
  body.studio-workbench:not(#f) #pg-library .bva-carpeta[aria-current="true"]>span,
  body.studio-workbench:not(#f) #pg-library .bva-carpeta[aria-current="true"] svg{color:inherit;opacity:.7}
  body.studio-workbench:not(#f) #pg-library .bva-main{padding:14px 16px 150px}
  body.studio-workbench:not(#f) #pg-library .bva-cabecera{align-items:flex-start;gap:12px;margin-bottom:12px}
  body.studio-workbench:not(#f) #pg-library .bva-cabecera h1{font-size:22px}
  body.studio-workbench:not(#f) #pg-library .bva-cabecera p{font-size:12.5px}
  body.studio-workbench:not(#f) #pg-library .bva-cabecera-acciones .bva-boton{width:44px;min-height:44px;padding:0}
  body.studio-workbench:not(#f) #pg-library .bva-cabecera-acciones .bva-boton span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  body.studio-workbench:not(#f) #pg-library .bva-barra{position:relative;top:auto;flex-wrap:wrap;margin:0 -16px;padding:8px 16px 10px;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}
  body.studio-workbench:not(#f) #pg-library .bva-busca{flex:1 1 100%;max-width:none}
  body.studio-workbench:not(#f) #pg-library .bva-busca input{min-height:44px;font-size:16px}
  body.studio-workbench:not(#f) #pg-library :is(.bva-boton,.bva-select){min-height:44px}
  body.studio-workbench:not(#f) #pg-library .bva-icono{width:44px}
  body.studio-workbench:not(#f) #pg-library .bva-select{font-size:16px;max-width:150px}
  body.studio-workbench:not(#f) #pg-library .bva-vistas button{width:36px;height:36px}
  body.studio-workbench:not(#f) #pg-library .bva-barra .bv-cuenta{display:none}
  body.studio-workbench:not(#f) #pg-library .bva-barra .bv-vista{padding:0}
  /* Filtros: cajón desde abajo. */
  body.studio-workbench.bva-filtros-abierto:not(#f) .cy-barra{visibility:hidden}
  body.studio-workbench:not(#f) #pg-library [data-bva-filtros]>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  body.studio-workbench:not(#f) #pg-library [data-bva-filtros]{width:44px;padding:0}
  body.studio-workbench:not(#f) #pg-library [data-bva-filtros] .bva-insignia{position:absolute;top:-6px;right:-6px}
  body.studio-workbench:not(#f) #pg-library .bva-orden{flex:1 1 90px;min-width:0}
  body.studio-workbench:not(#f) #pg-library .bva-orden .bva-select{width:100%;max-width:none}
  body.studio-workbench:not(#f) #pg-library .bva-velo{display:block;position:fixed;inset:0;z-index:330;background:color-mix(in srgb,var(--negro-abismo) 62%,transparent)}
  body.studio-workbench:not(#f) #pg-library .bva-filtros{
    position:fixed;left:0;right:0;bottom:0;z-index:340;flex-direction:column;flex-wrap:nowrap;align-items:stretch;gap:16px;
    max-height:82dvh;overflow-y:auto;padding:14px 16px calc(18px + env(safe-area-inset-bottom,0px));
    border-radius:20px 20px 0 0;background:var(--f-sup-2);box-shadow:var(--f-sombra-menu);
  }
  body.studio-workbench:not(#f) #pg-library .bva-filtros-cab{display:flex;align-items:center;justify-content:space-between;font-size:16px}
  body.studio-workbench:not(#f) #pg-library .bva-filtros-cab b{font-weight:var(--f-peso-titulo)}
  body.studio-workbench:not(#f) #pg-library .bva-filtros .bva-select{max-width:none;width:100%}
  body.studio-workbench:not(#f) #pg-library .bva-segs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
  body.studio-workbench:not(#f) #pg-library .bva-seg{justify-content:center;min-height:40px;padding:6px}
  body.studio-workbench:not(#f) #pg-library .bva-limpiar{border-color:var(--f-linea-fuerte)}
  body.studio-workbench:not(#f) #pg-library .bva .bv-rejilla{gap:8px}
  body.studio-workbench:not(#f) #pg-library .bva .bv-dia .fsel-dia{display:none}
  body.studio-workbench.fselmodo:not(#f) #pg-library .bva .bv-dia .fsel-dia{display:inline-grid}
  body.studio-workbench:not(#f) #pg-library .bva[data-vista="lista"] .bva-pie{grid-template-columns:minmax(0,1fr);gap:2px}
  body.studio-workbench:not(#f) #pg-library .bva[data-vista="lista"] .bva-pie>.bva-col{display:none}
  body.studio-workbench:not(#f) #pg-library .bva[data-vista="lista"] .bva-pie>.bva-col:nth-child(2){display:block;font-size:12px}
  body.studio-workbench:not(#f) #pg-library .bva[data-vista="lista"] .bva-tile{grid-template-columns:52px minmax(0,1fr) auto;gap:12px}
  body.studio-workbench:not(#f) #pg-library .bva[data-vista="lista"] .bva-fav{display:none}
  body.studio-workbench:not(#f) #pg-library .bva[data-vista="lista"] .bva-acciones{grid-column:3}
  body.studio-workbench:not(#f) #pg-library .bva .bv-vacio{padding-top:8vh}

  /* La ficha: hoja a pantalla completa, medio arriba y datos debajo. */
  body.studio-workbench:not(#f) #bvVisor .bva-ficha{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,52%) minmax(0,1fr)}
  body.studio-workbench:not(#f) #bvVisor .bv-vmedia{padding:calc(56px + env(safe-area-inset-top,0px)) 12px 12px}
  body.studio-workbench:not(#f) #bvVisor .bv-vmedia>img,
  body.studio-workbench:not(#f) #bvVisor .bv-vmedia>video{max-height:100%;border-radius:10px}
  body.studio-workbench:not(#f) #bvVisor .bva-nav{position:absolute;width:44px;height:44px;top:calc(50% + 6px);transform:translateY(-50%)}
  body.studio-workbench:not(#f) #bvVisor .bva-nav-ant{left:12px}
  body.studio-workbench:not(#f) #bvVisor .bva-nav-sig{right:12px}
  body.studio-workbench:not(#f) #bvVisor .bv-vinfo{max-height:none;border-left:0;border-top:1px solid var(--f-linea);border-radius:18px 18px 0 0;padding:18px 16px calc(20px + env(safe-area-inset-bottom,0px))}
  body.studio-workbench:not(#f) #bvVisor .bv-vtop{padding-right:0}
  body.studio-workbench:not(#f) #bvVisor .bv-vtop .bv-b[data-cerrar]{position:fixed;top:calc(10px + env(safe-area-inset-top,0px));right:12px;z-index:12;width:44px;height:44px;min-width:44px;min-height:44px;background:color-mix(in srgb,var(--negro-abismo) 60%,transparent)}
  body.studio-workbench:not(#f) #bvVisor .bv-vacts{margin-top:0}
}
@media (max-width:640px){
  /* Rejilla/lista en un solo botón: se ve el que cambia de vista. Así caben
     en una fila Filtros, Orden, vista, Seleccionar y Ajustar o rellenar. */
  body.studio-workbench:not(#f) #pg-library .bva-vistas{padding:0;border:0;background:none}
  body.studio-workbench:not(#f) #pg-library .bva-vistas button{width:44px;height:44px;border:1px solid var(--f-linea-fuerte);border-radius:var(--f-r-control);background:var(--f-sup-1);color:var(--f-texto)}
  body.studio-workbench:not(#f) #pg-library .bva-vistas button[aria-pressed="true"]{display:none}
  body.studio-workbench:not(#f) #pg-library .bva:not([data-vista="lista"]) .bv-rejilla{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.studio-workbench:not(#f) #pg-library .bva .bv-cargando{grid-template-columns:repeat(2,minmax(0,1fr))}
}
/* Pantallas táctiles: sin «pasar el ratón», el ⋯ y el favorito marcado se ven siempre. */
@media (hover:none),(pointer:coarse){
  body.studio-workbench:not(#f) #pg-library .bva:not([data-vista="lista"]) .bva-acciones{opacity:1;transform:none}
  body.studio-workbench:not(#f) #pg-library .bva:not([data-vista="lista"]) .bva-acciones>:not([data-bva-mas]){display:none}
  body.studio-workbench:not(#f) #pg-library .bva-b,
  body.studio-workbench:not(#f) #pg-library .bva-fav{width:36px;height:36px}
  body.studio-workbench:not(#f) #pg-library .bva-b{position:relative}
  body.studio-workbench:not(#f) #pg-library .bva-b::after,
  body.studio-workbench:not(#f) #pg-library .bva-fav::after{content:"";position:absolute;inset:-4px}
  body.studio-workbench:not(#f) #pg-library .bva-menu>:is(button,a){min-height:44px}
  body.studio-workbench:not(#f) #pg-library .bva .bv-tar .fsel{opacity:0}
  body.studio-workbench.fselmodo:not(#f) #pg-library .bva .bv-tar .fsel{opacity:1}
}
@media (prefers-reduced-motion:reduce){
  body.studio-workbench:not(#f) #pg-library .bva *,
  body.studio-workbench:not(#f) #bvVisor *{transition:none!important;animation:none!important}
  body.studio-workbench:not(#f) #pg-library .bva-tile:hover .bva-med{transform:none}
}