/* v1.5.0 */
.dsa-archive{--bg:#111111;--muted:#1a1a1d;--text:#e6e6e6;--sub:#9aa;--accent:#f7b500;--card:#151518;--stroke:#2a2a2e}
.dsa-archive{background:#ffffff00;color:var(--text);padding:24px;border-radius:12px}
.dsa-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:55px}
.dsa-left{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.dsa-chip{display:inline-flex;align-items:center;gap:8px;background:#1A1A1A;border:1px solid var(--stroke);color:#A0A0A0;padding: 5px 22px;border-radius:4px;text-decoration:none;font-size:14px;font-weight:500px;line-height:21px;font-family:"inter";position:relative}
.dsa-chip--active{outline: 1px solid #333333;color: var(--accent);}
.dsa-caret{width:16px;height:16px;fill:var(--sub)}
.dsa-dropdown{position:relative}
.dsa-submenu{position:absolute;left:0;top:110%;background:var(--card);border:1px solid var(--stroke);padding:6px;border-radius:10px;min-width:200px;display:none;z-index:10}
.dsa-dropdown:hover .dsa-submenu{display:block}
.dsa-subitem{display:block;color: #A0A0A0;;padding:8px 10px;border-radius:4px;font-size: 13px !important;font-weight: 300;font-family: 'Inter';text-decoration:none}
.dsa-subitem.active{background:var(--muted)}
.dsa-subitem:hover{background:var(--muted)}

/* Search */
.dsa-right .dsa-search{display:flex;align-items:center;gap:8px;background:#ffffff;border:1px solid var(--stroke);padding:0px 10px;border-radius:10px}
.dsa-right .dsa-search .dsa-search-icon{width:18px;height:18px;fill: #A0A0A0;margin-bottom: -5px;}
.dsa-right .dsa-search input{background:transparent;border:none;outline:none;color:var(--text);padding:6px 2px;min-width:180px}
.dsa-right .dsa-search button{background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}

/* Grid */
.dsa-grid{position:relative}
.dsa-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.dsa-card{background:#1a1a1a69;backdrop-filter: blur(10px);border:1px solid var(--stroke);border-radius:12px;overflow:hidden;position:relative;transition:transform .25s ease, box-shadow .25s ease}
.dsa-thumb{display:block;padding:12px}
.dsa-thumb-inner{background:#0b0b0c;border:1px solid var(--stroke);border-radius:10px;overflow:hidden;transition:transform .25s ease}
.dsa-thumb-inner img{width:100%;height:auto;display:block;aspect-ratio:1/1;object-fit:cover}
.dsa-card:hover{transform:translateY(-4px); box-shadow:0 10px 24px rgba(0,0,0,.35)}
.dsa-card:hover .dsa-thumb-inner{transform:scale(1.03)}
.dsa-meta{display:flex;justify-content:space-between;align-items:center;padding: 10px 12px 30px 16px;border-top:0px}
.dsa-title{font-size:18px;font-weight: 700;line-height: 21px;font-family: "Inter";color:var(--text)}
.dsa-title-link{color:var(--text);text-decoration:none}
.dsa-title-link:hover{color:#fff;text-decoration:underline}
.dsa-dot{position:absolute;right:12px;bottom:27px;width:28px;height:28px;background:var(--accent);border-radius:999px;border:1px solid #000;display:inline-flex;align-items:center;justify-content:center;color:#fff}
.dsa-dot:hover{background:#000;color:#fff;border-color:#000}
.dsa-dot svg{width:16px;height:16px}

/* Loader overlay */
.dsa-grid-overlay{position:absolute;inset:0;background:rgba(15,15,16,.4);display:none;align-items:center;justify-content:center;border-radius:12px;z-index:20}
.dsa-grid.loading .dsa-grid-overlay{display:flex}
.dsa-spinner{width:34px;height:34px;border:3px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:999px;animation:dsa-spin 0.85s linear infinite}
@keyframes dsa-spin{to{transform:rotate(360deg)}}

.dsa-bottom-options{display:none;justify-content:space-between;align-items:center;margin-top:12px}
.dsa-count{font-size:12px;color:var(--sub)}
.dsa-center-controls{display:flex;align-items:center;gap:8px}
#dsa-per-page{background:var(--muted);border:1px solid var(--stroke);color:var(--text);padding:6px 8px;border-radius:8px}

.dsa-bottom-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;margin-top:55px}
.dsa-count-text{font-size:12px;color:var(--sub)}
.dsa-center-element{display:flex;justify-content:center}
.dsa-center-element span{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--stroke);border-radius:8px}
.dsa-pagination{display:flex;gap:6px;justify-content:flex-end}
.dsa-pagination a{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--stroke);border-radius:6px;color:var(--text);text-decoration:none}
.dsa-pagination a.active{background:var(--accent);color:#000;border-color:var(--accent)}

@media (max-width:1024px){ .dsa-cards{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:600px){
 .dsa-toolbar{flex-direction:column;align-items:stretch}
 .dsa-right .dsa-search input{min-width:0;width:100%}
 .dsa-cards{grid-template-columns:1fr}
 .dsa-bottom-row{grid-template-columns:1fr;gap:12px}
 .dsa-pagination{justify-content:center}
}