:root{--bg:#0e1013;--pa:#15181c;--ln:#232830;--ink:#e6e8ea;--i2:#959ea8;--i3:#69727c;
--mono:"JetBrains Mono",ui-monospace,monospace;--body:"Source Sans 3",system-ui,sans-serif}
*{box-sizing:border-box}html{color-scheme:dark}
body{margin:0;background:var(--bg);color:var(--ink);font:400 13px/1.45 var(--body)}
header{position:sticky;top:0;z-index:5;display:flex;gap:14px;align-items:center;flex-wrap:wrap;
padding:8px 14px;background:var(--pa);border-bottom:1px solid var(--ln);font:500 12px var(--mono)}
header b{font-size:13px}
.cfg{color:var(--i3);font-size:10.5px}
header label{color:var(--i2);display:flex;gap:5px;align-items:center}
select{background:#0e1013;color:var(--ink);border:1px solid var(--ln);border-radius:4px;padding:2px 5px;font:500 11px var(--mono)}
#n{margin-left:auto;color:var(--i3)}
main{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:8px;padding:10px 14px}
main.big{grid-template-columns:repeat(auto-fill,minmax(620px,1fr))}
figure{margin:0;background:var(--pa);border:1px solid var(--ln);border-radius:5px;overflow:hidden;cursor:pointer}
figure img{display:block;width:100%}
figcaption{padding:3px 6px 4px;font:600 9.5px/1.3 var(--mono);color:var(--i2);
white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
figcaption i{font-style:normal;color:var(--i3);font-weight:400}
figure.open figcaption{white-space:normal}
.ft{padding:6px 14px 20px;color:var(--i3);font:400 11px var(--mono)}