/* Conversation presentation uses the same VI1 ink, blue and lilac palette. */
.vi1-conversation{width:100%;min-width:0;text-align:left}
.vi1-conversation-content{width:min(100% - 40px,780px);margin-inline:auto}
.vi1-composer-dock{width:100%;min-width:0}
.vi1-conversation[hidden]{display:none!important}
body.vi1-chat-started .canvas{height:100dvh;min-height:0;overflow:hidden}
body.vi1-chat-started .topbar{flex:0 0 auto}
body.vi1-chat-started #main{display:flex;flex:1;min-height:0;align-items:stretch;justify-content:center;padding:0}
body.vi1-chat-started #main>.start{display:flex;flex-direction:column;flex:1;min-height:0;width:100%;max-width:none;text-align:left}
body.vi1-chat-started .start>.bird,
body.vi1-chat-started .start>.eyebrow,
body.vi1-chat-started .start>h1,
body.vi1-chat-started .start>.welcome,
body.vi1-chat-started .start>.ideas,
body.vi1-chat-started .start>.workspace-controls,
body.vi1-chat-started .start>.workspace-links,
body.vi1-chat-started .start>.vi1-action-links,
body.vi1-chat-started .start>#preview-note,
body.vi1-chat-started .canvas-footer{display:none}
body.vi1-chat-started .vi1-conversation{display:block;flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
body.vi1-chat-started .vi1-conversation-content{padding:34px 0 30px}
body.vi1-chat-started .vi1-composer-dock{flex:0 0 auto;width:min(100% - 40px,768px);margin-inline:auto;padding:12px 0 max(16px,env(safe-area-inset-bottom));background:var(--paper,#fff)}
body.vi1-chat-started .composer{min-height:0;padding:12px 14px 10px;border-radius:20px;box-shadow:0 4px 20px #354f8508}
body.vi1-chat-started .composer textarea{height:40px;min-height:40px;max-height:min(28dvh,240px);font-size:15px;line-height:1.6}
body.vi1-chat-started .composer textarea.expanded{height:180px;min-height:96px;max-height:28dvh}
body.vi1-chat-started .composer .attachments{max-height:96px;overflow:auto}
.vi1-conversation #chat-submitted{width:100%;max-width:none;margin:0 0 30px;align-items:flex-end}
.vi1-conversation #chat-submitted h2{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.vi1-conversation #chat-submitted pre{max-width:min(85%,640px);margin:0;padding:12px 17px;border:1px solid var(--bird-border,#d5e3f3);border-radius:18px 18px 5px 18px;background:var(--bird-control,linear-gradient(115deg,#edf7ff,#f3f0fc));color:#304763;font:inherit;font-size:15px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;word-break:normal}
.vi1-conversation #chat-reply{width:100%;max-width:none;margin:0 0 26px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.vi1-conversation #chat-reply h2{margin:0 0 10px;color:var(--bird-text,#355779);font-size:12px}
.vi1-conversation #chat-reply pre{font:inherit;font-size:16px;line-height:1.85;white-space:pre-wrap;overflow-wrap:anywhere;word-break:normal;margin:0;color:var(--ink,#293a53)}
.vi1-conversation #chat-reply .history-note{font-size:11px;line-height:1.6;color:var(--muted,#5d6e84);margin:16px 0 0}
.vi1-conversation #chat-live-progress{max-width:none;margin:0 0 24px;padding:0;font-size:13px;line-height:1.6}
.vi1-conversation #chat-connection{max-width:none;margin:16px 0;padding:14px 16px;border-radius:14px;font-size:13px;line-height:1.7}
.vi1-conversation #completed-work{margin:18px 0 0;padding:14px 16px;font-size:12px;line-height:1.7}
.vi1-conversation #completed-work strong{overflow-wrap:anywhere}
@media(max-width:650px){
 .vi1-conversation-content{width:calc(100% - 28px)}
 body.vi1-chat-started .vi1-composer-dock{width:calc(100% - 24px)}
 body.vi1-chat-started .vi1-conversation-content{padding:22px 0 20px}
 body.vi1-chat-started .vi1-composer-dock{padding-top:8px;padding-bottom:max(12px,env(safe-area-inset-bottom))}
 body.vi1-chat-started .composer{padding:10px 11px 9px;border-radius:17px}
 body.vi1-chat-started .composer textarea{height:48px;min-height:48px;font-size:16px}
 .vi1-conversation #chat-submitted pre{max-width:90%;font-size:15px;padding:10px 14px}
 .vi1-conversation #chat-reply pre{font-size:16px;line-height:1.8}
 body.vi1-chat-started .composer .draft-count{display:none}
}
@media(forced-colors:active){.vi1-conversation #chat-submitted pre{border:1px solid CanvasText}.vi1-conversation #chat-reply{color:CanvasText}}