.sf-frame{flex-direction:column;gap:12px;display:flex}.sf-canvas{width:100%;height:100%;position:relative}.sf-backdrop{position:absolute;inset:0}.sf-scrim{background:#11121447;animation:.22s cubic-bezier(.4,0,.2,1) both sf-scrim-in;position:absolute;inset:0}@keyframes sf-scrim-in{0%{opacity:0}}.sf-chat{z-index:3;box-shadow:none;border-radius:12px;transition:width .32s cubic-bezier(.22,1,.36,1),height .32s cubic-bezier(.22,1,.36,1),top .32s cubic-bezier(.22,1,.36,1),right .32s cubic-bezier(.22,1,.36,1),bottom .32s cubic-bezier(.22,1,.36,1),left .32s cubic-bezier(.22,1,.36,1),border-radius .32s cubic-bezier(.22,1,.36,1);position:absolute;overflow:hidden}.sf-chat[data-mode=side]{box-sizing:border-box;box-shadow:none;will-change:transform;border-left:1px solid #e4e4e4;border-radius:0;animation:.32s cubic-bezier(.4,0,.2,1) both sf-side-chat-in}.sf-chat[data-board-preview=true][data-mode]{box-shadow:none;border-left:0;border-right:1px solid #e4e4e4;border-radius:0;animation:none}.sf-chat[data-board-preview=true][data-mode]>.scintilla-chat,.sf-chat[data-board-preview=true][data-mode]>.scintilla-chat>.marty-header,.sf-chat[data-mode=side]>.scintilla-chat,.sf-chat[data-mode=side]>.scintilla-chat>.marty-header{border-radius:0}.sf-chat[data-mode=full]{box-shadow:none;border-radius:0}.sf-chat[data-mode=floating]{transform-origin:100% 0;border-radius:20px;animation:.42s cubic-bezier(.22,1,.36,1) both sf-floating-chat-in;box-shadow:0 0 0 1px #11121409,0 1px 2px #1112140a,0 6px 14px -4px #1112140f,0 18px 40px -12px #1112141a,0 44px 90px -28px #11121429}.sf-chat[data-mode=floating]>.scintilla-chat,.sf-chat[data-mode=floating]>.scintilla-chat>.marty-header{border-radius:20px 20px 0 0}@keyframes sf-floating-chat-in{0%{opacity:0;transform:translateY(14px)scale(.975)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes sf-side-chat-in{0%{transform:translate(100%)}to{transform:translate(0)}}.sf-modes{align-self:flex-start;gap:6px;display:flex}.sf-mode{border:1px solid var(--hairline,#ffffff1a);font:inherit;color:var(--muted);cursor:pointer;transition:color .16s var(--motion-soft), background .16s var(--motion-soft);background:0 0;border-radius:999px;padding:6px 14px;font-size:12px;font-weight:500}.sf-mode:hover{color:var(--text);background:var(--interactive-hover)}.sf-mode[aria-pressed=true]{color:var(--text);background:var(--interactive-active);border-color:#0000}@media (prefers-reduced-motion:reduce){.sf-chat,.sf-scrim{transition:none;animation:none}}[data-panel-replaced=true]{visibility:hidden}.screen-stage-canvas:has(>.sf-chat)>.screens-screen[data-current=true] [data-name^="Marty 1.1 / Examples / Thread"]{visibility:hidden}.screen-stage-canvas:has(>.sf-chat)>.screens-screen[data-current=true] [data-name^=AI\ Chat][data-name*=Thread]{visibility:hidden}.screen-stage-canvas:has(>.sf-chat)>.screens-screen[data-current=true] [data-name^="Marty 1.2.1 / Welcome"]{visibility:hidden}.screen-stage-canvas:has(>.sf-chat)>.screens-screen[data-current=true] [data-name^="[DV] Marty / Side Panel"]{visibility:hidden}.screen-stage-canvas:has(>.sf-chat)>.screens-screen[data-current=true] [data-name*=Marty][data-name*=Floating\ panel]{visibility:hidden}.sf-backdrop[data-mode=side]{transform-origin:0 0;width:70.486%}.sf-agentic-board-host[data-mode]{width:100%;overflow:hidden;transform:none}.sf-backdrop{transition:width .32s cubic-bezier(.22,1,.36,1)}:is(.sf-canvas:has(>.agentic-chrome)>.sf-backdrop,.screen-stage-canvas:has(>.agentic-chrome)>.screens-screen){transform:translateY(-4px)}.sf-canvas:has(>.agentic-chrome)>.sf-agentic-board-host{transform:none}@media (prefers-reduced-motion:reduce){.sf-backdrop{transition:none}}