/* Assistant workspace with persistent desktop history and bounded chat content. */
.dg-inner[data-studio-page="ai-assistant"]{--assistant-gutter:clamp(20px,3vw,42px)}
.dg-inner[data-studio-page="ai-assistant"] .studio-content{width:calc(100% - 40px);max-width:1440px;margin:84px auto 20px;padding:0;height:calc(100dvh - 104px);min-height:0}
.dg-inner[data-studio-page="ai-assistant"] .assistant-layout{display:flex;gap:18px;width:100%;height:100%;margin:0;overflow:visible}
.dg-inner[data-studio-page="ai-assistant"] .chat-main{width:auto;flex:1;min-width:0;border:1px solid #80539e38;border-radius:18px;overflow:hidden;background:radial-gradient(ellipse at 88% 15%,#72319720,transparent 50%),radial-gradient(ellipse at 5% 80%,#30478522,transparent 50%),#0e091b}
.dg-inner[data-studio-page="ai-assistant"] .chat-topbar{background:#130c20b3;border-bottom:1px solid #a062da20}
.dg-inner[data-studio-page="ai-assistant"] .chat-topbar .dg-history-toggle{left:var(--assistant-gutter);font-size:12px}
.dg-inner[data-studio-page="ai-assistant"] .chat-topbar #chat-price{right:var(--assistant-gutter);font-size:11px}
.dg-inner[data-studio-page="ai-assistant"] .chat-messages{display:flex;flex-direction:column;padding:28px var(--assistant-gutter);background-image:linear-gradient(#b45cff03 1px,transparent 1px),linear-gradient(90deg,#b45cff03 1px,transparent 1px);background-size:56px 56px}
.dg-inner[data-studio-page="ai-assistant"] .chat-welcome{width:100%;max-width:820px;margin:auto;padding:18px 0 24px;flex:none}
.dg-inner[data-studio-page="ai-assistant"] .welcome-spark{width:64px;height:64px;line-height:64px;font-size:34px;margin-bottom:22px;border-radius:20px}
.dg-inner[data-studio-page="ai-assistant"] .chat-welcome .eyebrow{font-size:11px;letter-spacing:2.4px}
.dg-inner[data-studio-page="ai-assistant"] .chat-welcome h1{font-size:clamp(28px,2.2vw,42px);letter-spacing:.5px;margin:12px 0 10px;line-height:1.35}
.dg-inner[data-studio-page="ai-assistant"] .chat-welcome p{font-size:13px;margin:0 0 34px;color:#b8a5cc}
.dg-inner[data-studio-page="ai-assistant"] .chat-suggestions{width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;text-align:left}
.dg-inner[data-studio-page="ai-assistant"] .chat-suggestions button{min-height:88px;padding:18px 20px;flex-direction:row;align-items:center;gap:16px;border-radius:15px;background:radial-gradient(ellipse at top right,#9460c018,transparent 70%),#20162c80;border-color:#a773cf38;font-size:14px;box-shadow:inset 0 1px 0 #dfb5ff06;transition:transform .18s,border-color .18s,background .18s}
.dg-inner[data-studio-page="ai-assistant"] .chat-suggestions button:hover{border-color:#aa6ed78c;background:#382246a6;transform:translateY(-3px);box-shadow:0 8px 28px #09041240}
.dg-inner[data-studio-page="ai-assistant"] .suggestion-icon{width:44px;height:44px;border-radius:13px;flex:none}
.dg-inner[data-studio-page="ai-assistant"] .suggestion-icon .icon{width:23px;height:23px}
.dg-inner[data-studio-page="ai-assistant"] .chat-suggestions small{font-size:11px;margin-top:7px;color:#a58dbb}
.dg-inner[data-studio-page="ai-assistant"] .suggestion-arrow{position:static;margin-left:auto;font-size:17px;color:#b787db}
.dg-inner[data-studio-page="ai-assistant"] .chat-composer{width:calc(100% - 2 * var(--assistant-gutter));max-width:820px;margin:8px auto 24px;padding:18px 22px 14px;border-radius:18px;border-color:#a865dc52;background:linear-gradient(115deg,#22152feF,#1d142aee);box-shadow:0 12px 40px #03010640,0 0 0 1px #d9a2ff04}
.dg-inner[data-studio-page="ai-assistant"] .chat-composer textarea{min-height:72px;padding:14px;font-size:14px;line-height:1.7;background:#110b1d8f;border-color:#76518e66;border-radius:10px}
.dg-inner[data-studio-page="ai-assistant"] .chat-composer>div .muted{font-size:11px}
.dg-inner[data-studio-page="ai-assistant"] .chat-composer .button{min-width:104px;height:40px;font-size:13px;border-radius:10px}
.dg-inner[data-studio-page="ai-assistant"] .chat-composer .dg-chat-support{min-width:0;height:auto;font-size:11px}
.dg-inner[data-studio-page="ai-assistant"] .chat-message{width:100%;max-width:820px;flex:none;margin:16px auto;font-size:14px}
.dg-inner[data-studio-page="ai-assistant"] .chat-message.user{margin-left:auto;margin-right:auto}
.dg-inner[data-studio-page="ai-assistant"] .chat-sidebar{position:relative;inset:auto;width:260px;flex:0 0 260px;z-index:2;padding:24px 18px;border:1px solid #80539e60;border-radius:18px;background:linear-gradient(160deg,#241532c9,#170f25f5);box-shadow:none;backdrop-filter:blur(16px)}
@media(min-width:901px) and (max-height:800px){.dg-inner[data-studio-page="ai-assistant"] .chat-messages{padding-top:16px;padding-bottom:16px}.dg-inner[data-studio-page="ai-assistant"] .chat-welcome{padding:0 0 12px}.dg-inner[data-studio-page="ai-assistant"] .welcome-spark{width:48px;height:48px;line-height:48px;font-size:27px;margin-bottom:15px}.dg-inner[data-studio-page="ai-assistant"] .chat-welcome h1{font-size:28px;margin:9px 0 8px}.dg-inner[data-studio-page="ai-assistant"] .chat-welcome p{font-size:12px;margin-bottom:24px}.dg-inner[data-studio-page="ai-assistant"] .chat-suggestions button{min-height:74px;padding:14px 16px;gap:12px;font-size:12px}.dg-inner[data-studio-page="ai-assistant"] .suggestion-icon{width:36px;height:36px;border-radius:10px}.dg-inner[data-studio-page="ai-assistant"] .chat-composer{padding:14px 18px 12px}.dg-inner[data-studio-page="ai-assistant"] .chat-composer textarea{min-height:60px;font-size:13px}}
@media(max-width:1100px){.dg-inner[data-studio-page="ai-assistant"] .chat-suggestions{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.dg-inner[data-studio-page="ai-assistant"] .chat-suggestions button{min-height:90px;padding:16px}.dg-inner[data-studio-page="ai-assistant"] .chat-welcome p{margin-bottom:24px}}
@media(max-width:760px){.dg-inner[data-studio-page="ai-assistant"]{--assistant-gutter:14px}.dg-inner[data-studio-page="ai-assistant"] .chat-topbar .dg-history-toggle{font-size:10px}.dg-inner[data-studio-page="ai-assistant"] .chat-topbar #chat-price{font-size:9px}.dg-inner[data-studio-page="ai-assistant"] .chat-messages{padding:20px 14px}.dg-inner[data-studio-page="ai-assistant"] .chat-welcome{padding:14px 0 20px;margin:auto 0}.dg-inner[data-studio-page="ai-assistant"] .welcome-spark{width:48px;height:48px;line-height:48px;font-size:27px;margin-bottom:22px;border-radius:16px}.dg-inner[data-studio-page="ai-assistant"] .chat-welcome .eyebrow{font-size:9px;letter-spacing:1.8px}.dg-inner[data-studio-page="ai-assistant"] .chat-welcome h1{font-size:23px;margin:12px 0 10px;letter-spacing:0}.dg-inner[data-studio-page="ai-assistant"] .chat-welcome p{font-size:11px;line-height:1.8;margin-bottom:22px}.dg-inner[data-studio-page="ai-assistant"] .chat-suggestions{gap:9px}.dg-inner[data-studio-page="ai-assistant"] .chat-suggestions button{padding:13px 10px;gap:9px;font-size:11px;min-height:80px;border-radius:12px}.dg-inner[data-studio-page="ai-assistant"] .suggestion-icon{width:30px;height:30px;border-radius:9px}.dg-inner[data-studio-page="ai-assistant"] .suggestion-icon .icon{width:18px;height:18px}.dg-inner[data-studio-page="ai-assistant"] .chat-suggestions small{font-size:9px;margin-top:4px}.dg-inner[data-studio-page="ai-assistant"] .suggestion-arrow{display:none}.dg-inner[data-studio-page="ai-assistant"] .chat-composer{margin:6px auto 28px;padding:12px;border-radius:14px}.dg-inner[data-studio-page="ai-assistant"] .chat-composer textarea{min-height:52px;padding:10px;font-size:12px}.dg-inner[data-studio-page="ai-assistant"] .chat-composer>div .muted{font-size:8px}.dg-inner[data-studio-page="ai-assistant"] .chat-composer .button{min-width:72px;height:32px;font-size:11px}.dg-inner[data-studio-page="ai-assistant"] .chat-composer .dg-chat-support{min-width:0;height:auto;font-size:10px}.dg-inner[data-studio-page="ai-assistant"] .chat-message{font-size:13px;width:100%}.dg-inner[data-studio-page="ai-assistant"] .chat-sidebar{left:14px;top:61px;bottom:12px;width:min(280px,calc(100% - 28px))}}
@media(prefers-reduced-motion:reduce){.dg-inner[data-studio-page="ai-assistant"] .chat-suggestions button{transition:none;transform:none}}

/* Keep history in its own column; only compact screens use an overlay. */
.dg-inner[data-studio-page="ai-assistant"] .chat-sidebar[hidden]{display:none}
.dg-inner[data-studio-page="ai-assistant"] .chat-sidebar .chat-brand{display:flex;flex:none}
.dg-inner[data-studio-page="ai-assistant"] .chat-sidebar h2{display:block;font-size:16px}
.dg-inner[data-studio-page="ai-assistant"] .chat-sidebar>.button{width:100%;flex:none;margin:24px 0;padding:12px;min-height:44px;border-radius:11px}
.dg-inner[data-studio-page="ai-assistant"] .chat-sidebar .chat-heading{display:block;flex:none;font-size:11px;margin:0 4px 14px}
.dg-inner[data-studio-page="ai-assistant"] .chat-conversations{display:block;flex:1;overflow:auto;max-height:none;margin:0;scrollbar-width:thin;scrollbar-color:#744591 transparent}
.dg-inner[data-studio-page="ai-assistant"] .chat-conversations button{display:block;width:100%;max-width:none;min-width:0;padding:13px 14px;margin:0 0 6px;border:1px solid transparent;border-radius:10px;font-size:12px;line-height:1.6}
.dg-inner[data-studio-page="ai-assistant"] .chat-conversations button:is(:hover,.is-active){background:#4c29645c;border-color:#9760c744;color:#e7ccff}
.dg-inner[data-studio-page="ai-assistant"] .conversation-empty{display:flex;min-height:160px;justify-content:center;align-items:center;flex-direction:column;padding:24px 10px;text-align:center;color:#a58dbb;font-size:12px;line-height:1.8}
.dg-inner[data-studio-page="ai-assistant"] .chat-sidebar .chat-sidebar-footer{display:block;flex:none;padding-top:18px;margin-top:16px;border-top:1px solid #80539e38;font-size:10px;line-height:1.8}
.dg-inner[data-studio-page="ai-assistant"] .dg-history-close,.dg-inner[data-studio-page="ai-assistant"] .dg-history-toggle{display:none}
.dg-inner[data-studio-page="ai-assistant"] .chat-messages{background-image:none}
.dg-inner[data-studio-page="ai-assistant"] .chat-welcome[hidden]{display:none}
.dg-inner[data-studio-page="ai-assistant"] .chat-welcome h1{font-size:clamp(26px,2.2vw,36px)}
.dg-inner[data-studio-page="ai-assistant"] .chat-suggestions button{font-size:13px}
.dg-inner[data-studio-page="ai-assistant"] .suggestion-icon{width:38px;height:38px;border-radius:11px}
@media(min-width:901px) and (max-height:800px){
 .dg-inner[data-studio-page="ai-assistant"] .chat-welcome{padding:0 0 6px}
 .dg-inner[data-studio-page="ai-assistant"] .welcome-spark{width:40px;height:40px;line-height:40px;font-size:25px;margin-bottom:14px;border-radius:13px}
 .dg-inner[data-studio-page="ai-assistant"] .chat-welcome h1{font-size:27px;margin:8px 0}
 .dg-inner[data-studio-page="ai-assistant"] .chat-welcome p{margin-bottom:18px}
 .dg-inner[data-studio-page="ai-assistant"] .chat-suggestions button{min-height:64px;padding:12px 16px;font-size:12px}
 .dg-inner[data-studio-page="ai-assistant"] .suggestion-icon{width:32px;height:32px;border-radius:10px}
 .dg-inner[data-studio-page="ai-assistant"] .chat-composer textarea{display:block;height:60px;min-height:60px}
}
@media(max-width:1100px) and (min-width:901px){
 .dg-inner[data-studio-page="ai-assistant"] .chat-sidebar{width:230px;flex-basis:230px;padding:22px 14px}
 .dg-inner[data-studio-page="ai-assistant"] .chat-suggestions button{gap:10px;padding:14px;font-size:12px}
}
@media(max-width:900px){
 .dg-inner[data-studio-page="ai-assistant"] .studio-content{width:calc(100% - 28px);margin:78px auto 14px;height:calc(100dvh - 92px)}
 .dg-inner[data-studio-page="ai-assistant"] .chat-sidebar{position:absolute;left:10px;top:64px;bottom:10px;width:264px;z-index:12;box-shadow:14px 10px 60px #03010677;background:#1a1029f5}
 .dg-inner[data-studio-page="ai-assistant"] .dg-history-close,.dg-inner[data-studio-page="ai-assistant"] .dg-history-toggle{display:block}
}
@media(max-width:600px){
 .dg-inner[data-studio-page="ai-assistant"] .studio-content{width:100%;margin:64px 0 0;height:calc(100dvh - 64px)}
 .dg-inner[data-studio-page="ai-assistant"] .chat-main{border:0;border-radius:0}
 .dg-inner[data-studio-page="ai-assistant"] .chat-welcome h1{font-size:23px}
 .dg-inner[data-studio-page="ai-assistant"] .chat-suggestions button{font-size:11px;min-height:74px}
 .dg-inner[data-studio-page="ai-assistant"] .suggestion-icon{width:30px;height:30px}
 .dg-inner[data-studio-page="ai-assistant"] .chat-sidebar{left:12px;top:61px;bottom:12px;width:min(264px,calc(100% - 24px))}
}