.sai-workspace.unified-ai-workspace{--sai-chat-w:clamp(320px, var(--sai-chat-pref,clamp(360px, 36%, 460px)), calc(100% - 420px));--sai-art-gap:10px;--sai-art-t:.42s;position:relative;overflow:clip}.sai-chat-side{isolation:isolate;flex:1 1 0;min-width:0;min-height:0;display:flex;position:relative}.has-art .sai-chat-actions .ui-btn-label{display:none}.sai-art{min-width:0;transition:flex-basis var(--sai-art-t) var(--ui-ease);flex:0 0}.sai-art.is-open{flex-basis:calc(100% - var(--sai-chat-w))}.sai-art-card{top:var(--sai-art-gap);right:var(--sai-art-gap);bottom:var(--sai-art-gap);width:calc(100% - var(--sai-chat-w) - var(--sai-art-gap));transform:translateX(calc(100% + var(--sai-art-gap)));visibility:hidden;transition:transform var(--sai-art-t) var(--ui-ease), visibility 0s linear var(--sai-art-t);flex-direction:column;display:flex;position:absolute}.sai-art.is-open .sai-art-card{visibility:visible;transition:transform var(--sai-art-t) var(--ui-ease), visibility 0s;transform:none}.sai-art-resize{top:var(--sai-art-gap);bottom:var(--sai-art-gap);left:calc(var(--sai-chat-w) - 8px);z-index:5;cursor:col-resize;touch-action:none;width:10px;animation:sai-art-fade .16s var(--ui-ease) var(--sai-art-t) both;position:absolute}.sai-art-resize:after{content:"";background:var(--accent);opacity:0;width:2px;transition:opacity var(--ui-fast) var(--ui-ease);border-radius:2px;position:absolute;top:14px;bottom:14px;left:7px}.sai-art-resize:before{content:"";background:var(--ui-edge-hover);opacity:0;width:6px;height:36px;transition:opacity var(--ui-fast) var(--ui-ease);border-radius:99px;margin-top:-18px;position:absolute;top:50%;left:5px}.sai-art-resize:hover:before{opacity:1}.sai-art-resize:hover:after,.sai-art-resize:focus-visible:after,body.sai-resizing .sai-art-resize:after{opacity:.6}.sai-art-resize:focus-visible{outline:0}body.sai-resizing .sai-art{transition:none}.sai-art-box{border:1px solid var(--ui-edge);background:var(--surface);border-radius:16px;flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden;box-shadow:0 1px 2px #0000000a,0 24px 60px -32px #00000052}.sai-art-head{border-bottom:1px solid var(--sai-hairline);flex-shrink:0;align-items:center;gap:12px;height:48px;padding:0 8px 0 14px;display:flex}.sai-art-tabsrow{transition:grid-template-rows var(--ui-slow) var(--ui-ease);flex-shrink:0;grid-template-rows:0fr;display:grid}.sai-art-tabsrow.is-open{grid-template-rows:1fr}.sai-art-tabsclip{min-height:0;overflow:hidden}.sai-art-tabspad{padding:0 0 8px;display:flex}.sai-art-tabsrow .sai-art-tabs{max-width:100%}.sai-art-title{flex:1;align-items:center;gap:9px;min-width:0;display:flex}.sai-art-icon{color:var(--ink);flex-shrink:0;place-items:center;display:grid}.sai-art-name{flex-direction:column;gap:1px;min-width:0;line-height:1.3;display:flex}.sai-art-name strong{letter-spacing:-.1px;text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;font-weight:550;overflow:hidden}.sai-art-name small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;overflow:hidden}.sai-art-actions{flex-shrink:0;align-items:center;gap:6px;margin-left:auto;display:flex}.sai-art-actions .ui-btn-ghost{color:var(--muted)}.sai-art-actions .ui-btn-ghost:hover,.sai-art-actions .ui-btn-ghost[aria-expanded=true]{color:var(--ink)}.sai-art-bar.editor-topbar{z-index:auto;background:0 0;border:0;flex:0 auto;min-width:0;height:auto;min-height:0;padding:0;position:static}.sai-art-shield{z-index:5;position:fixed;inset:0}.sai-art-tabs{scrollbar-width:none;background:var(--sai-card);border-radius:12px;flex:0 auto;gap:2px;min-width:0;padding:3px;display:flex;position:relative;overflow-x:auto}.sai-art-tab-thumb{width:var(--tab-w,0);transform:translateX(var(--tab-x,0));background:var(--surface);box-shadow:0 1px 2px #0000000f, 0 0 0 1px var(--sai-hairline);pointer-events:none;border-radius:9px;position:absolute;top:3px;bottom:3px;left:0}:root[data-theme=dark] .sai-art-tab-thumb{background:var(--sai-well)}.sai-art-tabs.is-ready .sai-art-tab-thumb{transition:transform .3s var(--ui-spring), width .3s var(--ui-spring)}.sai-art-tabs::-webkit-scrollbar{display:none}.sai-art-tab{z-index:1;min-width:0;height:30px;color:var(--muted);font:inherit;cursor:pointer;transition:background-color var(--ui-med) var(--ui-ease), color var(--ui-med) var(--ui-ease), box-shadow var(--ui-med) var(--ui-ease);background:0 0;border:0;border-radius:9px;flex-shrink:0;align-items:center;gap:7px;padding:0 12px 0 9px;font-size:12.5px;font-weight:500;display:inline-flex;position:relative}.sai-art-tab>span{text-overflow:ellipsis;white-space:nowrap;max-width:200px;overflow:hidden}.sai-art-tab>:not(span){flex-shrink:0}.sai-art-tab:hover,.sai-art-tab.is-on{color:var(--ink)}.sai-art-tab:focus-visible{outline:2px solid var(--ui-focus);outline-offset:-2px}.sai-art-wait{background:color-mix(in srgb, #4f7cff 10%, var(--surface));height:26px;color:color-mix(in srgb, #4f7cff 72%, var(--ink));white-space:nowrap;border-radius:99px;align-items:center;gap:8px;padding:0 11px 0 10px;font-size:11.5px;font-weight:500;display:inline-flex}.sai-art-wait i,.sai-staged-dot{background:#4f7cff;border-radius:50%;flex-shrink:0;width:7px;height:7px;position:relative}.sai-art-wait i:after,.sai-staged-dot:after{content:"";background:inherit;animation:sai-art-ping 1.8s var(--ui-ease) infinite;border-radius:50%;position:absolute;inset:0}@keyframes sai-art-ping{0%{opacity:.5;transform:scale(1)}70%,to{opacity:0;transform:scale(2.6)}}.sai-art-wait.is-writing{background:var(--sai-card);color:var(--muted)}.sai-art-wait.is-writing i{background:var(--muted)}.sai-art-view{min-height:0;animation:sai-art-view-in .38s var(--ui-ease) 60ms both;flex-direction:column;flex:1;display:flex}.sai-art-view.is-editor{animation-name:sai-art-fade}@keyframes sai-art-view-in{0%{opacity:0;transform:translateY(8px)}}@keyframes sai-art-fade{0%{opacity:0}}.sai-art-slot{border-radius:0 0 15px 15px;overflow:hidden}.sai-art-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line) transparent;flex:1;min-height:0;overflow-y:auto}.sai-art-content{--sai-well:color-mix(in srgb, var(--ink) 4.5%, var(--surface));--sai-card-hover:color-mix(in srgb, var(--ink) 8%, var(--surface));width:100%;max-width:700px;margin:0 auto;padding:30px 32px 0}:root[data-theme=dark] .sai-art-content{--sai-well:color-mix(in srgb, var(--ink) 7%, var(--surface));--sai-card-hover:color-mix(in srgb, var(--ink) 11%, var(--surface))}.sai-art :is(.sai-ask,.sai-pp){box-shadow:none;background:0 0;border-radius:0;gap:22px;padding:0;animation:none}.sai-art-card:not(.has-tabs) :is(.sai-pp-head,.sai-layout-ask>.sai-tt-note){display:none}.sai-art .sai-pp-summary-text{font-size:13.5px}.sai-art .sai-ask-q{gap:10px}.sai-art .sai-ask-q legend{letter-spacing:-.15px;margin-bottom:10px;font-size:15px}.sai-art .sai-ask-option{font-size:13px}.sai-art .sai-ask-options.detailed .sai-ask-option{padding:12px 14px}.sai-art .sai-ask-option:hover:not(:disabled){background:var(--sai-card-hover)}.sai-art .sai-ask-option.ghost{background:0 0}.sai-art .sai-pp-list>li{padding:10px 0}.sai-art .sai-pp-title{font-size:13.5px}.sai-art .sai-layout-change{padding:14px 16px;font-size:13.5px}.sai-art :is(.sai-ask>.sai-ask-actions,.sai-pp>.sai-pp-actions,.sai-pp-changes){z-index:2;background:linear-gradient(to bottom, transparent, var(--surface) 34%);margin-top:2px;padding:22px 0;position:sticky;bottom:0}.sai-art :is(.sai-ask-submit,.sai-pp-primary,.sai-pp-secondary){height:36px;padding:0 18px;font-size:13px}.sai-staged{background:var(--sai-card);width:100%;color:var(--ink);text-align:left;cursor:pointer;transition:background-color var(--ui-med) var(--ui-ease), border-color var(--ui-med) var(--ui-ease), box-shadow var(--ui-slow) var(--ui-ease);animation:sai-staged-in .32s var(--ui-ease) both;border:1px solid #0000;border-radius:14px;align-items:center;gap:12px;padding:10px;display:flex}@keyframes sai-staged-in{0%{opacity:0;transform:translateY(4px)}}.sai-staged:hover{background:var(--sai-card-hover)}.sai-staged:focus-visible{outline:2px solid var(--ui-focus);outline-offset:2px}.sai-staged-icon{background:var(--sai-well);border-radius:10px;flex-shrink:0;place-items:center;width:38px;height:38px;display:grid}.sai-staged-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.sai-staged-text small{color:var(--muted);white-space:nowrap;align-items:center;gap:6px;font-size:11.5px;display:flex;overflow:hidden}.sai-staged-text small i{opacity:.6;font-style:normal}.sai-staged-text strong{text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;font-weight:500;line-height:1.35;overflow:hidden}.sai-staged.is-writing .sai-staged-text strong{color:var(--muted)}.sai-staged-go{background:var(--ink);height:30px;color:var(--surface);transition:transform var(--ui-fast) var(--ui-ease);border-radius:99px;flex-shrink:0;align-items:center;gap:6px;padding:0 12px 0 10px;font-size:12px;font-weight:500;display:inline-flex}.sai-staged:active .sai-staged-go{transform:scale(.96)}.sai-staged-here{width:30px;height:30px;color:var(--muted);animation:sai-staged-nudge 2.4s var(--ui-ease) infinite;flex-shrink:0;place-items:center;display:grid}@keyframes sai-staged-nudge{0%,50%,to{transform:none}25%{transform:translate(3px)}}.sai-staged.is-active{border-color:var(--ui-edge);background:var(--surface);box-shadow:var(--ui-shadow-hover);cursor:default}.sai-staged.is-active .sai-staged-icon{background:var(--sai-card)}@media (max-width:700px){.platform-mobile-bar{transition:opacity var(--ui-med) var(--ui-ease), visibility 0s linear var(--ui-med)}:root:has(.sai-art.is-open) .platform-mobile-bar{opacity:0;visibility:hidden}}@media (max-width:900px){.sai-art.is-open{flex-basis:0%}.sai-art-resize{display:none}.sai-art-card{--sai-art-gap:6px;left:var(--sai-art-gap);border:1px solid var(--ui-edge);background:var(--surface);width:auto;transform:translateY(calc(100% + 2 * var(--sai-art-gap)));border-radius:16px;overflow:hidden;box-shadow:0 -12px 40px -16px #00000047}.sai-art-box{box-shadow:none;border:0;border-radius:0}.sai-art-tabspad{padding:8px 8px 0}.sai-art-head{gap:8px;padding:0 4px 0 12px}.sai-art-content{padding:22px 20px 0}.sai-art-tab>span{max-width:120px}}@media (prefers-reduced-motion:reduce){.sai-art,.sai-art-card,.sai-art.is-open .sai-art-card,.sai-art-tabs.is-ready .sai-art-tab-thumb,.sai-art-tabsrow{transition:none}.sai-art-view,.sai-art-resize,.sai-staged,.sai-staged-here,.sai-art-wait i:after,.sai-staged-dot:after{animation:none}}.sai-art-open .sai-art-open-go{color:var(--muted);transition:transform var(--ui-fast) var(--ui-ease);margin-left:-1px}.sai-art-open:hover .sai-art-open-go{transform:translate(1px,-1px)}.editor-topbar.is-compact .sai-art-open-go{display:none}
.sai-workspace.unified-ai-workspace{position:relative}.sai-chat-actions{z-index:6;background:var(--surface);animation:sai-actions-in var(--ui-slow) var(--ui-ease) backwards;border-radius:14px;align-items:center;gap:4px;padding:3px;display:flex;position:absolute;top:14px;right:18px}.sai-chat-actions .ui-btn-ghost{color:var(--muted)}.sai-chat-actions .ui-btn-ghost:hover,.sai-chat-actions .ui-btn-ghost[aria-expanded=true]{color:var(--ink)}@keyframes sai-actions-in{0%{opacity:0;transform:translateY(-4px)}}@media (max-width:700px){.sai-chat-actions{box-shadow:0 1px 2px #0000000d, inset 0 0 0 1px var(--ui-edge);top:8px;right:10px}.sai-chat-actions .ui-btn-label{display:none}}@media (prefers-reduced-motion:reduce){.sai-chat-actions{animation:none}}.sai-chat-cost{background:var(--sai-card,var(--hover));height:26px;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;cursor:default;border-radius:99px;align-items:center;gap:5px;margin-right:2px;padding:0 10px 0 8px;font-size:11.5px;font-weight:500;display:inline-flex}.sai-chat-cost svg{flex-shrink:0}.sai-chat-cost:focus-visible{outline:2px solid var(--ui-focus);outline-offset:2px}.sai-chat-actions .sai-outputs-toggle{transition:background-color var(--ui-med) var(--ui-ease), color var(--ui-med) var(--ui-ease), box-shadow var(--ui-med) var(--ui-ease), transform var(--ui-fast) var(--ui-ease)}.sai-chat-actions .sai-outputs-toggle:active{transform:scale(.94)}.sai-chat-actions .sai-outputs-toggle.is-on{background:var(--surface);color:var(--ink);box-shadow:inset 0 0 0 1px var(--ui-edge-hover), 0 1px 2px #0000000f}