.bio-preview-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}@media (min-width:1360px){.bio-preview-card-grid[data-columns="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}}.bio-gallery-card{border:1px solid var(--border);border-radius:16px;background:var(--surface);overflow:hidden;cursor:pointer;position:relative;color:inherit;text-decoration:none;transition:border-color .15s,box-shadow .2s,transform .2s}.bio-gallery-card:hover{border-color:#a9beff;box-shadow:0 8px 24px -8px rgba(15,23,42,.12);transform:translateY(-3px)}.bio-gallery-card-preview{width:100%;aspect-ratio:10/14;background:var(--surface-alt);overflow:hidden;position:relative}.bio-gallery-iframe{width:100%;height:100%;border:0;pointer-events:none;position:absolute;inset:0;display:block;background:0 0}.bio-card-status{position:absolute;top:8px;right:8px;z-index:2;padding:3px 8px;border-radius:999px;font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.bio-card-status.published{background:var(--color-success-bg);color:var(--color-success)}.bio-card-status.draft{background:var(--surface-alt);color:var(--color-primary)}.bio-card-status.disabled{background:var(--color-danger-bg);color:var(--color-danger)}.bio-card-views{position:absolute;top:8px;left:8px;z-index:2;padding:2px 7px;border-radius:999px;font-size:9px;font-weight:700;background:rgba(15,23,42,.6);color:#fff;backdrop-filter:blur(4px)}.bio-card-overlay{position:absolute;inset:0;z-index:3;display:flex;align-items:center;justify-content:center;background:rgba(15,23,42,.45);opacity:0;transition:opacity .2s;border-radius:13px}.bio-gallery-card:hover .bio-card-overlay{opacity:1}.bio-card-overlay-btn{width:auto;max-width:none;margin:0 0 50px;padding:10px 22px;border-radius:var(--radius-sm);border:none;font-weight:700;font-size:var(--font-size-ui);cursor:pointer;background:var(--surface);color:var(--color-heading);box-shadow:0 2px 8px rgba(0,0,0,.15);transition:transform .15s}.bio-card-overlay-btn:hover{transform:scale(1.04)}.bio-gallery-card-meta{padding:12px 14px;border-top:1px solid var(--border)}.bio-gallery-card-meta strong{display:block;font-size:.98rem;color:var(--color-heading);line-height:1.3}.bio-gallery-card-meta span{display:block;font-size:.84rem;color:var(--color-muted);margin-top:4px;line-height:1.3}.bio-gallery-card-meta .bio-card-tags{color:#0f766e;font-weight:600}.bio-template-showcase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}@media (max-width:960px){.bio-template-showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}}@media (max-width:720px){.bio-preview-card-grid,.bio-template-showcase-grid{grid-template-columns:1fr;gap:12px}.bio-gallery-card-meta{padding:10px 12px}}