.conversation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.conversation-card{text-align:left;background:#222125;border:1px solid #302d35;border-radius:15px;padding:11px;min-width:0;transition:background .2s}.conversation-card:hover{background:#2c2832}.conversation-cover{height:160px;border-radius:10px;overflow:hidden;background:#2c2833;display:flex;align-items:stretch;justify-content:center;gap:3px}.conversation-cover img{min-width:0;flex:1;width:0;object-fit:cover}.conversation-cover span{align-self:center;font-size:25px;color:#bbaaD5}.conversation-card strong{display:block;font-size:13px;font-weight:500;margin:13px 3px 5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.conversation-card small{display:block;margin:0 3px 5px;color:#968e9e;font-size:11px}.list-actions{display:flex;gap:16px;align-items:center}.conversation-explainer{font-size:11px;color:#827a8c;margin-top:20px}.thread-toolbar{display:flex;justify-content:space-between;margin-bottom:24px}#conversation-title{font-size:23px;overflow-wrap:anywhere}#conversation-time{color:#91889b;font-size:11px;margin:10px 0 28px}#conversation-view{max-width:900px;margin:auto}.conversation-turn{margin-bottom:32px}.turn-head{display:flex;justify-content:space-between;color:#9a8dab;font-size:11px;margin-bottom:12px}.turn-request{background:#29242f;border-radius:14px;padding:18px 20px;max-width:90%;margin-left:auto}.turn-request p{font-size:14px;line-height:1.8;margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.turn-parameters{font-size:10px;color:#a393b4;margin-top:13px}.turn-references{display:flex;gap:8px;margin-top:13px;flex-wrap:wrap}.turn-references img{width:65px;height:65px;object-fit:cover;border-radius:8px}.turn-result{margin-top:17px}.turn-image{display:block;padding:0;background:#211f25;border-radius:13px;overflow:hidden;max-width:min(650px,90%)}.turn-image img{display:block;width:100%;max-height:440px;object-fit:contain}.turn-actions{display:flex;gap:9px;flex-wrap:wrap;margin:12px 0}.turn-actions button,.turn-actions a{border-radius:7px;padding:7px 12px;background:#2b2632;color:#ccbedc;font-size:11px}.turn-result>small{color:#85788f;font-size:10px}.turn-processing,.turn-error{padding:23px;background:#211e26;border-radius:12px;font-size:13px;color:#c5b3d6}.turn-error{color:#efbcae}.asset-highlight{outline:2px solid #bda2ea;outline-offset:7px;border-radius:10px}#assets-view .gallery{margin-bottom:25px}.content:has(#assets-view:not([hidden])){padding-bottom:55px}.picture .asset-actions{gap:4px}.picture .asset-actions button,.picture .asset-actions a{font-size:9px;padding:5px 7px}@media(max-width:1000px){.conversation-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.conversation-grid{grid-template-columns:1fr}.conversation-cover{height:180px}.turn-request{max-width:100%;padding:14px}.turn-image{max-width:100%}.thread-toolbar .quiet{font-size:10px;padding:7px}.top-switch{gap:12px}.top-switch button,.top-switch a{font-size:12px}.header-actions .demo{display:none}#conversation-title{font-size:20px}}

/* Lightweight generation feedback: no canvas, timers, filters or animated gradients. */
.generation-batch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:32px;scroll-margin-top:20px}.generation-batch .conversation-turn{min-width:0;margin-bottom:0}.generation-batch .turn-request{max-width:100%;padding:12px}.generation-batch .turn-request p{max-height:5.4em;overflow:auto}.generation-batch .turn-head{flex-wrap:wrap;gap:4px}.generation-batch .turn-image{max-width:100%}@media(max-width:560px){.generation-batch{grid-template-columns:1fr}}
.generation-placeholder{position:relative;box-sizing:border-box;max-width:100%;min-height:0;overflow:hidden;border:1px solid #494153;border-radius:16px;background:#24212b;color:#d5c6f3;contain:layout paint}
.generation-center{position:absolute;inset:0 0 55px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;font-size:13px}
.generation-symbol{font-size:29px;line-height:1;animation:generation-breathe 2.4s ease-in-out infinite}
.generation-footer{position:absolute;bottom:17px;left:20px;right:20px;font-size:11px;color:#aaa1b8}
.generation-progress{height:4px;margin-top:10px;border-radius:4px;overflow:hidden;background:#3c3547}
.generation-progress>span{display:block;width:36%;height:100%;border-radius:inherit;background:#bea4f0;animation:generation-travel 2.5s ease-in-out infinite}
.is-queued .generation-symbol{animation:none;opacity:.45}.is-queued .generation-progress>span{animation:none;transform:none;width:100%;opacity:.18}
@keyframes generation-breathe{0%,100%{opacity:.45}50%{opacity:1}}
@keyframes generation-travel{0%{transform:translateX(-110%)}100%{transform:translateX(390%)}}
.preview-hidden .generation-symbol,.preview-hidden .generation-progress>span{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.generation-symbol,.generation-progress>span{animation:none}.generation-progress>span{width:40%}}