.sf-agent-studio{flex-direction:column;display:flex}.sf-agent-topbar{border-bottom:1px solid #e9eef3;flex-shrink:0;align-items:center;gap:22px;height:72px;padding:0 28px;display:flex}.sf-agent-brand{white-space:nowrap;align-items:center;gap:12px;display:flex}.sf-agent-brand img{width:32px;height:32px}.sf-agent-brand span{font-family:var(--font-serif);font-size:21px;font-style:italic;font-weight:700}.sf-agent-product{border-left:1px solid #e2e8f0;align-items:center;gap:10px;padding-left:22px;font-size:13px;font-weight:600;display:flex}.sf-agent-product>span{color:#0284c7;background:#f0f9ff;border:1px solid #bae6fd;border-radius:6px;padding:2px 6px;font-size:10px}.sf-agent-top-actions{align-items:center;gap:18px;margin-left:auto;display:flex}.sf-agent-top-actions>button{white-space:nowrap;flex-shrink:0}.sf-agent-top-actions>button span{white-space:nowrap}.sf-agent-back{color:#64748b;font-size:12px}.sf-agent-account{text-overflow:ellipsis;white-space:nowrap;color:#0369a1;max-width:140px;font-size:13px;overflow:hidden}.sf-agent-mobile-menu{display:none}.sf-agent-layout{flex:1;min-height:0;display:flex}.sf-agent-sidebar{background:#fcfdfe;border-right:1px solid #e9eef3;flex-direction:column;flex-shrink:0;width:240px;min-height:0;display:flex}.sf-agent-sidebar-heading{color:#94a3b8;letter-spacing:.15em;justify-content:space-between;align-items:center;padding:26px 22px 20px;font-size:10px;display:flex}.sf-agent-sidebar-heading button{color:#64748b;border-radius:6px;padding:6px}.sf-agent-sidebar-heading button:hover{background:#eaf5fc}.sf-agent-sidebar nav{border:0;padding:4px 16px 24px}.sf-agent-sidebar>div.flex{padding:0 16px}.sf-agent-sidebar h2{color:#64748b;font-size:11px;font-weight:500}.sf-agent-sidebar input{font-size:12px}.sf-agent-sidebar .py-12{padding:24px 8px}.sf-agent-sidebar .py-12>svg{width:24px;height:24px}.sf-agent-sidebar .py-12>p{font-size:11px;line-height:1.7}.sidebar-collapsed .sf-agent-sidebar{width:56px}.sidebar-collapsed .sf-agent-sidebar>:not(.sf-agent-sidebar-heading){display:none}.sidebar-collapsed .sf-agent-sidebar-heading{padding:22px 12px}.sidebar-collapsed .sf-agent-sidebar-heading>span{display:none}.sf-agent-main{background:#fff;flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.sf-agent-conversation-heading{color:#7b8a9f;flex-shrink:0;justify-content:space-between;align-items:center;height:50px;padding:0 26px;font-size:11px;display:flex}.sf-agent-conversation-heading>button{background:#fff;border:1px solid #e5ebf1;border-radius:7px;align-items:center;gap:7px;padding:6px 10px;display:flex}.sf-agent-conversation-heading>button:hover{color:#0284c7;border-color:#bae6fd}.sf-agent-main section>div[aria-live]{padding:24px max(24px,50% - 450px)}.sf-agent-studio.is-welcome section>div[aria-live]{justify-content:center;align-items:center;padding:12px 24px;display:flex}.sf-agent-welcome{text-align:center;width:100%;max-width:720px;margin:auto;padding:12px 0 20px}.sf-agent-examples{justify-content:center;align-items:center;gap:14px;margin:0 auto 26px;display:flex}.sf-agent-example{background:#fff;border:1px solid #e1eaf0;border-radius:14px;width:174px;padding:7px;transition:transform .2s,border-color .2s;box-shadow:0 12px 30px #1e3a5f09}.sf-agent-example:first-child{transform:rotate(-6deg)translateY(8px)}.sf-agent-example:last-child{transform:rotate(6deg)translateY(8px)}.sf-agent-example:hover{border-color:#7dd3fc;transform:translateY(-5px)}.sf-agent-example img{object-fit:contain;background:#fafcfe;border-radius:9px;width:100%;height:126px}.sf-agent-example>span{color:#64748b;justify-content:space-between;align-items:center;padding:9px 4px 3px;font-size:10px;display:flex}.sf-agent-eyebrow{color:#0284c7;letter-spacing:.18em;justify-content:center;align-items:center;gap:7px;margin:0 0 14px;font-size:10px;font-weight:600;display:flex}.sf-agent-welcome h1{font-family:var(--font-serif);letter-spacing:-.04em;color:#172b40;margin:0;font-size:clamp(28px,3vw,42px);font-weight:400;line-height:1.35}.sf-agent-welcome h1 em{color:#0284c7;font-style:normal}.sf-agent-description{color:#718096;max-width:470px;margin:17px auto 0;font-size:13px;line-height:1.9}.sf-agent-hint{color:#94a3b8;margin-top:14px;font-size:10px}.sf-agent-studio .sf-agent-composer{background:#fff;border-top:0;flex-shrink:0;padding:0 24px 14px}.sf-agent-studio .sf-agent-composer>div{max-height:42dvh;padding:0}.sf-agent-studio .sf-agent-composer>div>div{max-width:900px}.sf-agent-studio .sf-agent-composer>div>div>div:first-child{border-color:#e3eaf0;border-radius:18px;box-shadow:0 6px 28px #0f172a04}.sf-agent-studio .sf-agent-composer textarea{resize:none;min-height:76px;max-height:150px;padding-left:18px;padding-right:18px;font-size:14px}.sf-agent-studio .sf-agent-composer textarea:focus{outline:0}.sf-agent-studio textarea[data-slot=textarea]{background:#fff}.sf-agent-studio.is-welcome .sf-agent-main section{overflow-y:auto}.sf-agent-studio.is-welcome section>div[aria-live]{flex:1 0 auto;overflow:visible}.sf-agent-studio.is-welcome .sf-agent-composer{margin-top:auto}.sf-agent-studio .sf-agent-composer .bg-slate-50\/70{background:#fff;border-top:0;padding:8px 14px 14px}.sf-agent-studio .sf-agent-composer details>div{position:fixed;bottom:120px;right:40px}.sf-agent-studio .sf-agent-composer>div{overflow:visible}.sf-agent-preview-desktop{background:#fafcfe;border-left:1px solid #e6edf3;flex-direction:column;width:36%;min-width:320px;max-width:560px;display:flex}.sf-agent-preview-desktop>header{color:#64748b;justify-content:space-between;align-items:center;padding:18px;font-size:12px;display:flex}.sf-agent-preview-content{flex:1;min-height:0;overflow:auto}.sf-agent-preview-image{object-fit:contain;width:100%;max-height:65dvh;padding:16px}.sf-agent-preview-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;height:100%;min-height:240px;padding:32px;display:flex}.sf-agent-preview-empty h2{font-size:14px;font-weight:500}.sf-agent-preview-empty p{color:#94a3b8;max-width:240px;font-size:12px;line-height:1.8}@media (width>=1200px){.sf-agent-studio:has(.sf-agent-preview-desktop) .sf-agent-example{width:130px}.sf-agent-studio:has(.sf-agent-preview-desktop) .sf-agent-example img{height:85px}}@media (width<=1199px){.sf-agent-preview-desktop{display:none}.sf-agent-sidebar{width:215px}.sf-agent-product{font-size:11px}}@media (height<=850px) and (width>=768px){.sf-agent-example{width:145px}.sf-agent-example img{height:92px}.sf-agent-examples{margin-bottom:20px}.sf-agent-welcome h1{font-size:32px}.sf-agent-description{margin-top:10px}.sf-agent-hint{margin-top:8px}.sf-agent-welcome{padding:5px 0 12px}}@media (width<=767px){.sf-agent-topbar{gap:10px;height:60px;padding:0 14px}.sf-agent-mobile-menu{display:block}.sf-agent-brand{gap:7px}.sf-agent-brand img{width:25px;height:25px}.sf-agent-brand span{font-size:15px}.sf-agent-top-actions{gap:8px}.sf-agent-top-actions>[data-slot]{max-width:100px}.sf-agent-back,.sf-agent-product,.sf-agent-sidebar{display:none}.sf-agent-conversation-heading{height:44px;padding:0 16px;font-size:10px}.sf-agent-studio.is-welcome section>div[aria-live]{padding:14px 18px}.sf-agent-example{border-radius:10px;width:30%;max-width:150px;padding:4px}.sf-agent-examples{gap:8px;margin-bottom:24px}.sf-agent-example img{height:85px}.sf-agent-example>span{padding:7px 2px;font-size:8px}.sf-agent-example>span svg{display:none}.sf-agent-welcome h1{font-size:27px}.sf-agent-eyebrow{font-size:8px}.sf-agent-description{font-size:11px;line-height:1.8}.sf-agent-hint{display:none}.sf-agent-studio .sf-agent-composer{padding:4px 12px max(10px, env(safe-area-inset-bottom))}.sf-agent-studio .sf-agent-composer textarea{min-height:70px;font-size:16px}.sf-agent-studio .sf-agent-composer>div{max-height:44dvh;overflow-y:auto}.sf-agent-studio .sf-agent-composer details>div{bottom:100px;right:16px}.sf-agent-main section>div[aria-live]{padding:16px}}@media (prefers-reduced-motion:reduce){.sf-agent-example{transition:none}}@media (height<=780px) and (width>=768px){.sf-agent-welcome{padding:0 0 12px}.sf-agent-example{width:125px}.sf-agent-example img{height:70px}.sf-agent-examples{margin-bottom:16px}.sf-agent-eyebrow{margin-bottom:8px;font-size:9px}.sf-agent-welcome h1{font-size:28px}.sf-agent-description{max-width:470px;font-size:12px;line-height:1.6}.sf-agent-hint{margin-top:8px}.sf-agent-studio .sf-agent-composer textarea{min-height:62px}}.sf-agent-sidebar .sf-workspace-nav{flex-direction:column;gap:4px;padding:4px 16px 24px;display:flex}.sf-agent-sidebar .sf-workspace-nav>a:not(.sf-workspace-new),.sf-workspace-new{color:#64748b;border-radius:10px;align-items:center;gap:8px;width:100%;height:36px;padding:0 12px;font-size:12px;font-weight:500;display:flex}.sf-agent-sidebar .sf-workspace-nav>a:not(.sf-workspace-new):hover{color:#0369a1;background:#f1f7fb}.sf-agent-sidebar .sf-workspace-nav>a:not(.sf-workspace-new)[aria-current=page]{color:#0369a1;background:#e0f2fe}.sf-workspace-new{color:#0f172a;background:#fff;border:1px solid #dce7ee;height:44px;margin-bottom:8px;font-size:14px;box-shadow:0 2px 4px #0f172a03}.sf-workspace-new:hover{background:#fff;border-color:#b8cfde}