/* A conversation is its own workspace; canvas is an explicit destination. */
.studio-shell.is-assistant{height:100dvh;overflow:hidden;background:#111214}
.is-assistant>.native-home-header{display:none}
.is-assistant>main{min-height:0;height:100dvh;overflow:hidden;padding:0}
.assistant-conversation-page{height:100%;display:flex;flex-direction:column;max-width:1200px;margin:0 auto}
.assistant-page-heading{display:flex;align-items:center;gap:12px;padding:22px 34px 16px;flex:none;border-bottom:1px solid #ffffff0a}
.assistant-page-heading h1{margin:4px 0 0;font-size:16px;font-weight:550;max-width:550px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#e9eaef}
.assistant-page-eyebrow{font-size:11px;letter-spacing:1px;color:#8f929c}
.assistant-page-heading .btn{background:#222328;border:1px solid #35363e;border-radius:9px;color:#bfc1ca;gap:6px}
.assistant-conversation-page>.agent-panel{display:flex;flex:1;flex-direction:column;width:100%;max-width:none;min-height:0;border:0;border-radius:0;background:transparent;position:relative;overflow:hidden}
.assistant-conversation-page .agent-panel-heading{border:0;min-height:48px;padding:12px 34px 0;background:transparent}
.assistant-conversation-page .chat-session-heading{width:100%}
.assistant-conversation-page .chat-session-heading>[data-action=agent-toggle]{display:none}
.assistant-conversation-page .chat-session-tab{color:#9b9da8}
/* Polling replaces the message container; restoration must finish before the
   next refresh reads its position, rather than animate again from zero. */
.assistant-conversation-page .agent-scroll{flex:1;min-height:0;overflow:auto;padding:20px max(34px,calc((100% - 820px)/2)) 40px;scroll-behavior:auto}
.assistant-conversation-page .agent-message{font-size:14px;margin-bottom:24px}
.assistant-conversation-page .agent-message.user{margin-left:auto;max-width:82%;background:#24252a;border:1px solid #303138;border-radius:18px 18px 5px 18px;padding:14px 18px;line-height:1.8}
.assistant-conversation-page .agent-message.assistant{padding:0;background:none;border:none;max-width:100%}
.assistant-conversation-page .native-assistant-avatar{background:#292430;border:1px solid #4d405f;color:#d0bcec;border-radius:10px;width:30px;height:30px;margin-bottom:10px}
.assistant-conversation-page .agent-markdown{font-size:14px;line-height:1.9;color:#d5d6dd}
.assistant-conversation-page .agent-markdown h1,.assistant-conversation-page .agent-markdown h2,.assistant-conversation-page .agent-markdown h3{color:#f0f0f4;margin:18px 0 10px}
.assistant-conversation-page .agent-compose-wrap{width:min(820px,calc(100% - 68px));margin:0 auto 24px;padding:0;background:transparent;border:0}
.assistant-conversation-page .agent-composer{border:1px solid #393a43;border-radius:18px;background:#202126;padding:14px 16px;box-shadow:0 8px 32px #0002}
.assistant-conversation-page .agent-composer textarea{min-height:70px;max-height:180px;line-height:1.75;font-size:14px}
.assistant-conversation-page .agent-welcome{padding:70px 0 40px;text-align:center}
.assistant-conversation-page .agent-welcome h2{font-size:28px;font-weight:550;letter-spacing:-.7px}
.agent-guidance{margin:22px 0 16px;padding:0;border:0;min-width:0}
.agent-guidance legend{font-size:16px;font-weight:600;color:#ededf2;margin-bottom:14px}
.agent-guidance-options{display:grid;gap:10px;margin-bottom:14px}
.agent-guidance-option{display:flex;align-items:flex-start;gap:12px;border:1px solid #363840;border-radius:12px;background:#202126;padding:16px;cursor:pointer;transition:border-color .15s,background .15s}
.agent-guidance-option:hover{border-color:#676270;background:#28272f}
.agent-guidance-option:has(input:checked){border-color:#ac96cf;background:#302938}
.agent-guidance-option input{margin:4px 0 0;accent-color:#c3aadf;flex:none}
.agent-guidance-option strong{font-size:14px;font-weight:550;display:block;color:#e4e4eb}
.agent-guidance-option small{display:block;font-size:12px;line-height:1.8;color:#a7a9b3;margin-top:5px;white-space:pre-line}
.agent-guidance[disabled] .agent-guidance-option{cursor:default;opacity:.72}
.agent-guidance .btn{min-width:88px;border-radius:9px}
.agent-guidance-submitted{font-size:12px;color:#b2b1bb;display:flex;align-items:center;gap:6px}
@media(max-width:1200px){.assistant-page-heading{padding:18px 24px 12px}.assistant-conversation-page .agent-scroll{padding:18px 28px 32px}.assistant-conversation-page .agent-panel-heading{padding:10px 24px 0}.assistant-conversation-page .agent-compose-wrap{width:calc(100% - 48px)}}
@media(max-width:720px){.assistant-page-heading h1{max-width:220px}.assistant-page-heading .btn{font-size:11px;padding:7px}.assistant-page-heading{padding:14px 16px}.assistant-conversation-page .agent-scroll{padding:16px}.assistant-conversation-page .agent-compose-wrap{width:calc(100% - 24px);margin-bottom:12px}.assistant-conversation-page .agent-panel-heading{padding:8px 16px 0}}
/* Client branding and editorial covers replace generic demo placeholders. */
body .sidebar-wordmark img{width:33px;height:33px;object-fit:contain;border-radius:0;background:none}
body .sidebar-wordmark strong{font-size:17px;font-weight:600;letter-spacing:-.3px}
body .native-logo img{width:34px;height:34px;object-fit:contain}
body .global-sidebar{background:#141517;border-right:1px solid #ffffff07}
body .sidebar-main>button{border-radius:12px}
body .sidebar-main>button.active{background:#292a30}
body .native-home-recommendations{border-top:1px solid #ffffff0c;padding-top:24px}
body .native-feature-card{position:relative;background:#1a1b1e;border:1px solid #323339;border-radius:16px;padding:0 0 16px;overflow:hidden;text-align:left;transition:border-color .2s,transform .2s}
body .native-feature-card:hover{border-color:#65616f;transform:translateY(-3px)}
body .native-feature-card .native-feature-art{margin:0;border-radius:0;aspect-ratio:16/10;height:auto;overflow:hidden;background:#212228}
body .native-feature-card .native-feature-art img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
body .native-feature-card:hover img{transform:scale(1.035)}
body .native-feature-card h3{font-size:15px;letter-spacing:.1px;color:#eeeef3;padding:0 16px;margin:15px 0 5px;font-weight:550}
body .native-feature-card p{font-size:12px;line-height:1.7;color:#9a9ca5;padding:0 16px;margin:0}
body .native-recommend-track{gap:16px;padding-bottom:8px}
body .native-recommend-header{margin-bottom:18px}
.assistant-conversation-page .chat-session-tab{display:none}
.agent-full-reply{margin:0 0 18px}
.agent-full-reply>summary{display:inline-flex;gap:8px;align-items:center;cursor:pointer;color:#b5a4ca;font-size:13px;padding:8px 0;list-style:none}
.agent-full-reply>summary:before{content:'+';font-size:16px;font-weight:400}
.agent-full-reply[open]>summary:before{content:'−'}
.agent-full-reply>.agent-message-content{padding:14px 0;border-top:1px solid #ffffff0c}
body .studio-shell .qc-home .qc-quick-tools{margin-bottom:20px}
body .native-recommend-header{margin-bottom:14px}

/* Full client name fits on one line alongside the fixed-size logo and toggle. */
body .studio-shell:not(.nav-collapsed) .sidebar-brand{gap:6px;padding-left:4px;padding-right:4px;min-width:0}
body .studio-shell .sidebar-wordmark{gap:8px;padding:5px 0;min-width:0;flex:1 1 auto}
body .studio-shell .sidebar-wordmark img{width:32px;height:32px;flex:0 0 32px;object-fit:contain}
body .studio-shell .sidebar-wordmark strong{font-size:15px;line-height:22px;font-weight:600;letter-spacing:-.25px;white-space:nowrap;flex:0 0 auto}
body .studio-shell:not(.nav-collapsed) .sidebar-collapse{width:24px;height:28px;min-width:24px;flex:0 0 24px;margin-left:2px;padding:4px}
body .studio-shell.nav-collapsed .sidebar-wordmark{flex:none;padding:5px 0}
body .studio-shell.nav-collapsed .sidebar-wordmark img{width:28px;height:28px;flex-basis:28px}

/* Recommended skills use the same editorial language as the creation cards. */
body .native-recommended-skill{padding:0;background:#191a1d;border-color:#ffffff12;display:flex;flex-direction:column}
body .native-recommended-skill .native-feature-art{aspect-ratio:16/9;flex:none}
body .native-recommended-skill .native-feature-art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0004,transparent 55%,#0002);pointer-events:none}
body .native-recommended-skill .recommended-skill-kind{position:absolute;left:12px;top:12px;font-family:inherit;font-size:11px;font-weight:500;letter-spacing:.2px;line-height:18px;padding:3px 9px;border:1px solid #ffffff26;border-radius:6px;background:#1415199c;backdrop-filter:blur(12px);color:#f5f5f7;z-index:1}
body .native-recommended-skill .recommended-skill-copy{padding:17px 18px 14px;display:flex;flex-direction:column;flex:1;min-width:0}
body .native-recommended-skill h3{padding:0;margin:0 0 7px;font-size:15px;font-weight:600;letter-spacing:0;line-height:22px}
body .native-recommended-skill p{padding:0;margin:0;color:#9799a4;font-size:12px;line-height:20px;white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;min-height:40px;overflow:hidden}
body .native-recommended-skill .recommended-skill-action{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff0b;margin-top:15px;padding-top:11px;font-size:12px;line-height:20px;color:#c0c2cc}
body .native-recommended-skill .recommended-skill-action>span{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#ffffff08;transition:background .18s,color .18s,transform .18s}
body .native-recommended-skill .recommended-skill-action .icon{width:14px;height:14px;transform:rotate(-35deg)}
body .native-recommended-skill:hover,body .native-recommended-skill:focus-visible{border-color:#797185;outline:none;background:#1e1f24}
body .native-recommended-skill:hover .recommended-skill-action>span,body .native-recommended-skill:focus-visible .recommended-skill-action>span{background:#eeecf5;color:#22222a;transform:translate(1px,-1px)}
@media(prefers-reduced-motion:reduce){body .native-recommended-skill,body .native-recommended-skill img,body .native-recommended-skill .recommended-skill-action>span{transition:none}body .native-recommended-skill:hover,body .native-recommended-skill:hover img{transform:none}}

/* Header balance is presentation data until the platform wallet is connected. */
body .native-home-header .header-credits{display:flex;align-items:center;gap:11px;flex:none;border:1px solid #ffffff12;border-radius:22px;background:#232328;padding:5px 7px 5px 12px;height:34px;box-sizing:border-box;margin-left:10px}
body .header-credit-balance{display:flex;align-items:center;gap:6px;white-space:nowrap;font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;color:#f0eff5}
body .header-credit-balance>.icon{width:15px;height:15px;color:#bda2f5;fill:#bda2f51c}
body .header-credit-balance small{font-size:11px;font-weight:400;color:#a5a3af;margin-left:1px}
body .header-credit-divider{height:14px;width:1px;background:#ffffff1a}
body .header-credit-recharge{border:0;border-radius:14px;min-height:24px;padding:3px 11px;background:#ece9f4;color:#2a2535;font-size:12px;font-weight:600;line-height:18px;cursor:pointer;transition:background .15s}
body .header-credit-recharge:hover{background:#fff}
body .header-credit-recharge:focus-visible{outline:2px solid #bda2f5;outline-offset:3px}
@media(max-width:580px){body .native-home-header .header-credits{gap:8px;margin-left:0}body .header-credit-balance small{display:none}}