/* End-user chrome. Review tools are an optional overlay, never page content. */
.prototype-bar{position:fixed!important;inset:0 0 auto!important;width:100%;height:44px!important;min-height:44px!important;transform:translateY(-102%);opacity:0;pointer-events:none;transition:transform .18s ease,opacity .18s ease;z-index:110!important;background:var(--studio-bg)!important;box-shadow:0 5px 18px #00000008;box-sizing:border-box}.sp-review-open .prototype-bar{transform:translateY(0);opacity:1;pointer-events:auto}.sidebar{inset-block-start:0!important}.public-shell{min-height:100vh!important}.sp-review-handle{position:fixed;top:0;left:calc(50% - 28px);width:56px;height:14px;z-index:109;background:var(--studio-soft);border:1px solid var(--studio-border);border-top:0;border-radius:0 0 9px 9px;display:grid;place-items:center;color:var(--studio-muted);opacity:.2;transition:opacity .15s,height .15s}.sp-review-handle .icon{width:12px;height:12px}.sp-review-handle:hover,.sp-review-handle:focus-visible{opacity:1;height:28px}.sp-review-open .sp-review-handle{opacity:0;pointer-events:none}.sp-review-scope{font-size:9px;color:var(--studio-muted);max-width:180px}.prototype-bar .proto-actions{gap:10px}.prototype-bar .proto-actions>button{padding:5px}.content{padding-top:32px}.screen-scope-bar,.route-meta{display:none!important}.sidebar-bottom{padding-top:12px}.sidebar .nav>a{min-height:39px;padding-block:10px}.sidebar .workspace-switch{margin-bottom:12px}.sidebar .nav-label{margin-top:12px}.sidebar{padding-top:25px}.sp-support-launcher{position:fixed;left:23px;bottom:24px;z-index:60;display:flex;align-items:center;gap:8px;padding:13px 17px;border-radius:28px;background:#3158ed;color:white;border:1px solid #ffffff35;box-shadow:0 6px 24px #3158ed30;font-size:12px}.sp-support-launcher .icon{width:19px;height:19px}.sp-chat-panel{position:fixed;bottom:85px;left:24px;z-index:90;width:390px;height:min(620px,calc(100dvh - 110px));border-radius:19px;background:var(--studio-card);border:1px solid var(--studio-border);box-shadow:0 18px 65px #0b122b30;display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;color:var(--studio-ink)}.sp-chat-panel[hidden]{display:none}.sp-chat-panel>header{display:flex;align-items:center;gap:10px;padding:17px;border-bottom:1px solid var(--studio-border)}.sp-chat-bot{display:grid;place-items:center;height:38px;width:38px;background:#3158ed13;color:#5975e6;border-radius:12px}.sp-chat-panel>header>div{flex:1}.sp-chat-panel>header strong{font-size:14px;display:block}.sp-chat-panel>header small{font-size:10px;color:var(--studio-muted);display:block;margin-top:5px}.sp-chat-panel>header>button{padding:6px}.sp-chat-log{overflow:auto;padding:20px 17px;overscroll-behavior:contain;scrollbar-width:thin;display:flex;flex-direction:column;gap:16px}.sp-chat-message{font-size:12px;line-height:2;flex-shrink:0;min-width:0}.sp-chat-message p{margin:0 0 12px;white-space:pre-wrap;overflow-wrap:anywhere}.sp-chat-message.user{align-self:flex-start;max-width:86%;padding:10px 14px;background:#3158ed;color:white;border-radius:13px 13px 3px 13px}.sp-chat-message.user p{margin:0}.sp-chat-message.bot{align-self:stretch}.sp-chat-message.bot>p{background:var(--studio-soft);padding:13px;border-radius:13px 13px 13px 3px}.sp-chat-message .btn{font-size:11px;padding:10px 13px;white-space:normal}.sp-chat-options{display:grid;gap:7px;margin-top:12px}.sp-chat-options button{display:flex;justify-content:space-between;align-items:center;gap:10px;border:1px solid var(--studio-border);background:var(--studio-card);border-radius:9px;padding:10px 12px;text-align:right;font-size:11px;line-height:1.9}.sp-chat-options button:hover{border-color:#3158ed80;background:#3158ed06}.sp-chat-options .icon{width:13px;height:13px;flex-shrink:0}.sp-chat-compose{display:flex;gap:8px;align-items:center;padding:13px;border-top:1px solid var(--studio-border)}.sp-chat-compose input{flex:1;min-width:0;background:var(--studio-soft);border-color:transparent;border-radius:10px;font-size:12px;padding:12px}.sp-chat-compose button{height:37px;width:37px;display:grid;place-items:center;border-radius:10px;background:#3158ed;color:white;flex-shrink:0}.sp-chat-compose .icon{width:16px}.sp-chat-diagram{display:flex;align-items:center;gap:10px;border:1px solid var(--studio-border);border-radius:10px;padding:13px;margin:12px 0}.sp-chat-diagram>div{display:flex;flex-direction:column;align-items:center;gap:7px;flex:1}.sp-chat-diagram strong{font-size:12px}.sp-chat-diagram small{font-size:9px;color:var(--studio-muted)}.sp-chat-diagram>span{color:var(--studio-muted)}.sp-chat-steps{display:grid;gap:8px;margin:10px 0 15px;padding-inline-start:13px;border-inline-start:2px solid #3158ed30;font-size:11px}.sp-chat-invoice,.sp-chat-handoff{border:1px solid var(--studio-border);padding:16px;border-radius:12px;background:linear-gradient(140deg,#3158ed08,transparent)}.sp-chat-invoice>span,.sp-chat-handoff>span{display:flex;align-items:center;gap:8px;font-size:10px;color:var(--studio-muted)}.sp-chat-invoice>strong{display:block;font-size:13px;line-height:1.8;margin:12px 0}.sp-chat-invoice>small{display:block;font-size:10px;color:var(--studio-muted);margin-bottom:15px;line-height:1.9}.sp-chat-warning{padding:12px;border-radius:9px;background:#d7992710;font-size:10px;line-height:1.9}.sp-chat-handoff>p{font-size:11px;line-height:1.9;margin:12px 0}.sp-support-hero{display:grid;grid-template-columns:1.3fr 1fr;gap:30px;padding:35px;background:var(--studio-soft);border-radius:20px}.sp-support-hero h2{font-size:33px;line-height:1.8;letter-spacing:-1px;margin:12px 0}.sp-support-hero p{font-size:13px;color:var(--studio-muted);line-height:2;max-width:500px;margin-bottom:20px}.sp-guide-illustration{position:relative;min-height:250px;display:flex;flex-direction:column;justify-content:center;gap:14px;align-items:center}.sp-guide-illustration>span{width:65px;height:65px;display:grid;place-items:center;border-radius:22px;background:#3158ed;color:white;margin-bottom:12px;box-shadow:0 0 0 10px #3158ed0b}.sp-guide-illustration>span .icon{width:29px;height:29px}.sp-guide-illustration>div{background:var(--studio-card);padding:13px 20px;border:1px solid var(--studio-border);font-size:11px;border-radius:12px;box-shadow:0 6px 17px #00000004}.sp-guide-illustration>div:nth-of-type(1){transform:translateX(24px)}.sp-guide-illustration>div:nth-of-type(2){transform:translateX(-8px);color:var(--studio-muted)}.sp-guide-illustration>i{position:absolute;left:20px;top:20px;font-size:65px;font-style:normal;color:#3158ed30}.sp-topic-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:26px 0 35px}.sp-topic{text-align:right;padding:22px 0;border-bottom:1px solid var(--studio-border)}.sp-topic>.icon{color:#6179d5;width:25px;height:25px}.sp-topic h3{font-size:14px;line-height:1.8;margin:17px 0 8px}.sp-topic p{font-size:11px;color:var(--studio-muted);line-height:1.9;min-height:35px;margin-bottom:16px}.sp-topic>span{font-size:11px}.sp-ticket-list{display:grid;gap:14px}.sp-ticket-card{display:flex;align-items:center;gap:18px;padding:23px;border:1px solid var(--studio-border);background:var(--studio-card);border-radius:14px;min-width:0}.sp-ticket-symbol{width:44px;height:44px;display:grid;place-items:center;background:var(--studio-soft);border-radius:12px;flex-shrink:0}.sp-ticket-card>div{min-width:0;flex:1}.sp-ticket-card small{font-size:10px;color:var(--studio-muted)}.sp-ticket-card h3{font-size:15px;line-height:1.8;margin:9px 0 6px}.sp-ticket-card p{font-size:11px;color:var(--studio-muted);line-height:1.9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:550px;margin:0}.sp-ticket-card>aside{display:flex;flex-direction:column;gap:12px;align-items:flex-end;flex-shrink:0}.sp-ticket-card>.icon{width:14px;flex-shrink:0}.sp-new-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:40px;align-items:start}.sp-ticket-form{padding:27px;border:1px solid var(--studio-border);border-radius:15px;background:var(--studio-card)}.sp-ticket-form .field{margin-bottom:23px}.sp-ticket-form textarea{min-height:180px}.sp-ticket-form .field>small{font-size:10px;color:var(--studio-muted);line-height:1.9;margin-top:8px}.sp-ticket-tips{padding:20px 0}.sp-ticket-tips h2{font-size:25px;line-height:1.8;margin:13px 0 25px}.sp-ticket-tips>button{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 0;border-bottom:1px solid var(--studio-border);width:100%;font-size:12px;text-align:right}.sp-ticket-tips>button .icon{width:14px;flex-shrink:0}.sp-ticket-tips p{font-size:12px;color:var(--studio-muted);line-height:2;margin-top:22px}.sp-thread-grid{display:grid;grid-template-columns:2fr 1fr;gap:32px;align-items:start}.sp-thread{border:1px solid var(--studio-border);background:var(--studio-card);border-radius:16px;padding:25px}.sp-thread-message{padding:22px 0;border-bottom:1px solid var(--studio-border)}.sp-thread-message:first-child{padding-top:0}.sp-thread-message header{display:flex;justify-content:space-between;align-items:center;gap:15px}.sp-thread-message strong{font-size:12px}.sp-thread-message small{font-size:10px;color:var(--studio-muted)}.sp-thread-message p{font-size:13px;line-height:2.2;margin:15px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.sp-thread-message.support{margin:20px -10px;padding:20px 15px;background:var(--studio-soft);border:0;border-radius:10px}.sp-thread-message.support strong{color:#6d83d3}.sp-thread form{margin-top:25px}.sp-thread form>label{display:block;font-size:13px;margin-bottom:12px}.sp-thread textarea{width:100%;min-height:110px}.sp-thread form>button{display:block;margin:15px 0 0 auto}.sp-thread-meta{padding:25px;background:var(--studio-soft);border-radius:14px}.sp-thread-meta dl{margin:22px 0}.sp-thread-meta dl>div{padding:13px 0;border-bottom:1px solid var(--studio-border)}.sp-thread-meta dt{font-size:10px;color:var(--studio-muted);margin-bottom:8px}.sp-thread-meta dd{font-size:12px;line-height:1.8;margin:0}.sp-closed-note{font-size:12px;line-height:1.9;color:var(--studio-muted);padding-top:25px}.sp-finance-summary{display:grid;grid-template-columns:1.7fr 1fr;gap:30px;align-items:center;padding:35px;border:1px solid var(--studio-border);border-radius:19px;background:linear-gradient(110deg,#3158ed09,transparent),var(--studio-card)}.sp-finance-summary>div>span{font-size:12px;color:var(--studio-muted)}.sp-finance-summary>div>strong{display:block;font-size:42px;font-weight:450;margin:18px 0 12px}.sp-finance-summary small{font-size:13px;font-weight:400;color:var(--studio-muted)}.sp-finance-summary p{font-size:12px;line-height:1.9;color:var(--studio-muted);max-width:450px}.sp-finance-summary>aside{padding-inline-start:30px;border-inline-start:1px solid var(--studio-border);display:flex;flex-direction:column;align-items:flex-start;gap:12px}.sp-finance-summary>aside>span{font-size:11px;color:var(--studio-muted);line-height:1.9}.sp-finance-summary>aside>b{font-size:17px;line-height:1.9}.sp-invoice-list{display:grid;gap:16px}.sp-invoice{display:flex;align-items:center;gap:18px;padding:24px;border-bottom:1px solid var(--studio-border)}.sp-invoice-mark{width:45px;height:54px;border:1px solid var(--studio-border);border-radius:9px;display:grid;place-items:center;background:var(--studio-soft);flex-shrink:0}.sp-invoice>div{min-width:0}.sp-invoice>div>small{font-size:10px;color:var(--studio-muted)}.sp-invoice h3{font-size:16px;line-height:1.9;margin:7px 0 11px}.sp-invoice-amount{margin-inline-start:auto;display:flex;align-items:flex-end;flex-direction:column;gap:12px;flex-shrink:0}.sp-invoice-amount strong{font-size:18px;font-weight:500}.sp-invoice-amount small{font-size:10px;color:var(--studio-muted);font-weight:400}.sp-invoice-detail h3{font-size:18px;line-height:1.9;margin-bottom:25px}.sp-invoice-detail>p{font-size:12px;color:var(--studio-muted);line-height:1.9}.sp-invoice-detail>div,.sp-invoice-detail>footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:17px 0;border-bottom:1px solid var(--studio-border);font-size:12px}.sp-invoice-detail>footer{border:0;font-size:14px;margin:10px 0 20px}.sp-invoice-detail b{white-space:nowrap}.sp-methods{display:grid;grid-template-columns:1fr 1.4fr;gap:50px;align-items:center;padding:45px 20px}.sp-methods h2{font-size:28px;line-height:1.8;margin:12px 0}.sp-methods p{font-size:13px;line-height:2;color:var(--studio-muted);margin-bottom:25px}.sp-payment-art{height:205px;width:100%;max-width:330px;margin:auto;border-radius:18px;background:linear-gradient(140deg,#3158ed,#536cdc);color:white;padding:27px;display:flex;flex-direction:column;justify-content:space-between;transform:rotate(-5deg);box-shadow:13px 14px 0 #3158ed12;box-sizing:border-box}.sp-payment-art>.icon{width:32px;height:32px}.sp-payment-art>span{font-size:23px;direction:ltr;letter-spacing:4px;opacity:.8}.sp-finance-empty{padding:50px 20px;text-align:center;max-width:550px;margin:auto}.sp-finance-empty h2{font-size:24px;line-height:1.9}.sp-finance-empty p{font-size:13px;color:var(--studio-muted);line-height:2}.sp-thread-grid>*,.sp-new-grid>*,.sp-finance-summary>*,.sp-methods>*,.sp-support-hero>*{min-width:0}
@media(max-width:1100px){.sp-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sp-review-scope{display:none}.prototype-bar{font-size:10px}.prototype-bar .proto-actions{gap:6px}.sp-support-hero{padding:28px;grid-template-columns:1.5fr 1fr}.sp-support-hero h2{font-size:28px}.sp-ticket-card p{max-width:280px}}
@media(max-width:650px){.sp-support-launcher{left:16px;bottom:18px;padding:12px 15px}.sp-chat-panel{left:12px;right:12px;bottom:80px;width:auto;height:min(600px,calc(100dvh - 98px));border-radius:15px}.sp-review-handle{height:20px;opacity:.4;width:60px;left:calc(50% - 30px)}.prototype-bar{padding:5px 8px!important;gap:6px;height:auto!important;min-height:44px!important;flex-wrap:wrap}.prototype-bar>div:first-child{display:none}.prototype-bar .proto-actions{width:100%;justify-content:space-around;font-size:10px;gap:5px}.prototype-bar .proto-actions .prototype-sub{display:none}.sidebar{padding-top:22px}.content:has(.cx-heading){padding-top:28px}.sp-support-hero{grid-template-columns:1fr;gap:10px;padding:25px 22px}.sp-support-hero h2{font-size:29px}.sp-support-hero p{font-size:12px}.sp-guide-illustration{min-height:230px}.sp-topic-grid{gap:10px 22px;margin:18px 0 30px}.sp-topic h3{font-size:13px}.sp-topic p{font-size:10px;min-height:38px}.sp-topic>span{font-size:10px}.sp-ticket-card{padding:18px;gap:12px;flex-wrap:wrap;position:relative}.sp-ticket-card>div{flex-basis:calc(100% - 58px)}.sp-ticket-card h3{font-size:14px}.sp-ticket-card p{max-width:210px}.sp-ticket-card>aside{flex-direction:row;justify-content:space-between;align-items:center;width:100%;margin-top:4px}.sp-ticket-card>.icon{display:none}.sp-ticket-symbol{height:38px;width:38px}.sp-new-grid,.sp-thread-grid,.sp-methods,.sp-finance-summary{grid-template-columns:1fr;gap:25px}.sp-ticket-tips{grid-row:1;padding:0}.sp-ticket-tips h2{font-size:22px;margin:9px 0 12px}.sp-ticket-tips p{font-size:11px}.sp-ticket-form{padding:20px}.sp-ticket-form .form-grid{grid-template-columns:1fr}.sp-ticket-form textarea{min-height:150px}.sp-thread{padding:20px}.sp-thread-meta{grid-row:1;padding:18px}.sp-thread-meta dl{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;margin:12px 0}.sp-thread-message p{font-size:12px}.sp-finance-summary{padding:25px;gap:18px}.sp-finance-summary>div>strong{font-size:34px}.sp-finance-summary>aside{border-inline-start:0;border-top:1px solid var(--studio-border);padding:18px 0 0}.sp-invoice{padding:20px 0;gap:12px;flex-wrap:wrap}.sp-invoice>div:not(.sp-invoice-amount){flex-basis:calc(100% - 60px)}.sp-invoice h3{font-size:14px}.sp-invoice-amount{width:100%;flex-direction:row;align-items:center;justify-content:space-between;margin-top:7px;padding-inline-start:57px}.sp-invoice-amount strong{font-size:16px}.sp-invoice-amount .btn{font-size:10px;padding:9px}.sp-methods{padding:20px 0}.sp-methods h2{font-size:25px}.sp-methods p{font-size:12px}.sp-payment-art{max-width:270px;height:175px;margin:12px auto 20px}.sp-invoice-detail>div,.sp-invoice-detail>footer{font-size:11px;gap:10px}.sp-invoice-detail b{font-size:11px}.sp-finance-empty{padding:35px 0}.sp-finance-empty h2{font-size:21px}.topbar{min-height:68px}.cx-command .row .btn{min-height:43px}.sp-topic:focus-visible,.sp-chat-options button:focus-visible{outline:2px solid #9a84e6;outline-offset:4px}}
@media(prefers-reduced-motion:reduce){.prototype-bar,.sp-review-handle{transition:none}}
.wk-context-line{font-size:12px;color:var(--studio-muted);margin:0 0 20px}.wk-project-filter>select{max-width:190px;font-size:12px}.wk-task-filter{display:flex;gap:12px;align-items:center;margin:0 0 25px;font-size:12px}.wk-task-filter select{max-width:330px}.wk-consent-caption{font-size:11px;color:var(--studio-muted);line-height:1.9;margin:20px 0 0}.sp-review-handle:after{content:'';position:absolute;inset:-2px -4px -18px}.proto-actions .sp-review-doc{padding:6px}.proto-actions .sp-review-doc .icon{width:15px;height:15px}@media(max-width:650px){.wk-project-filter{flex-wrap:wrap}.wk-project-filter input[name=q]{flex-basis:calc(100% - 40px)}.wk-project-filter>select{max-width:none;flex:1}.wk-task-filter{flex-wrap:wrap}.wk-task-filter label{width:100%}.wk-task-filter select{max-width:none;flex:1;min-width:0}}

.sp-support-launcher[hidden]{display:none}
/* Page-map and design-source controls belong only to the optional review toolbar. */
.topbar button[data-action=page-map],.public-footer button[data-action=page-map],.public-footer .ds-source-link{display:none!important}

/* Explicit open/close: keep the toolbar hidden until requested. */
.sp-review-handle{left:50%;transform:translateX(-50%);width:auto;min-width:160px;height:32px;opacity:1;display:flex;gap:7px;align-items:center;justify-content:center;padding:0 12px;font:11px Vazirmatn,Tahoma,sans-serif;cursor:pointer}
.sp-review-handle:hover,.sp-review-handle:focus-visible{height:32px}.prototype-bar [data-action=sp-review-close]{display:flex;align-items:center;gap:5px;white-space:nowrap;border:1px solid var(--studio-border);border-radius:6px;min-width:90px!important;max-width:none!important;font-size:11px!important}
.prototype-bar{max-height:75dvh;overflow:auto}.sp-review-open .prototype-bar{overflow:visible}@media(max-width:650px){.sp-review-open .prototype-bar{overflow:auto}.sp-review-handle{left:50%;width:auto;min-width:150px;height:32px;opacity:1}}

/* Assistant workspace and its compact continuation on other pages. */
.as-workspace{max-width:980px;margin:0 auto;border:1px solid var(--studio-border);border-radius:20px;background:var(--studio-card);overflow:hidden;box-shadow:0 8px 35px #14233b05}
.as-chat-header{display:flex;align-items:center;gap:12px;padding:20px 24px;border-bottom:1px solid var(--studio-border)}.as-chat-header>div{flex:1}.as-chat-header strong{font-size:15px}.as-chat-header small{display:block;font-size:11px;color:var(--studio-muted);margin-top:5px}.as-chat-header>button{padding:8px}.as-symbol{width:36px;height:36px;display:grid;place-items:center;background:#4359df12;color:#5365db;border-radius:12px;flex-shrink:0}.as-symbol .icon{width:19px;height:19px}
.as-log{max-height:65dvh;min-height:290px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:24px;display:flex;flex-direction:column;gap:24px}.as-message{font-size:13px;line-height:2;min-width:0;flex-shrink:0;overflow-wrap:anywhere}.as-message>small{font-size:10px;color:var(--studio-muted)}.as-message>p{margin:6px 0 16px;white-space:pre-wrap}.as-message.user{align-self:flex-start;max-width:85%;padding:10px 16px;background:var(--studio-soft);border:1px solid var(--studio-border);border-radius:14px 14px 4px 14px}.as-message.user>p{margin:4px 0}.as-message.bot{width:100%}
.as-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.as-metrics>a{padding:16px;border:1px solid var(--studio-border);border-radius:12px;background:var(--studio-soft);display:flex;align-items:center;justify-content:space-between;gap:8px}.as-metrics b{font-size:24px;font-weight:500}.as-metrics span{display:flex;align-items:center;gap:8px;font-size:11px}.as-metrics .icon{width:14px}.as-module{border:1px solid var(--studio-border);border-radius:12px;padding:16px;margin:16px 0}.as-module>header{display:flex;justify-content:space-between;gap:10px;margin-bottom:10px;font-size:12px}.as-module>p{font-size:12px;color:var(--studio-muted);margin:12px 0}.as-task{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--studio-border)}.as-task>span{flex:1;min-width:0}.as-task strong{display:block;font-size:12px}.as-task small{display:block;font-size:10px;color:var(--studio-muted);margin-top:4px}.as-task>.icon{width:18px;flex-shrink:0}.as-projects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0}.as-projects .cx-project-tile{margin:0}.as-projects .cx-project-tile p{font-size:11px}
.as-suggestions{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.as-suggestions>button{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--studio-border);border-radius:22px;background:var(--studio-card);color:var(--studio-ink);padding:9px 14px;font:11px/1.9 Vazirmatn,Tahoma,sans-serif;text-align:right;cursor:pointer}.as-suggestions>button:hover{background:var(--studio-soft);border-color:#697ee080}.as-suggestions .icon{width:13px;height:13px;flex-shrink:0}
.as-compose{display:flex;align-items:center;gap:10px;padding:16px 20px;border-top:1px solid var(--studio-border);background:var(--studio-card)}.as-compose input{flex:1;min-width:0;background:var(--studio-soft);border:1px solid var(--studio-border);border-radius:12px;padding:13px 16px;font:12px/1.8 Vazirmatn,Tahoma,sans-serif;color:var(--studio-ink)}.as-compose button{width:42px;height:42px;display:grid;place-items:center;background:#4359df;color:white;border-radius:12px;flex-shrink:0}.as-compose .icon{width:18px;height:18px}
.sp-chat-panel.as-mini{left:24px;right:auto;bottom:24px;width:min(440px,calc(100vw - 32px));height:auto;max-height:calc(100dvh - 100px);display:flex;flex-direction:column;border-radius:18px;overflow:auto}.sp-chat-panel.as-mini[hidden]{display:none}.as-mini>header{padding:14px 16px;gap:8px}.as-mini>header>a{font-size:10px;display:flex;gap:4px;align-items:center;white-space:nowrap;color:var(--studio-muted)}.as-mini>header>a>.icon{width:12px}.as-mini>header strong{font-size:12px}.as-last-message{margin:14px 16px 0;padding:10px 12px;border-radius:9px;background:var(--studio-soft);font-size:12px;line-height:1.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:0}.as-mini .as-compose{border:0;padding:12px 16px}.as-mini .as-compose input{font-size:11px;padding:11px}.as-mini-prompts{padding:0 16px 10px}.as-mini-prompts .as-suggestions{margin:0;gap:6px}.as-mini-prompts button{font-size:10px;padding:5px 10px}.as-mini .as-symbol{height:30px;width:30px}.as-workspace button:focus-visible,.as-mini button:focus-visible,.as-workspace a:focus-visible{outline:3px solid #8c9ff2;outline-offset:3px}
@media(max-width:700px){.as-chat-header{padding:15px}.as-log{padding:16px;max-height:60dvh}.as-projects{grid-template-columns:1fr}.as-metrics>a{padding:10px;flex-direction:column;align-items:flex-start}.as-metrics b{font-size:21px}.as-compose{padding:12px}.as-task{gap:8px}.as-task>.badge{font-size:9px}.sp-chat-panel.as-mini{left:12px;right:auto;bottom:80px;width:calc(100vw - 24px)}.as-mini>header>a{font-size:9px}.as-mini .as-compose{padding:10px 12px}.as-suggestions>button{font-size:11px}.as-workspace{border-radius:15px}.as-mini .as-last-message{margin:12px 12px 0}}
.as-mini-route{display:inline-block;font-size:11px;color:var(--studio-ink);margin:0 0 10px;border-bottom:1px solid var(--studio-border);padding-bottom:3px}

/* Expressive character, fresh start and paced prototype replies. */
.as-persona-slot{display:block;width:62px;height:58px;overflow:hidden;flex-shrink:0;align-self:flex-end}.as-character{display:block;object-fit:contain;object-position:bottom;width:100%;height:100%}.as-character-small{transform:scale(1.28);transform-origin:bottom center}.as-chat-header{padding-block:12px;align-items:center}.as-chat-header .as-persona-slot{margin-bottom:-12px}.as-character-switch{font:10px/1.8 Vazirmatn,Tahoma,sans-serif;display:flex;align-items:center;gap:5px;border:1px solid var(--studio-border);border-radius:8px;padding:7px 10px!important;color:var(--studio-muted)}.as-character-switch .icon{width:12px;height:12px}
.as-empty{padding:24px 24px 32px;text-align:center;min-height:420px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 32%,#e4caaa15,transparent 62%)}.as-empty>.as-character-welcome{width:280px;height:185px;margin:0 auto 12px;object-fit:contain;filter:drop-shadow(0 12px 15px #14233b08)}.as-empty-eyebrow{font-size:10px;letter-spacing:.2px;color:var(--studio-muted)}.as-empty h2{font-size:24px;font-weight:600;line-height:1.8;margin:10px 0}.as-empty>p{font-size:12px;line-height:2;color:var(--studio-muted);max-width:440px;margin:0 auto 14px}.as-empty>.as-suggestions{max-width:620px;justify-content:center}.as-empty .as-suggestions button{background:var(--studio-card)}
.as-thinking{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--studio-muted);padding:15px 0}.as-thinking>span{margin-inline-end:7px}.as-thinking i{width:5px;height:5px;border-radius:50%;background:currentColor;animation:as-think 1.1s ease-in-out infinite}.as-thinking i:nth-of-type(2){animation-delay:.15s}.as-thinking i:nth-of-type(3){animation-delay:.3s}@keyframes as-think{0%,70%,100%{opacity:.3;transform:translateY(0)}35%{opacity:1;transform:translateY(-4px)}}
.as-streaming::after{content:'';display:inline-block;width:2px;height:1em;background:currentColor;vertical-align:-.12em;margin-inline-start:3px;animation:as-cursor .8s steps(1) infinite}@keyframes as-cursor{50%{opacity:0}}
.as-rich.is-revealing>*:not([hidden]),.as-rich.is-revealing .as-task:not([hidden]),.as-rich.is-revealing .as-suggestions>button:not([hidden]),.as-rich.is-revealing .as-projects>article:not([hidden]),.as-rich.is-revealing .as-metrics>a:not([hidden]){animation:as-arrive .25s ease-out both}@keyframes as-arrive{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
.as-task>span.badge{flex:none;white-space:nowrap}.as-task>span:not(.badge){flex:1}.as-compose button:disabled,.as-suggestions button:disabled,.sp-chat-options button:disabled{opacity:.5;cursor:wait}.as-rich:empty{display:none}.as-mini .as-persona-slot{height:48px;width:47px;margin-bottom:-14px}.as-mini .as-character-switch{font-size:0;padding:5px!important;border:0}.as-mini .as-character-switch .icon{width:14px;height:14px}.sp-support-launcher:has(.as-character){padding:0 15px 0 2px;gap:3px;height:56px;border-radius:28px}.sp-support-launcher>.as-character{width:58px;height:56px;transform:scale(1.18);transform-origin:bottom;align-self:flex-end}.sp-support-launcher:has(.as-character)>span{font-size:11px}.as-mini .as-compose{padding-top:10px}.as-mini .as-last-message{min-height:42px}.as-chat-header>div>small{min-height:20px}
@media(max-width:700px){.as-empty{padding:18px 16px 24px;min-height:360px}.as-empty>.as-character-welcome{width:225px;height:150px}.as-empty h2{font-size:20px}.as-character-switch{font-size:9px;padding:6px!important}.as-chat-header{gap:8px;padding-inline:12px}.as-persona-slot{width:48px;height:50px}.as-chat-header strong{font-size:12px}.as-chat-header small{font-size:9px}.as-empty .as-suggestions{gap:6px}.as-empty .as-suggestions button{font-size:10px}.as-mini>header{gap:6px}.as-mini>header>a{font-size:9px}}
@media(prefers-reduced-motion:reduce){.as-thinking i,.as-streaming::after,.as-rich.is-revealing>*:not([hidden]),.as-rich .as-task,.as-rich .as-suggestions>button,.as-rich .as-projects>article,.as-rich .as-metrics>a{animation:none!important}}
.as-embedded{border:1px solid var(--studio-border);border-radius:14px;padding:20px;background:var(--studio-card);margin-top:16px;overflow:auto;max-width:100%;font-size:12px;isolation:isolate}.as-embedded .cx-heading h1,.as-embedded .page-heading h1{font-size:23px;line-height:1.8}.as-embedded .cx-heading,.as-embedded .page-heading{margin-bottom:22px}.as-embedded .cx-command{padding:22px}.as-embedded .cx-command h2{font-size:25px}.as-embedded .cx-tabs{flex-wrap:wrap}.as-embedded .cx-project-grid,.as-embedded .cx-team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.as-embedded .cx-project-tile{padding:18px}.as-embedded .content{padding:0}.as-embedded .cx-heading p{font-size:12px}.as-embedded table{font-size:11px}.as-embedded input,.as-embedded select{max-width:100%}.as-message:has(.as-embedded){overflow:visible}.as-rich:has(.as-embedded){min-width:0}@media(max-width:700px){.as-embedded{padding:14px}.as-embedded .cx-project-grid,.as-embedded .cx-team-grid,.as-embedded .cx-dashboard-grid,.as-embedded .grid-main{grid-template-columns:1fr}.as-embedded .cx-heading h1{font-size:20px}}

/* Edge-to-edge conversation: the viewport stays still; only the transcript scrolls. */
body:has(.as-workspace){overflow:hidden}.main-shell:has(.as-workspace){height:100dvh;display:flex;flex-direction:column;overflow:hidden;min-height:0}.main-shell:has(.as-workspace)>.topbar{flex-shrink:0}.content:has(.as-workspace){flex:1;min-height:0;padding:0!important;overflow:hidden;display:flex;flex-direction:column}.as-workspace{max-width:none;margin:0;border:0;border-radius:0;box-shadow:none;background:transparent;width:100%;height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden}.as-chat-header{padding:12px 28px;flex:none;background:var(--studio-card);border-radius:0}.as-chat-header .as-persona-slot{height:48px}#as-chat-body{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.as-log{flex:1;min-height:0;max-height:none;position:relative;padding:24px max(24px,calc((100% - 980px)/2));scroll-behavior:smooth;overflow-y:auto;overflow-x:hidden;scroll-padding-top:20px;gap:24px}.as-log>.as-message.bot:last-child{min-height:calc(var(--as-log-height,400px) - 100px)}.as-log>.as-message{max-width:980px;width:100%}.as-log>.as-message.user{width:fit-content;max-width:85%}.as-workspace .as-compose{flex:none;padding:14px max(24px,calc((100% - 980px)/2));border-top:1px solid var(--studio-border);background:var(--studio-card)}.as-workspace .as-compose input{background:var(--studio-soft);min-height:48px}.as-empty{flex:1;min-height:0;padding:16px 24px;overflow:auto;background:transparent}.as-empty>.as-character-welcome{height:clamp(100px,20dvh,200px);width:300px;max-width:75%;margin-bottom:8px}.as-empty h2{margin:5px 0 10px}.as-empty>.as-suggestions{margin:14px 0 0}.as-next-actions{margin:20px 0 8px;padding-top:16px;border-top:1px solid var(--studio-border)}.as-next-actions>strong{font-size:11px;color:var(--studio-muted);font-weight:400;display:block;margin-bottom:10px}.as-next-actions>div{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.as-next-actions .btn,.as-next-actions button{font:11px/1.8 Vazirmatn,Tahoma,sans-serif;border:1px solid var(--studio-border);border-radius:18px;padding:7px 12px;background:var(--studio-card);color:var(--studio-ink)}.as-next-actions button:disabled{opacity:.5}.as-embedded{margin-top:10px}.topbar:has(+.content .as-workspace) .top-tools .date{display:none}
body:has(.as-workspace) .preview-session-control{top:14px;bottom:auto;left:70px;right:auto;z-index:80}
@media(max-width:700px){.as-chat-header{padding:8px 14px}.as-log{padding:16px;gap:18px}.as-workspace .as-compose{padding:12px 14px}.as-empty{padding:12px 16px}.as-empty>.as-character-welcome{height:clamp(90px,19dvh,150px)}.as-empty h2{font-size:19px}.as-empty>p{font-size:11px}.as-empty>.as-suggestions{margin-top:10px}.as-empty .as-suggestions button{padding:7px 10px}body:has(.as-workspace) .preview-session-control{left:48px;top:12px}.as-next-actions>div{gap:6px}.as-next-actions .btn,.as-next-actions button{font-size:10px;padding:6px 10px}}
@media(prefers-reduced-motion:reduce){.as-log{scroll-behavior:auto}}
.content:has(.as-workspace){width:100%;max-width:none;margin:0;align-self:stretch}
.page-tab-row{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:46px;margin:0 0 26px;flex-wrap:wrap}.page-tab-row>.cx-tabs{flex:1;min-width:0;margin:0;padding:3px 0;border:0;gap:7px;overflow-x:auto}.page-tab-actions{display:flex;align-items:center;gap:8px;flex-shrink:0;margin-inline-start:auto}.page-tab-actions>.row{flex-wrap:wrap}.page-tab-actions .btn{margin:0;min-height:40px}.cx-tabs{border:0;gap:7px;padding:3px 0;align-items:center}.cx-tabs>a,.cx-tabs>button{border:1px solid var(--studio-border);border-radius:13px;padding:9px 14px;background:var(--studio-card);color:var(--studio-muted);font:12px/1.8 Vazirmatn,Tahoma,sans-serif;min-height:40px;white-space:nowrap;transition:background .15s,border-color .15s}.cx-tabs>a.active,.cx-tabs>button.active{background:var(--studio-soft);border-color:#aeb8d34a;color:var(--studio-ink);font-weight:600}.cx-tabs>a:hover{background:var(--studio-soft)}.page-tab-row .cx-tabs>button[aria-current]{cursor:default}.as-embedded .page-tab-row{margin-bottom:18px;gap:10px}.as-embedded .page-tab-row .cx-tabs>a,.as-embedded .page-tab-row .cx-tabs>button{font-size:11px;padding:7px 11px;min-height:36px}.as-embedded .page-tab-actions .btn{font-size:11px;min-height:36px}@media(max-width:700px){.page-tab-row{gap:10px;margin-bottom:20px;align-items:center}.page-tab-row>.cx-tabs{flex-basis:auto}.cx-tabs>a,.cx-tabs>button{font-size:11px;padding:8px 11px}.page-tab-actions .btn{font-size:11px;padding:8px 12px}.page-tab-actions{gap:6px}}
/* Assistant controls, full portraits and readable state feedback. */
.as-chat-header .as-persona-slot{width:76px;height:64px;margin:0;align-self:center;border-radius:18px;background:linear-gradient(145deg,var(--studio-soft),var(--studio-card));border:1px solid var(--studio-border);overflow:hidden;transition:background .2s}
.as-persona-slot .as-character-small{transform:none;object-position:center;object-fit:contain}.as-persona-slot[data-state=thinking]{box-shadow:0 0 0 3px #697ee012}.as-persona-slot[data-state=talking]{background:#697ee012}.as-chat-header small{display:flex!important;align-items:center;gap:6px}.as-chat-header small:before{content:'';width:6px;height:6px;background:#439e83;border-radius:50%;flex:none}.as-chat-header:has(.as-persona-slot[data-state=thinking]) small:before{background:#c39949}.as-chat-header:has(.as-persona-slot[data-state=talking]) small:before{background:#697ee0}
.as-character-control{position:relative;flex:none}.as-character-switch,.as-reset-button{display:inline-flex;align-items:center;gap:7px;min-height:38px;border:1px solid var(--studio-border);background:var(--studio-card);border-radius:12px;padding:8px 12px!important;color:var(--studio-ink);font:11px/1.8 Vazirmatn,Tahoma,sans-serif;cursor:pointer}.as-character-switch:hover,.as-reset-button:hover{background:var(--studio-soft)}.as-character-switch .icon,.as-reset-button .icon{width:16px;height:16px;flex:none}.as-character-switch .icon:last-child{width:12px}.as-character-picker{position:absolute;inset-inline-end:0;top:calc(100% + 10px);z-index:30;display:flex;gap:8px;width:244px;padding:10px;border:1px solid var(--studio-border);border-radius:16px;background:var(--studio-card);box-shadow:0 12px 36px #14233b18}.as-character-picker button{position:relative;flex:1;border:1px solid var(--studio-border);border-radius:12px;padding:8px;background:var(--studio-soft);font:11px/1.8 Vazirmatn,Tahoma,sans-serif;cursor:pointer;color:var(--studio-ink)}.as-character-picker button[aria-pressed=true]{border-color:#697ee0;background:#697ee00d}.as-character-picker img{display:block;width:100%;height:68px;object-fit:contain}.as-character-picker .icon{position:absolute;top:7px;left:7px;width:14px;height:14px;color:#697ee0}.as-reset-notice{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:none;padding:10px 24px;background:var(--studio-soft);font-size:11px}.as-reset-notice span,.as-reset-notice button{display:flex;align-items:center;gap:7px}.as-reset-notice button{color:var(--studio-ink);text-decoration:underline;text-underline-offset:4px}.as-reset-notice .icon{width:15px;height:15px}.as-next-actions .btn,.as-next-actions button{display:inline-flex;align-items:center;gap:7px;min-height:36px}.as-next-actions .icon,.sp-chat-options .icon,.sp-chat-handoff button .icon{width:15px;height:15px;flex:none}.as-empty>.as-character-welcome{height:clamp(130px,25dvh,240px);width:360px;filter:drop-shadow(0 10px 18px #14233b0c)}.as-mini .as-character-switch{font-size:10px}.as-mini .as-character-switch>span,.as-mini .as-character-switch>.icon:last-child{display:none}.as-mini .as-persona-slot{margin:0;align-self:center;overflow:visible}.as-mini .as-character-picker{inset-inline-end:-30px}
@media(max-width:700px){.as-chat-header .as-persona-slot{width:54px;height:52px;border-radius:14px}.as-character-switch,.as-reset-button{padding:7px 9px!important;min-height:36px}.as-reset-button span{display:none}.as-character-switch{font-size:10px}.as-reset-notice{padding:10px 14px;font-size:10px;flex-wrap:wrap}.as-character-picker{width:220px}.as-empty>.as-character-welcome{height:clamp(110px,23dvh,180px)}}
.cx-project-builder{max-width:1100px;margin:auto}.cx-project-builder>.field{margin:20px 0;max-width:760px}.cx-project-builder .field label{display:block;margin-bottom:8px}.cx-project-builder .field input,.cx-project-builder textarea{width:100%}.cx-roster-table-wrap{overflow-x:auto;border:1px solid var(--studio-border);border-radius:14px;margin:20px 0}.cx-roster-table{width:100%;border-collapse:collapse;text-align:right}.cx-roster-table th,.cx-roster-table td{padding:14px;border-bottom:1px solid var(--studio-border);font-size:12px}.cx-roster-table th{background:var(--studio-soft);color:var(--studio-muted);font-weight:400}.cx-roster-table input[type=checkbox]{width:18px;height:18px;accent-color:#697ee0}.cx-add-people{padding:18px;border:1px solid var(--studio-border);border-radius:14px;margin-bottom:24px}.cx-add-people summary{cursor:pointer;display:flex;align-items:center;gap:8px}.cx-add-people .icon{width:16px;height:16px}.cx-person-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}.cx-person-picker>div{padding:12px;background:var(--studio-soft);border-radius:12px}.cx-person-picker small{display:block;font-size:10px;color:var(--studio-muted)}@media(max-width:700px){.cx-person-picker{grid-template-columns:1fr}.cx-roster-table th,.cx-roster-table td{padding:10px;font-size:11px}}
.pe-builder{padding-bottom:30px}.pe-form-grid,.pe-selection-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.pe-form-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pe-selection-columns h2{font-size:20px}.pe-selection-columns>section>input{width:100%;margin:8px 0 16px}.pe-search-list{display:grid;gap:12px}.pe-search-list article,.pe-services>section{padding:18px;border:1px solid var(--studio-border);border-radius:14px;background:var(--studio-card)}.pe-search-list article[hidden]{display:none}.pe-sub{display:block;font-size:11px;color:var(--studio-muted);margin-top:5px;line-height:1.9}.pe-customize{margin-top:15px}.pe-customize summary{cursor:pointer;font-size:12px}.pe-services{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.pe-services .row{margin:12px 0}.pe-total{padding:20px;border-radius:14px;background:var(--studio-soft);display:flex;justify-content:space-between;gap:16px;align-items:center}.pe-total strong{font-size:22px}.pe-total span{font-size:12px;color:var(--studio-muted)}.pe-builder .cx-roster-table input{width:100px}.pe-fee-form{display:flex;align-items:end;gap:10px;flex-wrap:wrap;padding:15px 0;border-bottom:1px solid var(--studio-border)}.pe-fee-form label{font-size:11px}.pe-fee-form input,.pe-fee-form select{display:block;max-width:240px;margin-top:6px}.pe-fee-editor{margin:28px 0}.pe-builder .field{margin-bottom:20px}.pe-builder .field textarea{width:100%;min-height:140px}@media(max-width:700px){.pe-form-grid,.pe-selection-columns,.pe-services{grid-template-columns:1fr}.pe-total{align-items:start;flex-direction:column}.cx-stepper{flex-wrap:wrap}.pe-search-list .row{flex-wrap:wrap}}
.pe-proposal-card{margin:20px 0;padding:20px;border:1px solid var(--studio-border);border-radius:14px}.pe-proposal-card h3{font-size:15px}.pe-proposal-card p{font-size:12px;line-height:2}.pe-proposal-card .row{gap:10px}.as-module button:disabled{opacity:.45;cursor:not-allowed}form[data-form=pe-negotiate] fieldset{margin:16px 0;padding:16px;border:1px solid var(--studio-border);border-radius:12px;display:grid;grid-template-columns:1fr 1fr;gap:12px}form[data-form=pe-negotiate] label{display:block;font-size:12px}form[data-form=pe-negotiate] input,form[data-form=pe-negotiate] select,form[data-form=pe-negotiate] textarea{display:block;width:100%;margin-top:6px}form[data-form=pe-negotiate]>label{margin:18px 0}@media(max-width:600px){form[data-form=pe-negotiate] fieldset{grid-template-columns:1fr}}
