/* ===== MODELS PAGE STYLES ===== */
/* ── MODELS PAGE HEADER ── */
    .models-header{border-bottom:1px solid var(--border)}
    .mh-toolbar{display:flex;align-items:center;gap:10px;padding:16px 16px 8px;flex-wrap:wrap}
    @media(max-width:850px){
      .mh-toolbar{flex-direction:column;align-items:flex-start;gap:8px}
      .alpha-bar{width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}
    }
    .mh-titles{flex:1;min-width:0}
    .mh-label{font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--text-dim);margin-bottom:6px}
    .mh-label-row{font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--text-dim);padding:10px 16px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    @media(max-width:700px){.mh-label-row{display:none}}
    .mh-heading{display:flex;align-items:baseline;gap:8px}
    .mh-h1{font-size:20px;font-weight:700;color:var(--text);letter-spacing:-.02em;line-height:1}
    .mh-count{font-size:13px;font-weight:600;color:var(--red)}
    html:not(.dark-mode) .mh-h1{color:#111}
    html.dark-mode .mh-h1{color:#eee !important}
    /* model-card-info — always visible */
    .model-card-info{position:absolute;bottom:0;left:0;right:0;padding:28px 10px 8px;background:linear-gradient(transparent,rgba(0,0,0,.75) 40%,rgba(0,0,0,.92));pointer-events:none;z-index:2}
    .model-card-name{font-size:13px;font-weight:700;color:#fff;line-height:1.25;text-shadow:0 1px 4px rgba(0,0,0,.8);display:block}
    /* gc-save always visible */
    .gallery-card .gc-save{opacity:1 !important}

    /* ── ALPHABET BAR ── */
    .alpha-bar{display:flex;flex-wrap:nowrap;gap:1px;overflow-x:auto;scrollbar-width:none;padding:3px 14px 4px;border-bottom:1px solid var(--border);background:transparent}
    .alpha-bar::-webkit-scrollbar{display:none}
    .alpha-sep{width:1px;height:12px;background:var(--border);flex-shrink:0;margin:0 6px;align-self:center}
    .alpha-btn{display:flex;align-items:center;justify-content:center;min-width:26px;height:26px;padding:0 4px;border-radius:5px;font-size:12px;font-weight:500;color:#555;background:none;border:none;transition:background .1s,color .1s;flex-shrink:0;text-decoration:none;font-family:'Open Sans',sans-serif}
    .alpha-btn:hover{background:var(--bg3);color:#ddd}
    .alpha-btn.active{color:var(--red);font-weight:700;background:none}
    .alpha-btn.empty{color:#2c2c2c;cursor:default;pointer-events:none}
    .alpha-btn.all{min-width:30px;font-size:11px;letter-spacing:.04em;font-weight:600;color:#555}
    .alpha-btn.all.active{color:var(--red);background:none}
    html:not(.dark-mode) .alpha-bar{background:transparent;border-color:#ebebeb}
    html:not(.dark-mode) .alpha-btn{color:#aaa}
    html:not(.dark-mode) .alpha-btn:hover{background:#f0f0f0;color:#333}
    html:not(.dark-mode) .alpha-btn.active{color:var(--red);background:none}
    html:not(.dark-mode) .alpha-btn.empty{color:#ddd}
    html:not(.dark-mode) .alpha-btn.all{color:#aaa}
    @media(max-width:900px){.alpha-bar{padding:4px 8px}.alpha-btn{min-width:24px;font-size:11px}}

    /* Models grid — column-count like gallery */
    /* models-grid — same system as #gallery-grid in index */
    .models-grid{display:block;overflow-anchor:none;background:var(--bg)}
    @media(min-width:1800px){.models-grid{column-count:6;column-gap:3px}}
    @media(min-width:1400px) and (max-width:1799px){.models-grid{column-count:5;column-gap:3px}}
    @media(min-width:1100px) and (max-width:1399px){.models-grid{column-count:4;column-gap:3px}}
    @media(min-width:550px) and (max-width:1099px){.models-grid{column-count:3;column-gap:3px}}
    @media(max-width:549px){.models-grid{column-count:2;column-gap:2px}}
    html:not(.dark-mode) .models-grid{background:#e0e0e0}
    .model-card{break-inside:avoid;-webkit-column-break-inside:avoid;display:block;position:relative;overflow:hidden;background:#161616;margin-bottom:0;cursor:pointer;line-height:0;font-size:0}
    html:not(.dark-mode) .model-card{background:transparent}
    .model-card-img{display:block;width:100%;position:relative;overflow:hidden;font-size:0;line-height:0}
    .model-card-img img{display:block;width:100%;height:auto;transition:transform .3s ease;vertical-align:bottom;line-height:0;font-size:0}
    .model-card:hover .model-card-img img{transform:scale(1.04)}
    .model-card-info{position:absolute;bottom:0;left:0;right:0;padding:24px 8px 7px;background:linear-gradient(transparent,rgba(0,0,0,.82));display:flex;flex-direction:column;gap:2px;pointer-events:none;font-size:14px;line-height:1.4}
    .model-card-name{font-size:13px;font-weight:700;color:#fff;line-height:1.25;text-shadow:0 1px 4px rgba(0,0,0,.8);display:block;font-size:13px;line-height:1.25}
    .model-card.hidden{display:none}


    /* Hide sidebar scrollbars */
    .sidebar::-webkit-scrollbar{display:none}
    .sidebar{scrollbar-width:none;-ms-overflow-style:none}
  
  /* === PERFORMANCE & A11Y ADDITIONS === */
  /* Prevent layout shift on fonts */
  @font-face { font-display: swap; }
  /* Focus visible for keyboard nav */
  :focus-visible { outline: 2px solid #EF4444; outline-offset: 2px; }
  /* Reduce motion for users who prefer it */
  @media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  }