.topnav .generation-entry { font:inherit; background:none; border:0; cursor:pointer; white-space:nowrap; }
.generation-dialog { box-sizing:border-box; width:min(1040px,calc(100vw - 32px)); max-height:90vh; padding:28px; border:1px solid #3d3653; border-radius:18px; background:#15131d; color:#f3f0fa; overflow:auto; color-scheme:dark; font:14px/1.5 system-ui,sans-serif; }
.generation-dialog * { box-sizing:border-box; }
.generation-dialog::backdrop { background:#080610bb; }
.generation-dialog header,.generation-card-head { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.generation-dialog h2 { font-size:22px; margin:0; }
.generation-dialog h3 { font-size:15px; margin:0; }
.generation-dialog button,.generation-dialog select,.generation-dialog input { min-height:38px; border:1px solid #514568; border-radius:8px; padding:8px 12px; background:#262132; color:#f3f0fa; font:inherit; }
.generation-dialog button { cursor:pointer; }
.generation-dialog button:hover { background:#393049; }
.generation-dialog :is(button,select,input):focus-visible { outline:2px solid #b69aff; outline-offset:3px; }
.generation-dialog button:disabled { opacity:.5; cursor:wait; }
.generation-note,.generation-meta { color:#b6adca; font-size:12px; line-height:1.7; overflow-wrap:anywhere; }
.generation-filters,.generation-dates { display:flex; flex-wrap:wrap; align-items:end; gap:12px; }
.generation-filters { margin:22px 0; }
.generation-filters label { display:grid; gap:6px; color:#c7bfd6; font-size:12px; }
.generation-filters :is(select,input) { font-size:13px; max-width:100%; }
.generation-dialog [hidden] { display:none!important; }
.generation-stats { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.generation-stat { padding:18px 16px; border:1px solid #423650; border-radius:12px; background:#221c2f; }
.generation-stat span { color:#c9bddc; }
.generation-stat strong { display:block; margin:10px 0; font-size:32px; line-height:1.2; font-variant-numeric:tabular-nums; }
.generation-stat small { display:block; color:#ada1bf; font-size:11px; line-height:1.8; }
.generation-stat[data-kind=succeeded] strong { color:#87ddbb; }
.generation-stat[data-kind=failed] strong { color:#ffa5ad; }
.generation-list { display:grid; gap:12px; margin:16px 0; }
.generation-card { padding:18px; border:1px solid #383041; border-radius:12px; background:#1b1823; }
.generation-state { flex-shrink:0; color:#d4bbff; font-size:12px; }
.generation-state[data-state=succeeded] { color:#87ddbb; }
.generation-state[data-state=failed] { color:#ffa5ad; }
.generation-state[data-state=cancelled] { color:#aba5b4; }
.generation-prompt { white-space:pre-wrap; overflow-wrap:anywhere; }
.generation-more { display:block; margin:auto; }
.generation-preview { display:grid; gap:16px; justify-items:center; margin-top:16px; }
.generation-preview :is(img,video) { display:block; max-width:100%; max-height:60vh; }
@media(max-width:700px) { .generation-dialog { padding:18px; } .generation-stats { grid-template-columns:repeat(2,minmax(0,1fr)); } .generation-stat { padding:12px; } .generation-filters>label { flex:1; min-width:120px; } .generation-card { padding:14px; } .generation-dates { width:100%; } .generation-dates label { flex:1; min-width:0; } }