.agent-layout{position:relative;z-index:1;flex:1 0 auto;display:flex;flex-direction:column;width:100%;max-width:760px;margin:0 auto;padding:16px 32px 0}.agent-breathe{position:fixed;top:var(--shell-header);left:var(--shell-rail);right:0;bottom:0;z-index:0;overflow:hidden;pointer-events:none}.agent-breathe i{position:absolute;border-radius:50%;filter:blur(90px);opacity:.6;will-change:transform}.agent-breathe i b{position:absolute;inset:0;border-radius:50%;background:inherit}@media(prefers-reduced-motion:no-preference){.agent-breathe i{animation:agent-drift ease-in-out infinite}.agent-breathe i b{animation:agent-breathe ease-in-out infinite}}@keyframes agent-drift{0%{transform:translate(0)}23%{transform:translate(70px,-50px)}47%{transform:translate(-40px,60px)}71%{transform:translate(90px,30px)}to{transform:translate(0)}}@keyframes agent-breathe{0%{transform:scale(.9);opacity:.55}38%{transform:scale(1.3);opacity:1}62%{transform:scale(1.05);opacity:.7}to{transform:scale(.9);opacity:.55}}.agent-top{display:flex;align-items:center;gap:4px;width:100%}.agent-top-title{min-width:0;overflow:hidden;font-size:13px;color:var(--neutral-400);white-space:nowrap;text-overflow:ellipsis}.agent-ghost{display:inline-flex;flex:none;align-items:center;gap:6px;height:30px;padding:0 10px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--neutral-600);font:inherit;font-size:13px;font-weight:500;cursor:pointer;transition:background var(--motion-fast) ease,color var(--motion-fast) ease}.agent-ghost svg{width:15px;height:15px}.agent-ghost:hover{background:var(--surface-sunken);color:var(--ink)}.agent-ghost:focus-visible{outline:2px solid var(--signal);outline-offset:2px}.agent-ghost.is-end{margin-left:auto}.agent-side{position:fixed;top:0;bottom:0;left:0;z-index:60;width:min(300px,86vw);display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:0 18px 18px 0;background:var(--surface);box-shadow:var(--shadow-modal);transform:translate(-104%);visibility:hidden;transition:transform var(--motion-slow) var(--ease-out),visibility var(--motion-slow)}.agent-side.is-open{transform:none;visibility:visible}.agent-side-scrim{position:fixed;inset:0;z-index:59;background:var(--scrim)}.agent-side-top{display:flex;align-items:center;gap:8px}.agent-side-new{flex:1 1 auto;display:flex;align-items:center;justify-content:center;gap:8px;min-height:40px;border:0;border-radius:11px;background:var(--signal-ink);color:var(--on-signal);font:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:background var(--motion-fast) ease}.agent-side-new svg{width:15px;height:15px}.agent-side-new:hover{background:var(--signal-700)}.agent-side-close{display:grid;flex:none;place-items:center;width:40px;height:40px;border:0;border-radius:11px;background:var(--canvas);color:var(--neutral-600);cursor:pointer}.agent-side-close svg{width:16px;height:16px}.agent-side-search{display:flex;align-items:center;gap:8px;height:34px;padding:0 10px;border-radius:9px;background:var(--canvas);color:var(--neutral-400)}.agent-side-search svg{flex:none;width:14px;height:14px}.agent-side-search input{flex:1 1 auto;min-width:0;padding:0;border:0;outline:0;background:transparent;color:var(--ink);font:inherit;font-size:13px}.agent-side-search input::placeholder{color:var(--neutral-400)}.agent-side-search:focus-within{box-shadow:0 0 0 2px var(--signal)}.agent-side-list{flex:1 1 auto;min-height:0;overflow-y:auto;scrollbar-width:thin}.agent-side-empty{margin:0;padding:8px 6px;display:flex;flex-direction:column;align-items:flex-start;gap:6px;font-size:13px;line-height:1.45;color:var(--neutral-500)}.agent-side-group h3{margin:0;padding:8px 6px 4px;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--neutral-400)}.agent-side-item{display:block;width:100%;padding:8px 10px;border:0;border-radius:10px;background:transparent;color:var(--ink);font:inherit;font-size:13px;text-align:left;cursor:pointer;transition:background var(--motion-fast) ease}.agent-side-item:hover{background:var(--surface-muted)}.agent-side-item[aria-current=page]{background:var(--signal-tint);font-weight:600}.agent-side-title{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.agent-side-meta{display:block;margin-top:1px;font-size:11px;font-weight:400;color:var(--neutral-400)}.agent-side-new:focus-visible,.agent-side-close:focus-visible,.agent-side-item:focus-visible{outline:2px solid var(--signal);outline-offset:2px}.agent-column{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}.agent-thread{display:flex;flex-direction:column;gap:18px;width:100%;margin-top:24px}.agent-column.is-empty .agent-thread{margin-top:auto}.agent-column.is-empty .agent-dock{position:static;margin:28px 0 auto;padding-top:0}.agent-column.is-empty .agent-dock:before{display:none}.agent-column.is-empty .agent-disclaimer{margin-top:6px;text-align:center}.agent-hello{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.agent-hello-mark{display:grid;place-items:center;width:52px;height:52px;margin-bottom:6px;border-radius:16px;background:var(--surface);box-shadow:var(--shadow-card)}.agent-hello-mark img{width:26px;height:26px}.agent-hello h2{margin:0;font-size:28px;font-weight:600;line-height:1.2;letter-spacing:-.015em;color:var(--ink)}.agent-hello p{margin:0;max-width:460px;font-size:15px;line-height:1.5;color:var(--neutral-500)}.agent-loading{margin:0;display:flex;align-items:center;gap:8px;font-size:13px;color:var(--neutral-600)}.agent-row{display:flex;align-items:flex-start;gap:10px;min-width:0}.agent-row.is-user{justify-content:flex-end;align-items:flex-end}.agent-row>.agent-card{flex:1 1 auto}.agent-avatar{display:grid;flex:none;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--surface);box-shadow:var(--ring)}.agent-avatar img{width:16px;height:16px}.agent-avatar.is-user{background:var(--ink);color:var(--on-ink);font-size:11px;font-weight:700;box-shadow:none}.agent-time{flex:none;margin-top:4px;font-size:11px;color:var(--neutral-400)}.agent-row.is-user .agent-time{margin:0 0 10px}.agent-question{max-width:72%;margin:0;padding:10px 14px;border-radius:18px 18px 4px;background:var(--signal-ink);color:var(--on-signal);font-size:15px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere;box-shadow:0 8px 22px color-mix(in srgb,var(--signal) 28%,transparent)}.agent-card{display:flex;flex-direction:column;gap:14px;min-width:0;padding:4px 0 0;color:var(--ink);font-size:15.5px;line-height:1.65}.agent-card.is-short{flex:0 1 auto;max-width:72%}.agent-card .agent-answer{font-size:inherit;line-height:inherit}.agent-card .agent-answer .agent-money,.agent-card .agent-answer .agent-pct{padding:0;border-radius:0;background:none;color:inherit;font-weight:inherit}.agent-card-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;color:var(--neutral-400)}.agent-card-head b{color:var(--ink);font-weight:600}.agent-pulse{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--signal-ink)}.agent-pulse i{width:8px;height:8px;border-radius:50%;background:var(--signal);box-shadow:0 0 0 4px var(--signal-tint);animation:agent-pulse 1.2s ease-in-out infinite}.agent-state{margin:0;display:flex;align-items:flex-start;gap:8px;color:var(--alert-ink)}.agent-state svg{flex:none;margin-top:4px;color:var(--alert)}.agent-card[data-status=error] .agent-state,.agent-card[data-status=error] .agent-state svg{color:var(--viz-crit-ink)}.agent-card-foot{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.agent-card-foot-fill{flex:1 1 auto}.agent-chip{display:inline-flex;align-items:center;gap:6px;max-width:100%;height:26px;padding:0 10px 0 6px;border:0;border-radius:var(--radius-pill);background:var(--surface);box-shadow:var(--ring);color:var(--neutral-600);font:inherit;font-size:12px;line-height:1.4;text-decoration:none;cursor:pointer;transition:background var(--motion-fast) ease,color var(--motion-fast) ease}.agent-chip b{display:inline-grid;flex:none;place-items:center;width:16px;height:16px;border-radius:50%;background:var(--surface-sunken);color:var(--ink);font-size:10px;font-weight:700}.agent-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.agent-chip:hover{background:var(--signal-tint);color:var(--signal-ink)}.agent-chip:focus-visible{outline:2px solid var(--signal);outline-offset:2px}.agent-thumbs{display:flex;gap:4px}.agent-thumb{display:grid;place-items:center;width:28px;height:28px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--neutral-400);cursor:pointer;transition:background var(--motion-fast) ease,color var(--motion-fast) ease}.agent-thumb svg{width:15px;height:15px}.agent-thumb:hover{background:var(--surface-sunken);color:var(--ink)}.agent-thumb[aria-pressed=true]{background:var(--signal-tint);color:var(--signal-ink)}.agent-thumb:focus-visible{outline:2px solid var(--signal);outline-offset:2px}.agent-feedback{display:grid;gap:8px}.agent-feedback textarea{width:100%;min-height:64px;padding:8px 10px;resize:vertical;font:inherit;font-size:13px}.agent-feedback-row{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;color:var(--neutral-500)}.agent-feedback-row .is-error{color:var(--viz-crit-ink)}.agent-activity{font-size:12px;color:var(--neutral-500)}.agent-activity summary{display:inline-flex;align-items:center;gap:6px;border-radius:6px;cursor:pointer;list-style:none}.agent-activity summary::-webkit-details-marker{display:none}.agent-activity summary:hover{color:var(--signal-ink)}.agent-activity summary:focus-visible{outline:2px solid var(--signal);outline-offset:2px}.agent-activity summary svg{width:11px;height:11px;transition:transform var(--motion-base) var(--ease-out)}.agent-activity[open] summary svg{transform:rotate(180deg)}.agent-activity[open] .agent-steps{margin-top:8px}.agent-steps{min-width:0;margin:0 0 0 3px;padding:0 0 0 14px;border-left:2px solid var(--divider);list-style:none}.agent-step{position:relative;display:flex;align-items:center;gap:10px;padding:6px 0;font-size:13.5px;color:var(--neutral-600)}.agent-step:before{content:"";position:absolute;left:-21px;top:50%;width:8px;height:8px;border-radius:50%;background:var(--success);transform:translateY(-50%)}.agent-step[data-state=running]{color:var(--ink);font-weight:600}.agent-step[data-state=running]:before{background:var(--signal);box-shadow:0 0 0 3px var(--signal-tint);animation:agent-pulse 1.2s ease-in-out infinite}.agent-step-text{flex:1 1 auto;min-width:0;line-height:1.4}.agent-step-target{font-size:12px;font-weight:400;color:var(--neutral-500);overflow-wrap:anywhere}.agent-step-ms{flex:none;font-size:12px;font-weight:500;color:var(--neutral-400)}.agent-step-ms.is-running{color:var(--signal-ink)}.agent-draft{color:var(--neutral-600)}.agent-browser{display:flex;align-items:center;gap:12px;max-width:460px;padding:10px 12px;border-radius:var(--radius-tile);background:var(--surface);box-shadow:var(--shadow-card)}.agent-browser-thumb{position:relative;display:grid;flex:none;place-items:center;width:140px;height:84px;overflow:hidden;border-radius:var(--radius-sm);background:var(--surface-sunken);color:var(--neutral-400)}.agent-browser-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top;animation:agent-fade .4s ease both}.agent-browser-thumb svg{width:24px;height:24px}.agent-browser-text{min-width:0;font-size:12.5px;line-height:1.4;color:var(--neutral-600)}.agent-browser-text b{display:flex;align-items:center;gap:8px;color:var(--ink);font-size:13px;font-weight:600}.agent-browser-text b span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.agent-browser-live{display:inline-flex;flex:none;align-items:center;gap:5px;font-size:11px;font-weight:600;color:var(--signal-ink)}.agent-browser-live i{width:6px;height:6px;border-radius:50%;background:var(--signal);animation:agent-pulse 1.2s ease-in-out infinite}.agent-trail{margin:2px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.agent-action{display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:var(--radius-tile);background:var(--surface);box-shadow:var(--shadow-card)}.agent-action[data-state=dismissed]{opacity:.6}.agent-action-icon{display:grid;flex:none;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--signal-tint);color:var(--signal-ink)}.agent-action[data-state=done] .agent-action-icon{background:var(--success-tint);color:var(--success)}.agent-action-icon svg{width:18px;height:18px}.agent-action-body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}.agent-action-summary{margin:0;font-size:14px;font-weight:600;line-height:1.4;overflow-wrap:anywhere}.agent-action-preview{margin:0;display:flex;flex-wrap:wrap;gap:2px 0;font-size:12.5px;line-height:1.4;color:var(--neutral-600)}.agent-action-preview div{display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:4px}.agent-action-preview div+div:before{content:"·";margin:0 6px;color:var(--neutral-400)}.agent-action-preview dt:after{content:":"}.agent-action-preview dd{margin:0;display:inline-flex;flex-wrap:wrap;align-items:center;gap:4px}.agent-action-preview s{text-decoration:none}.agent-action-preview svg{flex:none;width:10px;height:10px}.agent-action-status{margin:2px 0 0;display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600}.agent-action-status svg{flex:none;width:15px;height:15px}.agent-action-status.is-done{color:var(--success)}.agent-action-status.is-failed{color:var(--viz-crit-ink)}.agent-action-status.is-muted{font-weight:500;color:var(--neutral-500)}.agent-action-buttons{display:flex;flex:none;align-items:center;gap:4px}.agent-capture{margin:0;display:flex;flex-direction:column;gap:10px}.agent-capture img{display:block;width:100%;height:auto;border-radius:var(--radius-md)}.agent-capture-note{margin:0;font-size:13px;color:var(--neutral-600)}.agent-dock{position:sticky;bottom:0;z-index:2;display:flex;flex-direction:column;gap:10px;margin-top:auto;padding:24px 0 28px}.agent-dock:before{content:"";position:absolute;inset:0;z-index:-1;background:color-mix(in srgb,var(--canvas) 45%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 24px);mask-image:linear-gradient(to bottom,transparent,#000 24px)}.agent-jump{position:absolute;left:50%;bottom:calc(100% - 12px);display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:0;border-radius:var(--radius-pill);background:var(--ink);color:var(--on-ink);font:inherit;font-size:12px;font-weight:600;box-shadow:var(--shadow-raised);cursor:pointer;translate:-50% 0}.agent-jump svg{width:12px;height:12px}.agent-jump:focus-visible{outline:2px solid var(--signal);outline-offset:2px}.agent-composer{display:flex;align-items:flex-end;gap:6px;padding:6px 6px 6px 18px;border-radius:26px;background:var(--surface);box-shadow:var(--shadow-pop);transition:box-shadow var(--motion-base) ease}.agent-composer:has(textarea:focus-visible){box-shadow:0 0 0 2px var(--signal),var(--shadow-pop)}.agent-composer textarea{flex:1 1 auto;min-width:0;min-height:40px;max-height:240px;padding:8px 0;border:0;outline:0;resize:none;background:transparent;color:var(--ink);font:inherit;font-size:15px;line-height:24px}.agent-composer textarea::placeholder{color:var(--neutral-400)}.agent-send{flex:none;display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:50%;background:var(--neutral-200);color:var(--on-signal);cursor:pointer;transition:background var(--motion-base) ease}.agent-send svg{width:18px;height:18px}.agent-send.is-ready{background:var(--signal-ink)}.agent-send.is-ready:hover{background:var(--signal-700)}.agent-send:disabled{cursor:default}.agent-send:focus-visible{outline:2px solid var(--signal);outline-offset:2px}.agent-disclaimer{margin:0;padding:0 4px;font-size:12px;color:var(--neutral-400)}@keyframes agent-fade{0%{opacity:0}to{opacity:1}}@media(min-width:1101px){.agent-breathe,.agent-layout{--agent-side: 272px}.agent-layout:has(>.agent-side){max-width:none;margin:0;padding-left:calc(var(--agent-side) + max(32px,(100% - var(--agent-side) - 696px) / 2));padding-right:max(32px,(100% - var(--agent-side) - 696px) / 2)}.agent-breathe{left:calc(var(--shell-rail) + var(--agent-side))}.agent-side{top:var(--shell-header);left:var(--shell-rail);z-index:20;width:var(--agent-side);border-radius:0;box-shadow:inset -1px 0 0 var(--divider);transform:none;visibility:visible;transition:none}.agent-side-scrim,.agent-side-close,.agent-layout:has(>.agent-side) .agent-ghost{display:none}.agent-layout:has(>.agent-side) .agent-top{min-height:30px}}@media(max-width:760px){.agent-layout{min-height:calc(100dvh - 124px - env(safe-area-inset-bottom));padding:12px 16px 0}.agent-breathe{left:0;bottom:calc(68px + env(safe-area-inset-bottom))}.agent-question,.agent-card.is-short{max-width:86%}.agent-card{padding:12px 14px}.agent-dock{bottom:calc(68px + env(safe-area-inset-bottom));padding:16px 0 12px}.agent-composer{padding-left:14px}.agent-hello h2{font-size:24px}}@media(prefers-reduced-motion:reduce){.agent-layout *,.agent-layout *:before,.agent-layout *:after{animation:none!important;transition:none!important}}