.hero-agent-scope{--primary:#9e7118;--secondary-accent:#647289;--background:#f8f8fa;--foreground:#0d1014;--card:#fdfdfd;--card-foreground:#0d1014;--popover:#fdfdfd;--popover-foreground:#0d1014;--primary-foreground:#fbfaf9;--secondary:#f3efec;--secondary-foreground:#26292e;--muted:#f2eeea;--muted-foreground:#66696f;--accent:#f2eeea;--accent-foreground:#26292e;--destructive:#e40014;--destructive-foreground:#fbfaf9;--border:#e4e0dd;--input:#e4e0dd;--ring:#bc8d3b;--radius:.5rem;--success:#2f9f3d;--warning:#d9a514;--error:#e40014;--info:#647289;--chart-1:#bc8d3b;--chart-2:#647289;--chart-3:#3b485e;--chart-4:#d9a514;--chart-5:#a0600b;--sidebar:#f8f6f5;--sidebar-foreground:#0d1014;--sidebar-primary:#bc8d3b;--sidebar-primary-foreground:#fbfaf9;--sidebar-accent:#f0ece9;--sidebar-accent-foreground:#26292e;--sidebar-border:#e4e0dd;--sidebar-ring:#bc8d3b;--nav-rail-bg:#181b1e;--nav-rail-fg:#cecdd0;--nav-rail-active:#bc8d3b;--title-bar-bg:#0d1013;--title-bar-fg:#e5e4e7;--nav-rail-width:48px;--title-bar-height:38px;--composer-max-width:880px;--font-sans:var(--font-geist-sans), system-ui, -apple-system, "Segoe UI Variable Display", sans-serif;--font-mono:var(--font-geist-mono), ui-monospace, "SF Mono", "Cascadia Code", monospace;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--text-xs:.75rem;--text-sm:.8125rem;--text-base:.875rem;--text-lg:1rem;--text-xl:1.125rem;--text-2xl:1.25rem;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.625;--tracking-tight:-.01em;--tracking-normal:0;--tracking-wide:.01em;--shadow-xs:0 1px 2px #0f172a0a;--shadow-sm:0 1px 3px #0f172a0f, 0 1px 2px #0f172a0a;--shadow-md:0 4px 6px -1px #0f172a14, 0 2px 4px -2px #0f172a0d;--shadow-lg:0 10px 15px -3px #0f172a14, 0 4px 6px -4px #0f172a0a;--shadow-xl:0 20px 25px -5px #0f172a1a, 0 8px 10px -6px #0f172a0f;--shadow-float:0 24px 38px -12px #0f172a26;--shadow-inset:inset 0 1px 0 #ffffff80;--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--ease-out-quart:cubic-bezier(.25, 1, .5, 1);--ease-in-out-cubic:cubic-bezier(.65, 0, .35, 1);--ease-in-expo:cubic-bezier(.7, 0, .84, 0);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--ease-out-soft:cubic-bezier(.22, 1, .36, 1);--duration-micro:80ms;--duration-fast:.15s;--duration-normal:.2s;--duration-slow:.3s;--duration-entrance:.2s;--duration-exit:.15s;--duration-chrome:.18s;--duration-chrome-md:.22s;--duration-chrome-lg:.36s;font-family:var(--font-sans);font-feature-settings:"cv11", "ss01", "ss03";letter-spacing:normal;text-align:start;font-size:1rem;line-height:normal}@supports (color:lab(0% 0 0)){.hero-agent-scope{--primary:lab(51.2561% 12.9363 51.8814);--secondary-accent:lab(47.6287% -1.30123 -14.59);--background:lab(97.6582% .345767 -.655389);--foreground:lab(4.4107% -.247397 -2.73951);--card:lab(99.1771% .172734 -.327826);--card-foreground:lab(4.4107% -.247397 -2.73951);--popover:lab(99.1771% .172734 -.327826);--popover-foreground:lab(4.4107% -.247397 -2.73951);--primary-foreground:lab(98.2683% .0524819 .759554);--secondary:lab(94.7694% 1.00473 1.99298);--secondary-foreground:lab(16.4436% -.441715 -3.69567);--muted:lab(94.1894% 1.00482 1.993);--muted-foreground:lab(44.2864% -.492126 -3.7208);--accent:lab(94.1894% 1.00482 1.993);--accent-foreground:lab(16.4436% -.441715 -3.69567);--destructive:lab(48.4493% 77.4328 61.5452);--destructive-foreground:lab(98.2683% .0524819 .759554);--border:lab(89.5493% 1.0052 1.99326);--input:lab(89.5493% 1.0052 1.99326);--ring:lab(62.0857% 12.2371 49.1226);--success:lab(57.9394% -47.8174 40.6994);--warning:lab(71.1681% 11.7208 71.0541);--error:lab(48.4493% 77.4328 61.5452);--info:lab(47.6287% -1.30123 -14.59);--chart-1:lab(62.0857% 12.2371 49.1226);--chart-2:lab(47.6287% -1.30123 -14.59);--chart-3:lab(30.2091% -.947192 -14.4723);--chart-4:lab(71.1681% 11.7208 71.0541);--chart-5:lab(47.407% 22.6863 52.7749);--sidebar:lab(97.0948% .499994 .995016);--sidebar-foreground:lab(4.4107% -.247397 -2.73951);--sidebar-primary:lab(62.0857% 12.2371 49.1226);--sidebar-primary-foreground:lab(98.2683% .0524819 .759554);--sidebar-accent:lab(93.6094% 1.00484 1.99305);--sidebar-accent-foreground:lab(16.4436% -.441715 -3.69567);--sidebar-border:lab(89.5493% 1.0052 1.99326);--sidebar-ring:lab(62.0857% 12.2371 49.1226);--nav-rail-bg:lab(9.49083% -.351779 -2.95578);--nav-rail-fg:lab(82.5453% .867397 -1.63617);--nav-rail-active:lab(62.0857% 12.2371 49.1226);--title-bar-bg:lab(4.41723% -.218034 -2.15809);--title-bar-fg:lab(90.6763% .693023 -1.30967)}}:where(.hero-agent-scope) *{border-color:var(--border)}@keyframes message-send{0%{opacity:0;transform:translateY(12px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes error-shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}50%{transform:translate(4px)}75%{transform:translate(-2px)}}@keyframes typing-dot{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-4px)}}@keyframes typing-dot-pulse{0%,to{opacity:.3}50%{opacity:1}}.animate-message-send{animation:message-send var(--duration-fast) var(--ease-out-expo) forwards}.agent-user-bubble{background:color-mix(in oklch, var(--chart-1) 10%, var(--card));border-color:color-mix(in oklch, var(--chart-1) 22%, var(--border));box-shadow:inset 0 1px #ffffff80,0 10px 24px -22px #3e290f66;box-shadow:inset 0 1px lab(100% 0 0/.5),0 10px 24px -22px lab(18.7182% 7.6988 20.5765/.4)}.work-log{width:100%;max-width:100%;padding:.125rem 0}.work-log--active{box-shadow:inset 2px 0 0 color-mix(in oklch, var(--primary) 40%, transparent)}.work-log-header{justify-content:space-between;align-items:center;padding:.125rem .25rem .25rem;display:flex}.work-log-title{letter-spacing:.06em;text-transform:uppercase;color:color-mix(in oklch, var(--muted-foreground) 55%, transparent);-webkit-user-select:none;user-select:none;font-size:.6875rem;font-weight:500}.work-log-list{margin:0;padding:0;list-style:none}.work-log-row{align-items:center;gap:.375rem;min-height:1.5rem;padding:.15rem .25rem;display:flex}.work-log-icon{opacity:.5;flex-shrink:0;width:.75rem;height:.75rem}.work-log-icon--done{color:var(--muted-foreground)}.work-log-icon--running{width:16px;height:16px;color:var(--primary);opacity:1;place-items:center;display:grid}.work-log-summary{color:color-mix(in oklch, var(--muted-foreground) 70%, transparent);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.8125rem;line-height:1.35;overflow:hidden}.work-log-footer{align-items:center;gap:.375rem;padding:.25rem;display:flex}.work-log-dots{gap:3px;display:inline-flex}.work-log-dots:before,.work-log-dots:after,.work-log-dots{line-height:0}.work-log-dots:before{content:"•  •  •";color:color-mix(in oklch, var(--primary) 75%, var(--muted-foreground));letter-spacing:.08em;font-size:.75rem;animation:1.4s ease-in-out infinite typing-dot}.work-log-elapsed{font-size:var(--text-sm);color:var(--muted-foreground)}@media (prefers-reduced-motion:reduce){.work-log-dots:before{animation:1.4s ease-in-out infinite typing-dot-pulse!important}}.markdown-table-wrapper{border:1px solid color-mix(in oklch, var(--border) 85%, transparent);border-radius:12px;margin:.75em 0;overflow-x:auto}.markdown-table{border-collapse:collapse;width:100%;font-size:13px}.markdown-table th,.markdown-table td{text-align:left;border-bottom:1px solid color-mix(in oklch, var(--border) 50%, transparent);padding:8px 12px}.markdown-table th{background:color-mix(in oklch, var(--muted) 50%, transparent);text-transform:uppercase;letter-spacing:.03em;color:var(--muted-foreground);font-size:12px;font-weight:600}.markdown-table tr:last-child td{border-bottom:none}.markdown-table tr:hover td{background:color-mix(in oklch, var(--muted) 25%, transparent)}
.activity-block{--act:var(--primary);--act-soft:color-mix(in oklch, var(--act) 12%, transparent);--act-bright:var(--ring);border-radius:var(--radius);width:100%;max-width:100%;min-height:1.75rem;box-shadow:inset 2px 0 0 color-mix(in oklch, var(--act) 38%, transparent);animation:act-block-in var(--duration-normal) var(--ease-out-expo) both;align-items:center;gap:.5rem;padding:.2rem .35rem .2rem .3rem;display:flex}.activity-block--thinking,.activity-block--writing,.activity-block--searching,.activity-block--tasks{--act:var(--primary)}.activity-block--reading,.activity-block--listing{--act:var(--muted-foreground)}.activity-block--editing{--act:var(--warning)}.activity-block--command,.activity-block--sandbox,.activity-block--skill{--act:var(--success)}.activity-block--browsing,.activity-block--screen,.activity-block--screenshot{--act:var(--info)}.activity-block--error{--act:var(--error)}.activity-orb-slot{width:20px;height:20px;color:var(--act);flex:0 0 20px;place-items:center;display:grid;overflow:hidden}.activity-label{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:color-mix(in oklch, var(--foreground) 88%, transparent);white-space:nowrap;flex-shrink:0;line-height:1.3}.activity-context{font-family:var(--font-mono);font-size:var(--text-xs);color:color-mix(in oklch, var(--muted-foreground) 65%, transparent);text-overflow:ellipsis;white-space:nowrap;min-width:0;line-height:1.3;overflow:hidden}.activity-count{font-size:var(--text-xs);font-weight:var(--font-weight-medium);color:color-mix(in oklch, var(--muted-foreground) 70%, transparent);white-space:nowrap;flex-shrink:0;line-height:1.3}@keyframes act-block-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.activity-block--error{animation:act-block-in var(--duration-normal) var(--ease-out-expo) both, error-shake var(--duration-slow) var(--ease-out-expo) 50ms}@media (prefers-reduced-motion:reduce){.activity-block{opacity:1!important;transform:none!important}}
.login-glow{animation:login-glow-breathe 7s var(--ease-out-expo) infinite;background:radial-gradient(circle,#9e711829 0%,#0000 60%);background:radial-gradient(circle,lab(51.2561% 12.9363 51.8814/.16) 0%,#0000 60%);transform:translate(-50%,-50%)}@keyframes login-glow-breathe{0%,to{opacity:.8;transform:translate(-50%,-50%)scale(1)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.08)}}@keyframes login-table-in{0%{opacity:0}to{opacity:1}}@keyframes login-table-row-in{0%{opacity:0}to{opacity:1}}@keyframes login-browser-in{0%{opacity:.4;left:62%}to{opacity:1;left:48px}}@keyframes login-browser-out{0%{opacity:1;left:48px}to{opacity:0;left:62%}}@keyframes login-chat-recede{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.985)}}@keyframes login-chat-return{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:none}}@keyframes login-gmail-in{0%{opacity:0;transform:scale(.99)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.login-glow,.login-table,.login-table-row,.login-browser-layer,.login-stage-workspace,.login-gmail,.login-gmail-compose{transition:none!important;animation:none!important}}.login-stage{background:0 0;display:flex;position:absolute;inset:0;overflow:visible}.login-stage-scene{z-index:1;flex-direction:column;flex:1;justify-content:center;align-items:center;min-width:0;min-height:0;padding:0;display:flex;position:relative}.login-stage-clip{flex:1;width:100%;min-height:0;position:relative;overflow:visible}.login-stage-replica{--login-stage-scale:.5;border:1px solid var(--border);transform:translate(-50%, -50%) scale(var(--login-stage-scale));transform-origin:50%;border-radius:0;flex-direction:column;display:flex;position:absolute;top:50%;left:50%;overflow:hidden;box-shadow:inset 0 1px #fff9,0 28px 70px -24px #3e290f66;box-shadow:inset 0 1px lab(100% 0 0/.6),0 28px 70px -24px lab(18.7182% 7.6988 20.5765/.4)}.login-stage-caret{vertical-align:-.1em;background:#9e7118;background:lab(51.2561% 12.9363 51.8814);width:1.5px;height:.95em;animation:1.05s step-end infinite login-stage-caret}@keyframes login-stage-caret{0%,46%{opacity:1}47%,to{opacity:0}}@media (prefers-reduced-motion:reduce){.login-stage-caret{opacity:1!important;animation:none!important}}.login-stage[data-motion=reduce] .login-stage-caret,.login-stage[data-motion=reduce] .login-table,.login-stage[data-motion=reduce] .login-table-row,.login-stage[data-motion=reduce] .login-browser-layer,.login-stage[data-motion=reduce] .login-stage-workspace,.login-stage[data-motion=reduce] .login-gmail,.login-stage[data-motion=reduce] .login-gmail-compose{filter:none!important;animation:none!important}.login-stage[data-motion=reduce] .login-stage-caret{opacity:1!important}.login-stage-replica .markdown-table-wrapper{border-color:color-mix(in oklch, var(--border) 42%, transparent)}.login-table{animation:login-table-in .32s var(--ease-out-expo) both}.login-table-row{animation:login-table-row-in .4s var(--ease-out-expo) both;animation-delay:calc(var(--login-row,0) * 90ms)}.login-stage-workspace{transform-origin:0;flex:auto;min-width:0;min-height:0;display:flex}.login-stage-workspace.is-receding{animation:login-chat-recede .48s var(--ease-out-soft) both}.login-stage-workspace.is-returning{animation:login-chat-return .48s var(--ease-out-soft) both}.login-browser-layer{z-index:4;background:var(--background);transform-origin:100%;min-width:0;min-height:0;animation:login-browser-in .52s var(--ease-out-soft) both;display:flex;position:absolute;inset:0 0 0 48px;overflow:hidden}.login-browser-layer.is-out{animation:login-browser-out .52s var(--ease-out-soft) both}@font-face{font-family:Google Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(/hero-agent/google-sans-latin.woff2)format("woff2")}@font-face{font-family:Roboto;font-style:normal;font-weight:400 700;font-display:swap;src:url(/hero-agent/roboto-latin.woff2)format("woff2")}.login-gmail{color:#1f1f1f;height:100%;min-height:0;animation:login-gmail-in .28s var(--ease-out-soft) .18s both;background:#f8fafd;flex-direction:column;font-family:Google Sans,Roboto,Arial,sans-serif;font-size:13px;display:flex;overflow:hidden}.login-gmail-top{background:#fff;align-items:center;gap:12px;height:64px;padding:0 16px 0 12px;display:flex}.login-gmail-top>svg{color:#444746;flex:none;width:20px;height:20px}.login-gmail-lockup{flex:none;width:auto;height:24px}.login-gmail-search{color:#444746;background:#eaf1fb;border-radius:24px;align-items:center;gap:10px;width:min(42%,420px);height:44px;margin-left:18px;padding:0 16px;display:flex}.login-gmail-search svg{width:18px;height:18px}.login-gmail-top-spacer{flex:1}.login-gmail-active{color:#0d652d;background:#e6f4ea;border-radius:999px;height:28px;padding:0 10px;font-size:12px;font-weight:500;line-height:28px}.login-gmail-avatar{color:#fff;background:#1e8e3e;border-radius:999px;place-items:center;width:32px;height:32px;font-size:13px;font-weight:600;display:grid}.login-gmail-shell{flex:1;min-height:0;display:flex}.login-gmail-apps{color:#444746;flex-direction:column;align-items:center;gap:4px;width:56px;padding-top:8px;font-size:10px;display:flex}.login-gmail-apps>span{border-radius:16px;justify-items:center;gap:2px;width:48px;padding:8px 0 6px;display:grid}.login-gmail-apps>span.is-on{color:#041e49;background:#d3e3fd}.login-gmail-apps svg{width:18px;height:18px}.login-gmail-nav{color:#444746;flex-direction:column;gap:2px;width:196px;padding:0 12px 12px;display:flex}.login-gmail-compose-btn{color:#001d35;background:#c2e7ff;border-radius:16px;align-items:center;gap:10px;width:fit-content;margin:4px 0 12px;padding:14px 20px;font-size:14px;font-weight:500;display:inline-flex;box-shadow:0 1px 3px #3c404326}.login-gmail-compose-btn svg{width:18px;height:18px}.login-gmail-nav-item{border-radius:0 16px 16px 0;align-items:center;gap:14px;height:32px;padding:0 12px 0 16px;font-size:14px;display:flex}.login-gmail-nav-item svg{width:18px;height:18px}.login-gmail-nav-item.is-on{color:#041e49;background:#d3e3fd;font-weight:600}.login-gmail-labels-title{color:#1f1f1f;margin:14px 0 4px 16px;font-size:14px;font-weight:500}.login-gmail-folder{opacity:.55;background:#5f6368;border-radius:2px;flex:none;width:12px;height:12px}.login-gmail-main{background:#fff;flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;position:relative}.login-gmail-toolbar{color:#444746;align-items:center;gap:10px;height:40px;padding:0 12px;display:flex}.login-gmail-toolbar svg{width:16px;height:16px}.login-gmail-count{margin-left:auto;font-size:12px}.login-gmail-check{opacity:.55;border:2px solid #444746;border-radius:2px;flex:none;width:16px;height:16px}.login-gmail-list{margin:0;padding:0;list-style:none;overflow:hidden}.login-gmail-row{color:#444746;border-bottom:1px solid #eceff1;grid-template-columns:16px 16px 118px minmax(0,1fr) 64px;align-items:center;gap:10px;height:40px;padding:0 12px;display:grid}.login-gmail-row svg{width:16px;height:16px}.login-gmail-row.is-unread{color:#1f1f1f;font-weight:700;box-shadow:inset 0 -1px #eceff1}.login-gmail-from{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.login-gmail-copy{text-overflow:ellipsis;white-space:nowrap;font-weight:400;overflow:hidden}.login-gmail-copy strong{font-weight:inherit}.login-gmail-copy span{color:#5f6368;font-weight:400}.login-gmail-row.is-unread .login-gmail-copy strong{font-weight:700}.login-gmail-time{text-align:right;font-size:12px}.login-gmail-compose{z-index:2;width:min(480px,94%);height:420px;animation:login-gmail-in .4s var(--ease-out-soft) both;background:#fff;border:1px solid #c4c7c5;border-radius:16px;flex-direction:column;display:flex;position:absolute;bottom:10px;right:12px;overflow:hidden;box-shadow:0 1px 3px #3c404326,0 24px 48px #3c404338}.login-gmail-compose-bar{color:#1f1f1f;background:#f2f6fc;justify-content:space-between;align-items:center;height:40px;padding:0 8px 0 16px;font-family:Google Sans,Roboto,Arial,sans-serif;font-size:14px;font-weight:500;display:flex}.login-gmail-compose-actions{color:#444746;align-items:center;gap:2px;display:flex}.login-gmail-compose-actions svg{box-sizing:content-box;width:16px;height:16px;padding:6px}.login-gmail-compose-field{color:#1f1f1f;border-bottom:1px solid #eceff1;align-items:center;gap:8px;min-height:40px;padding:6px 16px;font-size:13px;display:flex}.login-gmail-to{color:#5f6368;font-size:12px}.login-gmail-chip{background:#fff;border:1px solid #dadce0;border-radius:16px;align-items:center;height:24px;padding:0 10px;font-size:13px;display:inline-flex}.login-gmail-compose-field.is-subject{font-weight:500}.login-gmail-compose-body{color:#3c4043;flex:1;padding:14px 16px 8px;font-family:Roboto,Arial,sans-serif;font-size:13.5px;line-height:1.5}.login-gmail-gemini-bar{color:#5f6368;border:1px solid #e0e3e1;border-radius:18px;align-items:center;gap:8px;height:36px;margin:0 12px 8px;padding:0 12px;font-size:13px;display:flex}.login-gmail-gemini-bar svg{color:#0b57d0;width:16px;height:16px}.login-gmail-compose-foot{align-items:center;gap:8px;padding:8px 12px 12px;display:flex}.login-gmail-send{color:#fff;background:#0b57d0;border-radius:18px;align-items:center;gap:4px;height:36px;padding:0 8px 0 18px;font-family:Google Sans,Roboto,Arial,sans-serif;font-size:14px;font-weight:500;display:inline-flex}.login-gmail-send svg{width:16px;height:16px}.login-gmail-send.is-sent{background:#188038;padding-right:18px}.login-gmail-compose-tools{color:#444746;align-items:center;gap:10px;display:flex}.login-gmail-compose-tools svg{width:18px;height:18px}.login-gmail-trash{color:#444746;width:18px;height:18px;margin-left:auto}
.agent-workspace{flex:1;min-width:0;min-height:0;display:flex;position:relative}.agent-workspace-main{flex:auto;min-width:0;min-height:0;transition:flex-grow .36s cubic-bezier(.22,1,.36,1),flex-basis .36s cubic-bezier(.22,1,.36,1),opacity .28s;overflow:hidden}.agent-workspace.is-stage .agent-workspace-main{opacity:0;pointer-events:none;flex-grow:0;flex-basis:0}.agent-workspace.has-taskbar{--agent-browser-taskbar-height:40px}.agent-workspace.has-taskbar .agent-workspace-main{padding-bottom:var(--agent-browser-taskbar-height)}.agent-browser-panel{border-left:1px solid color-mix(in oklch, var(--border) 80%, transparent);background:color-mix(in oklch, var(--card) 97%, var(--chart-2) 3%);flex-direction:column;flex:none;width:min(430px,42vw);min-width:340px;max-width:min(800px,100vw - 408px);min-height:0;transition:width .36s cubic-bezier(.22,1,.36,1),min-width .36s cubic-bezier(.22,1,.36,1),flex-grow .36s cubic-bezier(.22,1,.36,1),flex-basis .36s cubic-bezier(.22,1,.36,1),opacity .28s,box-shadow .28s;display:flex;position:relative;box-shadow:-20px 0 42px -38px #03060d99;box-shadow:-20px 0 42px -38px lab(1.52065% -.00759214 -3.13168/.6)}.agent-browser-panel.is-resizing{-webkit-user-select:none;user-select:none;transition:none}.agent-browser-rail-resize{z-index:6;cursor:col-resize;touch-action:none;width:10px;position:absolute;top:0;bottom:0;left:-4px}.agent-browser-rail-resize:after{content:"";background:0 0;border-radius:999px;width:3px;position:absolute;top:18%;bottom:18%;left:3px}.agent-browser-rail-resize:hover:after,.agent-browser-rail-resize:focus-visible:after{background:color-mix(in oklch, var(--primary) 50%, var(--border))}.agent-browser-panel.is-collapsing,.agent-browser-panel.is-expanding{transform-origin:100% 100%;pointer-events:none}.agent-browser-panel.is-collapsing{animation:.22s forwards agent-browser-collapse}.agent-browser-panel.is-expanding{animation:.22s both agent-browser-expand}.agent-browser-panel.is-collapsing .agent-browser-native-viewport,.agent-browser-panel.is-expanding .agent-browser-native-viewport{visibility:hidden}.agent-browser-panel--stage{width:auto;min-width:0;max-width:none;box-shadow:none;border-left:0;flex:auto}.browse-chat-card{z-index:1;border:1px solid color-mix(in oklch, var(--border) 80%, transparent);background:var(--card);min-width:240px;max-width:46%;box-shadow:0 24px 64px -28px #000000b8, 0 0 0 1px color-mix(in oklch, var(--primary) 16%, transparent);border-radius:16px;flex-direction:column;flex:none;align-self:stretch;animation:.26s cubic-bezier(.22,1,.36,1) both browse-chat-enter;display:flex;position:relative;overflow:hidden}@supports (color:lab(0% 0 0)){.browse-chat-card{box-shadow:0 24px 64px -28px lab(0% 0 0/.72), 0 0 0 1px color-mix(in oklch, var(--primary) 16%, transparent)}}.browse-chat-card .chat-scroll-fade{--chat-fade-width:12px}.browse-chat-card-header{border-bottom:1px solid var(--border);align-items:center;gap:8px;min-height:40px;padding:4px 6px 4px 12px;display:flex}.browse-chat-card-header svg{width:14px;height:14px;color:var(--primary);flex:none}.browse-chat-card-header strong{font-size:var(--text-xs);flex:1}.browse-chat-card-header button{cursor:pointer;width:28px;height:28px}.browse-chat-card-body{flex-direction:column;flex:1;min-height:0;font-size:12px;line-height:1.4;display:flex}.browse-chat-card [data-testid=user-message-bubble]{border-radius:10px;padding:7px 10px;font-size:12px}.browse-chat-card .markdown-mini,.browse-chat-card .markdown-body,.browse-chat-card [class*=prose]{font-size:12px;line-height:1.4}.browse-chat-card textarea,.browse-chat-card [aria-label=Message\ composer]{min-height:32px!important;max-height:120px!important;font-size:12px!important;line-height:1.4!important}.browse-chat-card [data-onboarding=mode-toggle] button,.browse-chat-card [data-onboarding=permissions]{font-size:10px}.browse-chat-card [data-onboarding=mode-toggle] button,.browse-chat-card [data-onboarding=permissions]>div{padding-left:8px;padding-right:8px}.browse-chat-card-empty{height:100%;color:var(--muted-foreground);font-size:var(--text-xs);text-align:center;place-items:center;padding:24px;display:grid}@keyframes browse-chat-enter{0%{opacity:0;transform:translateY(12px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes agent-browser-collapse{to{opacity:0;transform:translateY(16px)scale(.98)}}@keyframes agent-browser-expand{0%{opacity:0;transform:translateY(16px)scale(.98)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.agent-workspace-main,.agent-browser-panel,.browse-chat-card{transition:none;animation:none}}.agent-browser-header,.agent-browser-toolbar,.agent-browser-footer{align-items:center;display:flex}.agent-browser-download{border-top:1px solid var(--border);background:color-mix(in oklch, var(--success) 7%, var(--card));align-items:center;gap:8px;min-height:42px;padding:7px 12px;display:flex}.agent-browser-download>svg{width:15px;color:var(--success);flex:none}.agent-browser-download>span{min-width:0;display:grid}.agent-browser-download strong,.agent-browser-download small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.agent-browser-download strong{font-size:var(--text-xs)}.agent-browser-download small{color:var(--muted-foreground);font-size:10px}.agent-browser-chrome{isolation:isolate;border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;min-height:40px;padding:4px 6px 4px 8px;display:grid;position:relative}.agent-browser-chrome-side,.agent-browser-tabstrip,.agent-browser-header-actions{position:relative}.agent-browser-chrome-side{align-items:center;display:flex}.agent-browser-header{border-bottom:1px solid var(--border);justify-content:space-between;min-height:54px;padding:8px 10px 8px 14px}.agent-browser-heading{align-items:center;gap:10px;min-width:0;display:flex}.agent-browser-heading>div{min-width:0;display:grid}.agent-browser-heading strong{font-size:var(--text-sm);letter-spacing:var(--tracking-tight)}.agent-browser-heading span{color:var(--muted-foreground);font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.agent-browser-live-mark{border:1px solid color-mix(in oklch, var(--primary) 48%, var(--border));width:28px;height:28px;color:var(--primary);background:color-mix(in oklch, var(--primary) 10%, var(--card));border-radius:9px;place-items:center;display:grid;position:relative}.agent-browser-live-mark:after{content:"";border:1px solid color-mix(in oklch, var(--primary) 30%, transparent);border-radius:12px;animation:2.4s ease-out infinite agent-browser-pulse;position:absolute;inset:-4px}.agent-browser-live-mark svg{width:15px;height:15px}.agent-browser-header-actions{display:flex}.agent-browser-header-actions button{width:30px;height:30px}.agent-browser-tabstrip{align-items:center;gap:4px;min-width:0;display:flex}.agent-browser-tabs{flex:1;justify-content:flex-start;align-items:center;gap:4px;min-width:0;display:flex;overflow:hidden}.agent-browser-tab{border:1px solid color-mix(in oklch, var(--border) 70%, transparent);min-width:0;max-width:200px;height:28px;color:var(--muted-foreground);background:color-mix(in oklch, var(--muted) 42%, transparent);border-radius:8px 8px 0 0;flex:1 1 0;align-items:center;padding:0 2px 0 0;display:flex;overflow:hidden}.agent-browser-tab.is-active{border-color:color-mix(in oklch, var(--primary) 28%, var(--border));color:var(--foreground);background:color-mix(in oklch, var(--card) 88%, var(--primary) 6%)}.agent-browser-tab-main{min-width:0;height:100%;color:inherit;font:inherit;font-size:var(--text-xs);text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:5px;padding:0 6px 0 8px;display:flex;overflow:hidden}.agent-browser-tab-main span,.agent-browser-tab-main small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.agent-browser-tab-main span{flex:1;min-width:0}.agent-browser-tab-main small{display:none}.agent-browser-tab-main i{background:var(--primary);border-radius:999px;flex:none;width:5px;height:5px;animation:1.2s ease-in-out infinite agent-browser-pulse}.agent-browser-tab-close{width:16px;height:16px;color:var(--muted-foreground);cursor:pointer;background:0 0;border:0;border-radius:999px;flex:none;place-items:center;margin-right:4px;display:none}.agent-browser-tab.is-active:hover .agent-browser-tab-close,.agent-browser-tab.is-active:focus-within .agent-browser-tab-close{display:grid}.agent-browser-tab-close:hover,.agent-browser-tab-close:focus-visible{color:var(--foreground);background:color-mix(in oklch, var(--muted) 80%, transparent)}.agent-browser-tab-close svg{width:10px;height:10px}.agent-browser-new-tab{width:24px;height:24px;color:var(--muted-foreground);cursor:pointer;background:0 0;border:0;border-radius:6px;flex:none;place-items:center;display:grid}.agent-browser-new-tab:hover{color:var(--foreground);background:color-mix(in oklch, var(--muted) 70%, transparent)}.agent-browser-new-tab svg{width:14px;height:14px}.agent-browser-toolbar{border-bottom:1px solid var(--border);gap:6px;min-height:44px;padding:5px 8px}.agent-browser-history{display:flex}.agent-browser-toolbar button{width:30px;height:30px}.agent-browser-location{border:1px solid color-mix(in oklch, var(--border) 85%, transparent);background:color-mix(in oklch, var(--muted) 55%, transparent);min-width:0;height:30px;color:var(--muted-foreground);font-family:var(--font-mono);border-radius:8px;flex:1;align-items:center;gap:7px;padding:0 10px;font-size:11px;display:flex}.agent-browser-location svg{width:12px;color:var(--success);flex:none}.agent-browser-location span,.agent-browser-location input{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.agent-browser-location input{color:inherit;font:inherit;background:0 0;border:0;outline:none}.agent-browser-body{flex:1;min-width:0;min-height:0;display:flex}.agent-browser-body.is-stage{align-items:stretch;padding:0 10px 10px 0}.agent-browser-split{background:color-mix(in oklch, var(--border) 80%, transparent);cursor:col-resize;touch-action:none;border-radius:999px;flex:none;width:8px;margin:10px 2px}.agent-browser-split:hover,.agent-browser-split:focus-visible{background:color-mix(in oklch, var(--primary) 45%, var(--border))}.agent-browser-stage{background:color-mix(in oklch, var(--muted) 32%, var(--background));flex:1;min-width:0;min-height:0;position:relative}.agent-browser-native-viewport{position:absolute;inset:0}.agent-browser-approval{z-index:2;border:1px solid color-mix(in oklch, var(--warning) 35%, var(--border));background:var(--card);border-radius:12px;grid-template-columns:auto 1fr;gap:12px;padding:16px;display:grid;position:absolute;inset:50% 18px auto;transform:translateY(-50%);box-shadow:0 24px 64px -32px #000000bf;box-shadow:0 24px 64px -32px lab(0% 0 0/.75)}.agent-browser-approval>svg{color:var(--warning)}.agent-browser-approval strong{font-size:var(--text-base)}.agent-browser-approval p{color:var(--muted-foreground);font-size:var(--text-xs);margin:4px 0 0}.agent-browser-approval-actions{flex-wrap:wrap;grid-column:1/-1;gap:6px;display:flex}.agent-browser-signin{z-index:2;border:1px solid color-mix(in oklch, var(--primary) 35%, var(--border));background:color-mix(in oklch, var(--card) 96%, var(--primary) 4%);border-radius:10px;align-items:center;gap:8px;padding:10px;display:flex;position:absolute;inset:auto 10px 10px;box-shadow:0 16px 38px -26px #000000a6;box-shadow:0 16px 38px -26px lab(0% 0 0/.65)}.agent-browser-signin>div{flex:1;min-width:0;display:grid}.agent-browser-signin strong{font-size:var(--text-xs)}.agent-browser-signin span{color:var(--muted-foreground);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.agent-browser-footer{border-top:1px solid var(--border);min-height:48px;font-size:var(--text-xs);gap:8px;padding:7px 10px 7px 14px}.agent-browser-footer>span:nth-child(2){color:var(--muted-foreground);flex:1}.agent-browser-control-dot{background:var(--primary);width:7px;height:7px;box-shadow:0 0 0 3px color-mix(in oklch, var(--primary) 15%, transparent);border-radius:50%}.agent-browser-control-dot.is-human,.agent-browser-control-dot.is-signin_latched{background:var(--success);box-shadow:0 0 0 3px color-mix(in oklch, var(--success) 15%, transparent)}.agent-browser-taskbar-host{z-index:40;pointer-events:none;flex-direction:column;align-items:stretch;display:flex;position:absolute;bottom:0;left:0;right:0}.agent-browser-taskbar-host>*{pointer-events:auto}.agent-browser-taskbar-host .agent-browser-approval{width:min(420px,100% - 24px);margin:0 12px 10px auto;position:relative;inset:auto;transform:none;box-shadow:0 18px 48px -28px #0105158c;box-shadow:0 18px 48px -28px lab(1.43524% .788324 -7.63898/.55)}.agent-browser-taskbar-host .agent-browser-background{align-self:flex-end;margin:0 12px 8px}.agent-browser-taskbar{height:var(--agent-browser-taskbar-height,40px);border-top:1px solid color-mix(in oklch, var(--border) 80%, transparent);background:color-mix(in oklch, var(--card) 94%, var(--chart-2) 6%);align-items:stretch;display:flex;box-shadow:0 -10px 28px -22px #03060d8c;box-shadow:0 -10px 28px -22px lab(1.52065% -.00759214 -3.13168/.55)}.agent-browser-mini{min-width:0;height:100%;color:var(--foreground);cursor:pointer;background:0 0;border:0;border-radius:0;flex:1;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;padding:0 12px;display:grid}.agent-browser-mini:hover{background:color-mix(in oklch, var(--muted) 55%, transparent)}.agent-browser-background{border:1px solid color-mix(in srgb, var(--primary) 35%, var(--border));background:var(--card);color:var(--foreground);border-radius:999px;padding:7px 12px;font-size:11px;font-weight:600;box-shadow:0 8px 24px #0000002e}.agent-browser-panel>.agent-browser-background{align-self:flex-end;margin:8px 12px 0}.agent-browser-mini>svg{width:17px;color:var(--primary)}.agent-browser-mini>span{text-align:left;min-width:0;display:grid}.agent-browser-mini strong,.agent-browser-mini small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.agent-browser-mini strong{font-size:var(--text-xs)}.agent-browser-mini small{color:var(--muted-foreground);font-size:10px}.agent-browser-mini img{object-fit:cover;border:1px solid var(--border);border-radius:4px;width:44px;height:26px}@keyframes agent-browser-pulse{0%{opacity:.8;transform:scale(.85)}70%,to{opacity:0;transform:scale(1.18)}}@media (max-width:900px){.agent-browser-panel{width:min(380px,50vw);min-width:310px}}@media (prefers-reduced-motion:reduce){.agent-browser-live-mark:after,.agent-browser-tab-main i,.agent-browser-panel.is-collapsing,.agent-browser-panel.is-expanding{animation:none}}
