.generation-chat[hidden]{display:none}
.generation-chat{width:100%;text-align:left;max-width:1080px;margin:0 auto 24px}
.generation-chat-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0 24px;border-bottom:1px solid #e8e9ef}
.generation-chat-head h1{font-size:23px;letter-spacing:-.04em;margin:6px 0 0}
.chat-kicker{font-size:10px;font-weight:700;letter-spacing:.15em;color:#7a5af8}
.generation-messages{display:flex;flex-direction:column;gap:22px;padding:26px 0 10px}
.generation-message{display:flex;gap:12px;align-items:flex-start;min-width:0}
.chat-avatar{flex:0 0 30px;height:30px;display:grid;place-items:center;border-radius:10px;background:#ede8ff;color:#7153d8;font-size:15px;font-weight:700}
.chat-bubble{min-width:0;max-width:calc(100% - 42px);padding:18px 22px;background:#fff;border:1px solid #e7e8ef;border-radius:4px 18px 18px;box-shadow:0 3px 12px #1e244004}
.chat-speaker{display:block;color:#8690a3;font-size:10px;font-weight:700;margin-bottom:9px;letter-spacing:.03em}
.chat-message-text{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7;font-size:14px;color:#263145}
.generation-message.user{flex-direction:row-reverse}
.generation-message.user .chat-bubble{background:#f0edff;border-color:#e3dcff;border-radius:18px 4px 18px 18px;max-width:80%}
.generation-message.user .chat-avatar{background:#e7e9ef;color:#606b7d;font-size:11px}
.chat-message-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px;font-size:11px;color:#7b7395}
.chat-message-meta span{padding:4px 8px;background:#fff9;border-radius:6px;overflow-wrap:anywhere}
.chat-slide-setting{display:flex;align-items:center;gap:7px;font-size:12px;color:#5c6475;background:#f1edff;border:1px solid #dfd7fb;border-radius:8px;padding:6px 9px;white-space:nowrap}
.chat-slide-setting input{width:50px;min-width:0;border:0;background:transparent;color:#383049;font:inherit;font-weight:700;padding:0;outline-offset:4px}
#home .workbench-footer{flex-wrap:wrap}
#home.has-generation-chat .home-center{justify-content:flex-start;text-align:left;padding-top:12px}
#home.has-generation-chat .home-brand,#home.has-generation-chat .home-lede,#home.has-generation-chat .home-recent{display:none}
#home.has-generation-chat .workbench-head{display:none}
#home.has-generation-chat .workbench{max-width:1080px;border-radius:16px}
#home.has-generation-chat #prompt{min-height:76px;height:76px}
#home.has-generation-chat #uploadTray{min-height:52px;max-width:1080px;margin-bottom:12px;padding:10px 14px}
#home.has-generation-chat #uploadTray .upload-icon{display:none}
#home.has-generation-chat #uploadTray .upload-copy b{font-size:12px}
#home.has-generation-chat #uploadTray .upload-copy span{display:none}
.chat-upload-disabled{pointer-events:none;opacity:.65}
.chat-template-bubble{width:100%;max-width:calc(100% - 42px)}
.chat-template-tabs{display:flex;gap:6px;border-bottom:1px solid #e9e8ef;margin-top:18px;padding-bottom:10px}
.chat-template-tabs button{background:transparent;border:0;border-radius:8px;padding:9px 14px;font-size:12px;cursor:pointer;color:#687184}
.chat-template-tabs button.active{background:#ede7ff;color:#6848cf;font-weight:700}
.chat-template-search{width:100%;margin:14px 0 12px;padding:9px 12px;border:1px solid #e6e7ed;border-radius:8px;font-size:12px}
.chat-template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-height:340px;overflow-y:auto;padding:3px}
.chat-template-grid .template-option{display:block;text-align:left;padding:0;background:#fff;border:1px solid #e5e6ee;border-radius:10px;overflow:hidden;cursor:pointer}
.chat-template-grid .template-option.selected{border-color:#7a5af8;box-shadow:0 0 0 2px #7a5af822}
.chat-template-grid .template-option-preview{aspect-ratio:16/9;height:auto;width:100%;background:#f6f6f9;overflow:hidden;display:grid;place-items:center}
.chat-template-grid .template-option-preview svg{width:100%;height:100%;display:block}
.chat-template-grid .template-option-body{display:block;padding:9px 11px;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.chat-template-preview{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:18px;align-items:center;background:#f8f7fd;border:1px solid #ece8f7;padding:14px;border-radius:12px;margin-top:16px}
.chat-template-preview[hidden]{display:none}
.chat-template-reference{aspect-ratio:16/9;background:#fff;min-width:0;display:grid;place-items:center;font-size:12px}
.chat-template-reference svg{width:100%;height:100%;display:block}
.chat-template-reference-info b{font-size:13px}.chat-template-reference-info p{font-size:11px;line-height:1.7;color:#7b8496;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.chat-template-reference-nav{display:flex;gap:12px;align-items:center;font-size:11px}
.chat-template-actions{display:flex;gap:9px;justify-content:flex-end;margin-top:14px;flex-wrap:wrap}
.chat-template-note{font-size:11px;line-height:1.6;color:#7e7297;margin:12px 0 0}
.chat-template-empty{grid-column:1/-1;padding:25px 10px;font-size:13px;color:#838a9a;text-align:center}
.chat-template-complete .chat-template-grid,.chat-template-complete .chat-template-search,.chat-template-complete .chat-template-tabs,.chat-template-complete .chat-template-actions{display:none}
.chat-error{border-color:#e8bcb9;background:#fff8f7}
@media(max-width:700px){.chat-bubble{padding:14px}.chat-template-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-height:270px}.chat-template-preview{grid-template-columns:1fr}.generation-message{gap:8px}.chat-bubble,.chat-template-bubble{max-width:calc(100% - 38px)}.chat-template-actions button{flex:1}.workbench-hint{flex-basis:100%}.generation-chat-head h1{font-size:19px}.chat-template-tabs button{padding:8px}}

.chat-template-tabs{flex-wrap:wrap}.chat-template-tabs button{white-space:nowrap}