/* Conversation workspace. Scoped so the rest of the studio keeps its own layout. */
:root .an-create { padding:14px 18px; --chat-accent:#7753ac; --chat-tint:#f3edf8; --chat-paper:#fdfbf8; --chat-muted:#817a83; }
:root .an-create .an-layout,:root .an-create .an-layout:has(.an-context.collapsed) { grid-template-columns:minmax(0,1fr); gap:12px; height:100%; }
:root .an-create .an-layout.has-context { grid-template-columns:minmax(0,1fr) 300px; }
:root .an-create .an-main { height:100%; min-height:0; border-radius:22px; border-color:var(--an-line); background:var(--chat-paper); box-shadow:none; }
:root .an-create .an-main-head { height:auto; min-height:66px; padding:14px 24px; flex-shrink:0; background:var(--an-surface); border-color:var(--an-line); }
.an-workspace-title { display:flex; align-items:center; gap:10px; min-width:0; }
.an-workspace-star { color:var(--chat-accent); font-size:25px; }
:root .an-create .an-main-head h1 { font-size:15px; font-weight:650; }
:root .an-create .an-head-actions { gap:8px; }
:root .an-create .an-head-actions button { padding:8px 10px; border-radius:9px; color:var(--chat-muted); }
.an-conversation-stage { display:flex; flex-direction:column; min-height:0; flex:1; }
:root .an-create .an-transcript { padding:30px max(26px,calc((100% - 800px)/2)) 18px; overscroll-behavior:contain; }
:root .an-create.is-welcome .an-conversation-stage { overflow:auto; justify-content:center; padding:28px 0 40px; }
:root .an-create.is-welcome .an-transcript { flex:0 0 auto; overflow:visible; padding-top:0; padding-bottom:0; }
:root .an-create .an-creative-welcome { display:block; height:auto; min-height:0; text-align:center; }
.an-welcome-note { display:flex; align-items:center; justify-content:center; gap:8px; color:var(--chat-muted); font-size:12px; letter-spacing:.04em; }
.an-welcome-note>span { width:6px; height:6px; border-radius:50%; background:#ae91c7; }
:root .an-create .an-creative-welcome h2 { font-size:clamp(29px,3.4vw,44px); line-height:1.4; letter-spacing:-.04em; font-weight:650; margin:15px 0 12px; }
.an-creative-welcome h2 em { font-style:normal; color:var(--chat-accent); }
:root .an-create .an-creative-welcome>p { margin:0; color:var(--chat-muted); font-size:14px; line-height:1.9; }
.an-idea-cards { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; margin:30px 0 25px; text-align:left; }
.an-idea-cards>button { display:flex; flex-direction:column; align-items:flex-start; border:1px solid var(--an-line); border-radius:16px; padding:10px 10px 15px; background:var(--an-surface); color:var(--an-ink); text-align:left; cursor:pointer; min-width:0; transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease; }
.an-idea-cards>button:hover { transform:translateY(-4px); border-color:#bca3d7; box-shadow:0 8px 20px #6950750d; }
.an-idea-art { width:100%; height:76px; border-radius:10px; display:grid; place-items:center; margin-bottom:13px; background:#eee7f5; color:#9574ad; }
.an-idea-art svg { width:54px; height:54px; }
.an-idea-art.ecommerce-tryon { background:#f7e9e7; color:#bc8a83; }
.an-idea-art.ecommerce-replace { background:#f5efde; color:#b59c5e; }
.an-idea-art.ecommerce-scene { background:#e7efe8; color:#829e85; }
.an-idea-art.ecommerce-detail { background:#e7edf4; color:#8298b6; }
.an-idea-cards strong { font-size:13px; font-weight:650; margin:0 2px; }
.an-idea-cards small { font-size:10px; color:var(--chat-muted); margin:5px 2px 0; line-height:1.5; }
:root .an-create .an-compose { flex-shrink:0; margin:0 max(24px,calc((100% - 800px)/2)) 22px; border:1px solid var(--an-line); padding:14px 16px; border-radius:18px; background:var(--an-surface); box-shadow:0 8px 28px #483d4b07; }
:root .an-create.is-welcome .an-compose { margin-bottom:0; }
:root .an-create .an-compose:focus-within { border-color:#baa1d1; box-shadow:0 0 0 3px #a17bbb0a,0 8px 28px #483d4b07; }
.an-compose-caption { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:10px; }
.an-compose-modes { display:flex; gap:4px; }
.an-compose-modes button { color:var(--chat-muted); font-size:12px; background:transparent; border:0; border-radius:7px; padding:6px 10px; cursor:pointer; }
.an-compose-modes button.active { color:var(--chat-accent); background:var(--chat-tint); font-weight:650; }
.an-compose-reassurance { color:var(--chat-muted); font-size:11px; }
.an-current-intent { display:flex; align-items:center; gap:6px; background:var(--chat-tint); color:var(--chat-accent); padding:3px 7px 3px 10px; border-radius:20px; font-size:11px; }
.an-current-intent button { border:0; background:transparent; color:inherit; cursor:pointer; padding:0 3px; font-size:17px; }
:root .an-create .an-compose textarea { min-height:64px; height:64px; max-height:160px; padding:4px 3px; font-size:14px; line-height:1.75; }
.an-compose textarea::placeholder { color:#a09aa2; }
.an-compose-hint { color:var(--chat-muted); font-size:11px; margin:0 3px 10px; line-height:1.6; }
:root .an-create .an-compose-bottom { flex-direction:row; align-items:center; padding-top:8px; gap:8px; }
:root .an-create .an-compose-bottom>div { gap:3px; flex-wrap:wrap; }
:root .an-create .an-attach-button { font-size:11px; padding:7px; color:var(--chat-muted); }
:root .an-create .an-upload-primary { color:var(--chat-accent); }
.an-settings-toggle { background:none; color:var(--chat-muted); border:0; cursor:pointer; font-size:11px; padding:7px; }
:root .an-create .an-send { width:auto; min-height:38px; padding:9px 17px; border-radius:10px; font-size:12px; color:#fff; background:var(--chat-accent); }
:root .an-create .an-send:hover { background:#69459c; }
.an-compose-settings:not([hidden]) { display:flex; align-items:center; flex-wrap:wrap; gap:12px; padding-top:12px; margin-top:12px; border-top:1px solid var(--an-line); }
.an-compose-settings>span { color:var(--chat-muted); font-size:11px; }
.an-compose-settings label { gap:6px; }
:root .an-create .an-attachments { max-height:84px; margin:10px 0; }
:root .an-create .an-attachment { max-width:240px; padding:6px; border-radius:10px; }
:root .an-create .an-attachment-thumb { width:42px; height:42px; border-radius:6px; }
:root .an-create .an-message { margin-bottom:28px; gap:12px; grid-template-columns:30px minmax(0,1fr); }
.an-message.assistant .an-message-icon { background:var(--chat-tint); color:var(--chat-accent); font-size:19px; border-radius:50%; }
.an-message-copy { font-size:14px; line-height:1.85; overflow-wrap:anywhere; }
.an-message-copy p { margin:8px 0; white-space:pre-wrap; }
.an-message-copy ul,.an-message-copy ol { padding-left:22px; margin:9px 0; }
.an-message-copy h4 { font-size:15px; margin:14px 0 6px; }
.an-message-copy strong { font-weight:650; }
.an-message-meta { color:var(--chat-muted); gap:12px; }
.an-message-meta strong { font-size:11px; font-weight:550; }
:root .an-create .an-message.user { display:flex; justify-content:flex-end; }
.an-message.user .an-message-icon,.an-message.user .an-message-meta { display:none; }
.an-message.user .an-message-body { max-width:88%; padding:9px 17px; border:1px solid #e8dfef; border-radius:17px 17px 4px 17px; background:var(--chat-tint); }
.an-message.user .an-message-copy p { margin:3px 0; }
:root .an-create .an-message.user .an-message-foot:empty { display:none; }
.an-guidance-card { margin:18px 0 8px; }
.an-guidance-title { color:var(--chat-muted); font-size:12px; margin-bottom:9px; }
.an-guidance-options { display:flex; flex-wrap:wrap; gap:8px; }
.an-guidance-options button { display:flex; align-items:center; gap:16px; justify-content:space-between; border:1px solid var(--an-line); border-radius:11px; color:var(--an-ink); padding:11px 13px; background:var(--an-surface); cursor:pointer; font-size:12px; }
.an-guidance-options button.is-recommended { border-color:#c7b1d8; background:#f6f0fa; }
.an-guidance-options button:hover:enabled { border-color:var(--chat-accent); }
.an-guidance-options button:disabled { opacity:.55; cursor:default; }
.an-guidance-options small { font-size:10px; color:var(--chat-accent); }
.an-guidance-card>p { color:var(--chat-muted); font-size:10px; margin:8px 0; }
.an-intent-card { margin:18px 0 12px; padding:19px; border:1px solid #dfd4e8; border-radius:16px; background:var(--an-surface); }
.an-intent-head { display:flex; justify-content:space-between; gap:10px; color:var(--chat-accent); font-size:11px; }
.an-intent-head small { color:var(--chat-muted); font-size:10px; white-space:nowrap; }
.an-intent-card h3 { font-size:15px; margin:12px 0 15px; line-height:1.7; }
.an-intent-card dl { display:grid; gap:9px; margin:0; font-size:12px; line-height:1.7; }
.an-intent-card dl>div { display:grid; grid-template-columns:88px minmax(0,1fr); gap:8px; }
.an-intent-card dt { color:var(--chat-muted); }.an-intent-card dd { margin:0; overflow-wrap:anywhere; }
.an-intent-missing { margin-top:14px; padding:10px 12px; border-radius:9px; background:#fbf4e6; color:#836629; font-size:12px; line-height:1.7; }
.an-intent-actions { display:flex; justify-content:flex-end; flex-wrap:wrap; gap:8px; margin-top:18px; }
.an-intent-actions button { font-size:12px; padding:10px 13px; border-radius:9px; }
.an-intent-actions button:disabled { opacity:.5; cursor:default; }
.an-intent-actions>span,.an-intent-card>p { font-size:10px; color:var(--chat-muted); line-height:1.7; }
.an-intent-card>p { margin:10px 0 0; }
@media(max-width:600px) { .an-intent-card { padding:14px; }.an-intent-card dl>div { grid-template-columns:72px minmax(0,1fr); }.an-intent-actions button { width:100%; }.an-intent-head small { display:none; } }
:root .an-create .an-transcript>.an-proposal { padding:22px; border-radius:17px; margin:0 0 28px 42px; border-color:#dbcee6; background:var(--an-surface); box-shadow:0 5px 20px #56446106; }
.an-plan-eyebrow { display:block; color:var(--chat-accent); font-size:11px; margin-bottom:7px; }
:root .an-create .an-proposal h3 { font-size:18px; font-weight:650; }
.an-plan-summary { font-size:13px; line-height:1.85; color:var(--chat-muted); overflow-wrap:anywhere; }
.an-plan-summary p { margin:8px 0; }
.an-plan-edit,.an-plan-settings { border-top:1px solid var(--an-line); margin-top:13px; padding-top:12px; }
.an-plan-edit summary,.an-plan-settings summary { cursor:pointer; font-size:12px; color:var(--chat-muted); }
.an-plan-settings summary>span { margin-left:10px; color:var(--chat-muted); font-size:11px; }
.an-plan-edit .an-field { margin-top:10px; }
:root .an-create .an-plan-actions { justify-content:space-between; padding-top:17px; margin-top:17px; }
.an-plan-actions>span { font-size:11px; color:var(--chat-muted); }
:root .an-create .an-plan-actions .an-confirm { background:var(--chat-accent); color:#fff; border-radius:9px; padding:11px 18px; }
.an-sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.an-history-dialog { width:340px; height:100dvh; max-height:100dvh; max-width:90vw; margin:0; padding:0; border:0; border-right:1px solid var(--an-line); background:var(--an-surface); color:var(--an-ink); box-shadow:16px 0 60px #342c3d20; }
.an-history-dialog::backdrop { background:#30253f38; backdrop-filter:blur(3px); }
.an-history-head { height:70px; display:flex; align-items:center; justify-content:space-between; padding:18px 22px; }
.an-history-head h2 { font-size:18px; margin:0; }
:root .an-create .an-history-dialog .an-sidebar { height:calc(100% - 70px); max-height:none; border:0; border-radius:0; padding:4px 16px 20px; background:var(--an-surface); box-shadow:none; margin:0; }
.an-history-dialog .an-side-mode { display:none; }
:root .an-create .an-history-dialog .an-new-session { min-height:40px; border-radius:10px; }
:root .an-create .an-history-dialog .an-search { margin-top:7px; height:38px; }
:root .an-create .an-history-dialog .an-side-list { max-height:none; }
:root .an-create .an-history-dialog .an-session>button:first-child { padding:11px 8px; }
:root .an-create .an-context { border-radius:17px; background:var(--an-surface); }
:root .an-create :is(button,summary,textarea,select,input):focus-visible { outline:2px solid #aa86c7; outline-offset:3px; }
:root .an-create textarea:focus-visible { outline:none; }
@media(min-width:1500px) { .an-idea-art { height:92px; }.an-idea-cards { margin-top:36px; margin-bottom:30px; } }
@media(max-width:1100px) { :root .an-create { padding:10px; }:root .an-create .an-layout.has-context { grid-template-columns:minmax(0,1fr) 260px; }:root .an-create .an-main-head { padding:12px 16px; gap:8px; }.an-idea-cards { gap:8px; }.an-idea-cards>button { padding:8px 7px 13px; }.an-idea-cards small { font-size:9px; } }
@media(max-width:800px) { :root .an-create { min-height:0; }:root .an-create .an-layout,:root .an-create .an-layout.has-context { display:block; height:100%; }:root .an-create .an-context { position:fixed; z-index:40; right:12px; top:75px; bottom:12px; width:min(340px,calc(100vw - 24px)); max-height:none; box-shadow:0 10px 60px #2f20322b; }:root .an-create .an-head-actions { gap:0; }:root .an-create .an-head-actions button { padding:7px; font-size:11px; }:root .an-create .an-head-actions [data-creative="rename"],:root .an-create .an-head-actions [data-creative="jump-proposal"] { display:none; } }
@media(max-width:600px) { :root .an-create { padding:0; }:root .an-create .an-main { border-radius:0; border:0; }:root .an-create .an-main-head { min-height:56px; padding:10px 13px; }.an-workspace-title { gap:6px; }.an-workspace-star { font-size:19px; }:root .an-create .an-main-head h1 { font-size:13px; }:root .an-create .an-head-actions [data-creative="new"] { display:none; }:root .an-create.is-welcome .an-conversation-stage { justify-content:flex-start; padding:28px 0 24px; }:root .an-create .an-transcript { padding:22px 16px 10px; }.an-welcome-note { font-size:10px; }:root .an-create .an-creative-welcome h2 { font-size:29px; margin-top:13px; }:root .an-create .an-creative-welcome>p { font-size:12px; }.an-idea-cards { grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin:22px 0; }.an-idea-cards>button { padding:8px 8px 11px; border-radius:12px; }.an-idea-art { height:56px; margin-bottom:8px; }.an-idea-art svg { width:42px; height:42px; }.an-idea-cards strong { font-size:12px; }.an-idea-cards small { font-size:9px; }:root .an-create .an-compose { margin:0 12px 12px; padding:12px; border-radius:15px; }:root .an-create .an-compose textarea { font-size:14px; }.an-compose-reassurance { font-size:10px; }:root .an-create .an-compose-bottom { align-items:flex-end; }:root .an-create .an-compose-bottom>div { gap:0; }:root .an-create .an-send { padding:9px 12px; font-size:11px; }:root .an-create .an-attach-button,.an-settings-toggle { padding:6px; font-size:10px; }.an-compose-settings:not([hidden]) { gap:10px; }.an-message-copy { font-size:13px; }:root .an-create .an-message { gap:8px; grid-template-columns:25px minmax(0,1fr); }.an-message-icon { width:25px; height:25px; }:root .an-create .an-transcript>.an-proposal { margin-left:0; padding:17px; }.an-guidance-options { flex-direction:column; }.an-plan-settings summary>span { display:block; margin:7px 0 0 15px; }:root .an-create .an-plan-grid { grid-template-columns:1fr; }.an-plan-actions>span { width:100%; } }
:root[data-theme="dark"] .an-create { --chat-accent:#bd9ae0; --chat-tint:#332a3c; --chat-paper:#201d25; --chat-muted:#b4aabb; }
:root[data-theme="dark"] .an-idea-art { filter:brightness(.62); }
:root[data-theme="dark"] .an-guidance-options button.is-recommended { background:#332a3c; }
:root[data-theme="dark"] .an-message.user .an-message-body { border-color:#554062; }
@media(prefers-reduced-motion:reduce) { .an-idea-cards>button { transition:none; }.an-idea-cards>button:hover { transform:none; } }