:root{color-scheme:dark;font-family:Inter,system-ui,sans-serif;background:#080b10;color:#edf4ff}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top right,#12342a 0,transparent 32rem),#080b10}header{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:2rem clamp(1rem,5vw,5rem);border-bottom:1px solid #ffffff14;background:#080b10cc;position:sticky;top:0;z-index:5;backdrop-filter:blur(16px)}h1{margin:.25rem 0 0;font-size:clamp(1.5rem,3vw,2.5rem)}.eyebrow{font-size:.72rem;letter-spacing:.22em;color:#34d399;font-weight:800}select,button{border:1px solid #ffffff1f;background:#121822;color:#fff;border-radius:.65rem;padding:.7rem 1rem;font:inherit}main{padding:2rem clamp(1rem,5vw,5rem)}nav{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1.25rem}nav button{padding:.5rem .8rem;color:#9fe6c7}.summary{display:flex;justify-content:space-between;align-items:center;color:#9aa8ba;margin-bottom:1rem}.summary div{display:flex;align-items:center;gap:.75rem}.summary button:disabled{opacity:.3}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}.card{min-width:0;text-align:left;text-decoration:none;overflow:hidden;border:1px solid #ffffff12;background:#101620;border-radius:.85rem;color:#edf4ff;transition:.18s transform,.18s border-color}.card:hover{transform:translateY(-3px);border-color:#34d39988}.card strong,.card small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.folder{min-height:150px;cursor:pointer}.folder .icon{display:block;font-size:2.2rem;color:#34d399;margin-bottom:1.5rem}.folder small{margin-top:.45rem;color:#8190a5}.image img{display:block;width:100%;aspect-ratio:1;object-fit:cover;background:#090d13}.image strong{padding:.75rem}.empty{grid-column:1/-1;padding:4rem;text-align:center;color:#8190a5}@media(max-width:600px){header{align-items:flex-start;flex-direction:column;padding:1.25rem}main{padding:1.25rem}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}