.bar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:16px}.bar input{flex:1;min-width:200px}
.chips{display:flex;flex-wrap:wrap;gap:6px}.chips button{font:12px var(--mono);padding:6px 11px;border-radius:99px;border:1px solid var(--line);background:transparent;color:var(--muted);cursor:pointer}.chips button.on{background:var(--accent);color:#061016;border-color:var(--accent)}
.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}
.tile{border:1px solid var(--line);border-radius:18px;background:var(--surface);overflow:hidden;display:flex;flex-direction:column;cursor:pointer;transition:border-color .15s,transform .15s;text-align:left;padding:0;color:inherit;font:inherit}
.tile:hover{border-color:var(--accent);transform:translateY(-2px)}
.stage{height:210px;display:grid;place-items:center;background:radial-gradient(circle at 50% 0,#ffffff0a,transparent 70%),#0b0e1a;overflow:hidden;padding:12px}
.tile .meta{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-top:1px solid var(--line)}.tile b{font-size:14px}.tile small{font:11px var(--mono);color:var(--muted)}
.dlg{width:min(860px,94vw);max-height:90vh;border:1px solid var(--line);border-radius:18px;background:var(--surface);color:var(--text);padding:20px}.dlg::backdrop{background:#000a;backdrop-filter:blur(4px)}
.dprev{height:200px;display:grid;place-items:center;border-radius:12px;background:#0b0e1a;margin:12px 0;border:1px solid var(--line)}
#dCode{max-height:340px;overflow:auto}