.agent-demo-shell{box-shadow:var(--shadow-lift);background:#141414;border:1px solid #151515}.agent-demo-shell.is-compact{width:100%;min-width:0;height:100%;min-height:0;box-shadow:none;background:0 0;border:0;position:relative;overflow:hidden;container-type:size}.agent-demo-shell.is-compact .agent-demo-viewport{--home-demo-scale:max(calc(100cqw / 1280px), calc(100cqh / 800px));width:1280px;height:800px;transform:translate(-50%, -50%) scale(var(--home-demo-scale));transform-origin:50%;background:#141414;border:1px solid #151515;border-radius:10px;position:absolute;top:50%;left:50%;overflow:hidden;box-shadow:0 18px 48px #17191829}.agent-demo-viewport{width:100%;overflow:hidden}.agent-demo{--bg:#181818;--chrome:#141414;--panel:#141414;--surface:#1c1c1c;--surface-2:#242424;--surface-3:#2a2a2a;--surface-raised:#1f1f1f;--surface-hover:#f0f0f011;--surface-active:#f0f0f01e;--input:#f0f0f00a;--line:#f0f0f013;--line-soft:#f0f0f00d;--line-strong:#f0f0f026;--text:#f0f0f0;--text-soft:#f0f0f0bd;--muted:#f0f0f099;--quiet:#f0f0f05c;--accent:#88c0d0;--accent-bright:#a8d5e0;--accent-surface:#88c0d014;--accent-border:#88c0d044;--warm:#f1b467;--red:#e34671;--green:#3fa266;--blue:#81a1c1;--font-sans:"Noto Sans KR", "IBM Plex Sans KR", "Segoe UI Variable", "Segoe UI", Inter, system-ui, sans-serif;--font-mono:"Cascadia Code", "SFMono-Regular", Consolas, monospace;--ui-font-2xs:11.7px;--ui-font-xs:12.6px;--ui-font-sm:13.5px;--ui-font-md:14.4px;transform-origin:0 0;background:var(--bg);color:var(--text);font:13px/1.45 var(--font-sans);-webkit-user-select:none;user-select:none;flex-direction:column;display:flex;position:relative;overflow:hidden}.agent-demo[data-resizing]{cursor:col-resize}.agent-demo[data-resizing=y]{cursor:row-resize}.agent-demo[data-resizing],.agent-demo[data-resizing] *{-webkit-user-select:none!important;user-select:none!important}.agent-demo *{box-sizing:border-box}.agent-demo button,.agent-demo input,.agent-demo textarea{color:inherit;font-family:inherit}.agent-demo button{padding:0}.agent-demo .lucide{stroke-width:1.6px;flex:none;width:16px;height:16px}.agent-demo .hidden{display:none!important}.agent-demo .window-chrome{z-index:12;border-bottom:1px solid var(--line);background:var(--chrome);flex:0 0 36px;width:100%;position:relative;overflow:visible}.agent-demo .titlebar{align-items:center;min-width:0;height:36px;display:flex;position:relative}.agent-demo .titlebar-left,.agent-demo .titlebar-right{z-index:2;align-items:center;min-width:0;height:100%;display:flex}.agent-demo .titlebar-left{flex:1;gap:2px;padding-left:8px}.agent-demo .titlebar-right{flex:1;justify-content:flex-end}.agent-demo .product-name{align-items:center;padding:0 6px;display:flex}.agent-demo .product-logo{object-fit:contain;width:16px;height:16px}.agent-demo .app-menu{height:100%;display:flex}.agent-demo .menu-trigger{height:100%;color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0 8px;font-size:12px}.agent-demo .menu-trigger:hover,.agent-demo .menu-trigger.active{background:var(--surface-hover);color:var(--text)}.agent-demo .demo-menu-wrap{position:relative}.agent-demo .demo-menu-wrap-account{width:100%}.agent-demo .demo-menu-popover{z-index:40;border:1px solid var(--line-strong);width:max-content;min-width:196px;max-width:240px;color:var(--text-soft);background:#1f1f1f;border-radius:10px;padding:4px;position:absolute;top:calc(100% + 4px);left:0;box-shadow:0 14px 34px #00000073}.agent-demo .demo-menu-popover.is-above{top:auto;bottom:calc(100% + 4px)}.agent-demo .demo-menu-popover.is-scroll{max-height:min(280px,46vh);overflow:auto}.agent-demo .demo-menu-item.is-on{color:var(--text)}.agent-demo .demo-menu-head{min-height:32px;color:var(--text);font:600 var(--ui-font-sm) var(--font-sans);align-items:center;gap:8px;padding:2px 8px 6px;display:flex}.agent-demo .demo-menu-head .lucide{width:13px;height:13px;color:var(--muted)}.agent-demo .demo-menu-sep{background:var(--line);height:1px;margin:4px 5px}.agent-demo .demo-menu-item{width:100%;height:28px;color:var(--text-soft);cursor:pointer;text-align:left;font:500 var(--ui-font-sm) var(--font-sans);background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;padding:0 8px;display:flex}.agent-demo .demo-menu-item .lucide{width:14px;height:14px;color:var(--muted)}.agent-demo .demo-menu-item:hover{background:var(--surface-hover);color:var(--text)}.agent-demo .demo-menu-item:hover .lucide{color:var(--text-soft)}.agent-demo .demo-menu-item.danger,.agent-demo .demo-menu-item.danger .lucide{color:var(--red)}.agent-demo .demo-menu-item.danger:hover{background:#e3467114}.agent-demo .panel-resizer{z-index:8;background:0 0;flex:0 0 4px;position:relative}.agent-demo .panel-resizer:after{content:"";background:0 0;transition:background .12s;position:absolute}.agent-demo .panel-resizer:hover:after,.agent-demo[data-resizing] .panel-resizer:after{background:var(--accent)}.agent-demo .panel-resizer-vertical{cursor:col-resize;width:4px}.agent-demo .panel-resizer-vertical:after{width:2px;inset:0 1px}.agent-demo .panel-resizer-horizontal{cursor:row-resize;width:100%;height:4px}.agent-demo .panel-resizer-horizontal:after{height:2px;inset:1px 0}.agent-demo .layout-switcher{z-index:3;background:var(--surface-2);height:26px;box-shadow:inset 0 0 0 1px var(--line);border-radius:8px;align-items:center;padding:2px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.agent-demo .layout-switch{height:22px;color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:6px;align-items:center;padding:0 10px;font-size:12px;font-weight:500;display:flex}.agent-demo .layout-switch:hover{color:var(--text)}.agent-demo .layout-switch.active{background:var(--surface-3);color:var(--text)}.agent-demo .command-center{border:1px solid var(--line);background:var(--input);width:min(220px,28vw);height:24px;color:var(--quiet);border-radius:6px;align-items:center;gap:6px;margin-right:8px;padding:0 8px;font-size:12px;display:none}.agent-demo[data-role=ide] .command-center{display:flex}.agent-demo .command-center input{min-width:0;height:100%;color:var(--text-soft);font:inherit;background:0 0;border:0;outline:0;flex:1}.agent-demo .titlebar-tools-toggle{width:36px;height:100%;color:var(--muted);cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.agent-demo[data-mode=chat] .titlebar-tools-toggle,.agent-demo[data-role=ide] .titlebar-tools-toggle{display:none}.agent-demo .titlebar-tools-toggle:hover{background:var(--surface-hover);color:var(--text)}.agent-demo .window-controls{height:100%;display:flex}.agent-demo .window-controls button{width:46px;height:100%;color:var(--muted);cursor:default;background:0 0;border:0;place-items:center;display:grid}.agent-demo .window-controls button:hover{background:var(--surface-hover);color:var(--text)}.agent-demo .window-controls .window-close:hover{color:#fff;background:#c42b32}.agent-demo .window-controls .lucide{width:13px;height:13px}.agent-demo .workspace-layout{--agent-nav-width:256px;--agent-tools-width:256px;--explorer-width:218px;--terminal-height:168px;flex:1;min-height:0;display:flex;overflow:hidden}.agent-demo .agent-nav{z-index:5;flex:0 0 var(--agent-nav-width);width:var(--agent-nav-width);border-right:1px solid var(--line);background:var(--chrome);flex-direction:column;min-width:180px;max-width:480px;min-height:0;padding:4px;display:flex;position:relative;overflow:visible}.agent-demo .agent-nav.collapsed{flex:0 0 40px;width:40px;overflow:hidden}.agent-demo .agent-nav.collapsed>:not(.agent-nav-top){display:none!important}.agent-demo .agent-nav.collapsed .agent-nav-top{justify-content:center}.agent-demo .agent-nav.collapsed .agent-nav-history{display:none}.agent-demo .agent-nav-top{justify-content:space-between;align-items:center;gap:4px;margin:0 2px 4px;display:flex}.agent-demo .agent-nav-toggle,.agent-demo .agent-nav-history button,.agent-demo .agent-nav-repos-head button,.agent-demo .tiny-button{width:24px;height:24px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;display:grid}.agent-demo .agent-nav-toggle:hover,.agent-demo .agent-nav-history button:hover:not(:disabled),.agent-demo .agent-nav-repos-head button:hover,.agent-demo .tiny-button:hover,.agent-demo .activity-button:hover{background:var(--surface-hover);color:var(--text)}.agent-demo .agent-nav-history button:disabled{opacity:.28;cursor:default}.agent-demo .agent-nav-history{gap:1px;display:flex}:is(.agent-demo .demo-menu-wrap:has(.agent-nav-link),.agent-demo .demo-menu-wrap-account),.agent-demo .demo-menu-wrap .agent-nav-link,.agent-demo .demo-menu-wrap .agent-nav-account{width:100%}.agent-demo .agent-nav-new,.agent-demo .agent-nav-link,.agent-demo .agent-nav-account{width:100%;color:var(--text-soft);cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:8px;display:flex}.agent-demo .agent-nav-new{background:var(--surface-raised);height:28px;font-size:var(--ui-font-sm);border-radius:7px;margin:0 2px 2px;padding:0 8px;font-weight:500}.agent-demo .agent-nav-new:hover{background:var(--surface-hover);color:var(--text)}.agent-demo .agent-nav-link{height:26px;color:var(--muted);font-size:var(--ui-font-sm);border-radius:6px;margin:0 2px;padding:0 8px}.agent-demo .agent-nav-link:hover{background:var(--surface-hover);color:var(--text)}.agent-demo .agent-nav-new .lucide,.agent-demo .agent-nav-link .lucide{width:15px;height:15px}.agent-demo .agent-nav-search{border:1px solid var(--line-strong);background:var(--surface);height:26px;color:var(--quiet);border-radius:6px;align-items:center;gap:6px;margin:2px 2px 0;padding:0 8px;display:flex}.agent-demo .agent-nav-search input{min-width:0;height:100%;color:var(--text);font:var(--ui-font-sm) var(--font-sans);background:0 0;border:0;outline:0;flex:1}.agent-demo .agent-nav-repos-head{height:20px;color:var(--quiet);font-size:var(--ui-font-xs);letter-spacing:.04em;justify-content:space-between;align-items:center;margin-top:4px;padding:0 6px;font-weight:600;display:flex}.agent-demo[data-mode=chat] .agent-nav-repos-head button,.agent-demo[data-mode=chat] .agent-customize,.agent-demo[data-mode=chat] .agent-tools{display:none}.agent-demo .agent-nav-repos{flex:1;min-height:0;overflow:auto}.agent-demo .agent-repo{margin:0 2px 8px}.agent-demo .agent-repo-head{border-radius:6px;align-items:center;gap:2px;width:100%;min-height:24px;padding-right:2px;display:flex}.agent-demo .agent-repo-head:hover{background:var(--surface-hover)}.agent-demo .agent-repo-toggle{min-width:0;height:24px;color:var(--text);cursor:pointer;text-align:left;font-size:var(--ui-font-sm);background:0 0;border:0;border-radius:6px;flex:1;align-items:center;gap:6px;padding:0 6px;font-weight:500;display:flex}.agent-demo .agent-repo-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.agent-demo .agent-repo-twist{flex:0 0 16px;width:16px;height:16px;position:relative}.agent-demo .agent-repo-folder,.agent-demo .agent-repo-chevron{width:14px;height:14px;color:var(--quiet);pointer-events:none;margin:auto;position:absolute;inset:0}.agent-demo .agent-repo-folder{opacity:1}.agent-demo .agent-repo-chevron{opacity:0;transform:scale(.84)}.agent-demo .agent-repo-head:hover .agent-repo-folder{opacity:0}.agent-demo .agent-repo-head:hover .agent-repo-chevron{opacity:1;transform:none}.agent-demo .agent-repo.collapsed .agent-repo-chevron{transform:rotate(-90deg)scale(.84)}.agent-demo .agent-repo.collapsed .agent-repo-head:hover .agent-repo-chevron{transform:rotate(-90deg)}.agent-demo .agent-repo-add{width:22px;height:22px;color:var(--muted);cursor:pointer;opacity:0;background:0 0;border:0;border-radius:5px;place-items:center;display:grid}.agent-demo .agent-repo-head:hover .agent-repo-add{opacity:1}.agent-demo .agent-repo-add:hover{background:var(--surface-active);color:var(--text)}.agent-demo .agent-repo-add .lucide{width:13px;height:13px}.agent-demo .agent-repo.collapsed>.agent-repo-chats{display:none}.agent-demo .agent-repo-chats{padding:4px 0 2px}.agent-demo .agent-chat{border-radius:8px;align-items:center;min-height:24px;padding-right:6px;display:flex}.agent-demo .agent-chat+.agent-chat{margin-top:1px}.agent-demo .agent-chat.running{background:var(--surface-hover)}.agent-demo .agent-chat-item{min-width:0;min-height:24px;color:var(--muted);cursor:pointer;text-align:left;font-size:var(--ui-font-sm);background:0 0;border:0;border-radius:5px;flex:1;align-items:center;gap:6px;padding:1px 6px 1px 28px;display:flex}.agent-demo .agent-chat-running{border:1.5px solid color-mix(in srgb, var(--accent) 28%, transparent);border-top-color:var(--accent);border-radius:50%;width:10px;height:10px;animation:.7s linear infinite agent-demo-spin;display:none}.agent-demo .agent-chat.running .agent-chat-running{display:inline-block}.agent-demo[data-mode=chat] .agent-chat-item{padding-left:10px}.agent-demo .agent-chat-item span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.agent-demo .agent-chat-item:hover,.agent-demo .agent-chat-item.active{background:var(--surface-hover);color:var(--text)}.agent-demo .agent-nav-spacer{flex:1;min-height:4px}.agent-demo .agent-nav-account{height:32px;font-size:var(--ui-font-sm);border-radius:6px;padding:0 8px}.agent-demo .agent-nav-account:hover,.agent-demo .agent-nav-account.active,.agent-demo .agent-nav-link.active{background:var(--surface-hover);color:var(--text)}.agent-demo .account-logo{object-fit:contain;border-radius:4px;width:18px;height:18px}.agent-demo .agent-nav-account span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.agent-demo .agent-nav-account .lucide{width:14px;height:14px;color:var(--muted);margin-left:auto}.agent-demo .chat-column{background:var(--bg);flex-direction:column;flex:auto;min-width:0;min-height:0;display:flex}.agent-demo .chat-column.agent-home{justify-content:center;align-items:center;padding:0 16px 12px}.agent-demo .chat-column.agent-home .composer-region,.agent-demo .chat-column.agent-home .chat-scroll{flex:none;width:min(640px,100%);margin:0;padding:0}.agent-demo .chat-column.agent-home .composer-region{order:1}.agent-demo .chat-column.agent-home .chat-scroll{order:2;padding-top:8px;overflow:visible}.agent-demo .chat-scroll{flex-direction:column;flex:1;min-height:0;display:flex}.agent-demo .chat-messages{flex:1;min-height:0;padding:28px 0 32px;overflow:auto}.agent-demo .chat-column:not(.agent-home) .chat-messages,.agent-demo .chat-column:not(.agent-home) .composer-region{width:100%}.agent-demo .intro-copy h1{letter-spacing:-.8px;text-align:center;margin:0;font-size:clamp(28px,3.6vw,40px);font-weight:500}.agent-demo .chat-column.agent-home .intro-copy{display:none}.agent-demo .prompt-list{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.agent-demo .prompt-card{border:1px solid var(--line);background:var(--surface);min-height:24px;color:var(--text-soft);cursor:pointer;font-size:var(--ui-font-sm);border-radius:999px;align-items:center;padding:3px 8px;font-weight:500;display:inline-flex}.agent-demo .prompt-card:hover{background:var(--surface-hover);border-color:var(--line-strong);color:var(--text)}.agent-demo .message{width:min(736px,100% - 48px);margin:0 auto 28px;display:block}.agent-demo .message.user .message-body{border:1px solid var(--surface-3);background:color-mix(in srgb, var(--surface-3) 50%, var(--surface) 50%);border-radius:12px;padding:6px 8px 6px 11px}.agent-demo .followup-suggestions{width:100%;margin:12px 0 2px}.agent-demo .followup-suggestions-label{color:var(--muted);font-size:var(--ui-font-xs);margin:0 0 8px;font-weight:600}.agent-demo .followup-suggestions-list{gap:6px;display:grid}.agent-demo .followup-suggestion{border:1px solid var(--line);background:var(--surface);width:100%;color:var(--text);cursor:pointer;font:inherit;font-size:var(--ui-font-sm);text-align:left;border-radius:9px;align-items:flex-start;gap:8px;padding:9px 10px;line-height:1.45;display:flex}.agent-demo .followup-suggestion:hover{border-color:var(--accent-border);background:var(--accent-surface)}.agent-demo .followup-suggestion-icon{color:var(--accent);font-weight:800}.agent-demo .message-text{color:var(--text);font-size:var(--ui-font-md);white-space:pre-wrap;overflow-wrap:anywhere;-webkit-user-select:text;user-select:text;line-height:1.65}.agent-demo .command-block{width:min(736px,100% - 48px);margin:0 auto 10px}.agent-demo .command-entry{width:100%;height:30px;color:var(--muted);cursor:pointer;text-align:left;font:var(--ui-font-sm) var(--font-sans);background:0 0;border:0;align-items:center;gap:7px;margin:0;padding:0 4px;display:flex}.agent-demo .command-note{border:1px solid var(--line);background:var(--surface);color:var(--muted);font:11px/1.5 var(--font-mono);white-space:pre-wrap;border-radius:8px;margin:2px 0 6px 22px;padding:8px 10px;overflow:auto}.agent-demo .command-entry strong{color:var(--text-soft);text-transform:lowercase;flex:none;font-weight:600}.agent-demo .command-text{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.agent-demo .command-status{color:var(--quiet);font-size:var(--ui-font-2xs);margin-left:auto}.agent-demo .command-entry.running .command-status{color:var(--warm)}.agent-demo .command-chevron{width:12px;color:var(--quiet);place-items:center;display:grid}.agent-demo .command-chevron .lucide{width:11px;height:11px}.agent-demo .files-changed{width:min(736px,100% - 48px);margin:0 auto 18px}.agent-demo .files-changed-card{border:1px solid var(--line);background:var(--surface-3);border-radius:10px;padding:10px 12px 8px}.agent-demo .files-changed-head{color:var(--muted);justify-content:space-between;align-items:center;margin-bottom:4px;padding:2px 4px 6px;font-size:12px;font-weight:500;display:flex}.agent-demo .files-changed-row{width:100%;min-height:28px;color:var(--text-soft);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;padding:2px 6px;font-size:13px;display:flex}.agent-demo .files-changed-row:hover{background:var(--surface-hover);color:var(--text)}.agent-demo .files-changed-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.agent-demo .files-changed-add{color:var(--green);font:500 12px var(--font-mono)}.agent-demo .file-kind{color:#6ea8d8;width:18px;font:700 8px var(--font-sans)}.agent-demo .active-turn-strip{width:min(736px,100% - 48px);min-height:28px;color:var(--muted);font-size:var(--ui-font-sm);justify-content:space-between;align-items:center;margin:0 auto;padding:0 4px;display:flex}.agent-demo .active-turn-strip>div{align-items:center;gap:8px;display:flex}.agent-demo .wait-dots{height:1em;color:var(--warm);align-items:center;gap:3px;display:inline-flex}.agent-demo .wait-dots>span{opacity:.22;background:currentColor;border-radius:50%;width:3.5px;height:3.5px;animation:1.15s infinite agent-demo-wait}.agent-demo .wait-dots>span:nth-child(2){animation-delay:.12s}.agent-demo .wait-dots>span:nth-child(3){animation-delay:.24s}.agent-demo .active-turn-label{background-image:linear-gradient(90deg, currentColor 0%, color-mix(in srgb, var(--text) 88%, currentColor) 46%, currentColor 100%);color:#0000;background-size:180% 100%;-webkit-background-clip:text;background-clip:text;animation:2.4s ease-in-out infinite agent-demo-shimmer}.agent-demo .chat-column.agent-home .active-turn-strip,.agent-demo .chat-column.agent-home .todo-strip{display:none!important}.agent-demo .working-dots:after{content:"";animation:1.2s steps(4,end) infinite agent-demo-dots}.agent-demo .todo-strip{width:min(736px,100% - 48px);margin:0 auto;padding:2px 4px 8px}.agent-demo .todo-heading{width:100%;color:var(--muted);cursor:pointer;font:500 var(--ui-font-sm)/1.4 var(--font-sans);background:0 0;border:0;border-radius:8px;justify-content:space-between;align-items:center;margin:0 0 4px;padding:4px 8px;display:flex}.agent-demo .todo-heading:hover{background:var(--surface-hover);color:var(--text-soft)}.agent-demo .todo-heading>span{align-items:center;gap:6px;display:flex}.agent-demo .todo-meta{color:var(--quiet);font-size:var(--ui-font-2xs);margin-left:auto;padding-right:6px}.agent-demo .todo-collapse-icon{width:14px;height:14px;margin-left:0;transition:transform .18s}.agent-demo .todo-strip.collapsed .todo-collapse-icon{transform:rotate(180deg)}.agent-demo .todo-strip.collapsed .todo-items{display:none}.agent-demo .todo-item{color:var(--muted);font-size:var(--ui-font-sm);gap:7px;padding:3px 10px;display:flex}.agent-demo .todo-item.completed{color:var(--text-soft)}.agent-demo .todo-item.running{color:var(--text)}.agent-demo .todo-status{width:12px;color:var(--quiet)}.agent-demo .composer-region{z-index:6;padding:0 0 10px;position:relative;overflow:visible}.agent-demo .chat-column:not(.agent-home) .composer-wrap{width:min(736px,100% - 48px);margin-left:auto;margin-right:auto}.agent-demo .composer-wrap{z-index:6;border:1px solid var(--line);background:var(--surface);border-radius:22px;width:100%;padding:10px 12px 8px;position:relative;overflow:visible}.agent-demo .composer-wrap:focus-within{border-color:var(--line-strong)}.agent-demo .composer-input-row textarea{resize:none;width:100%;min-height:2lh;max-height:10lh;color:var(--text);font:var(--ui-font-md)/1.5 var(--font-sans);-webkit-user-select:text;user-select:text;background:0 0;border:0;outline:0;padding:4px 6px 6px 4px;display:block;overflow:hidden}.agent-demo .composer-input-row textarea::placeholder{color:var(--quiet)}.agent-demo .composer-footer{justify-content:space-between;align-items:center;gap:8px;padding:0 2px 2px 4px;display:flex}.agent-demo .composer-toolbar,.agent-demo .composer-submit{align-items:center;gap:4px;min-width:0;display:flex}.agent-demo .pricing-tier{border:1px solid var(--line);background:color-mix(in srgb, var(--surface-3) 70%, transparent);border-radius:9px;flex:none;align-items:center;height:26px;padding:2px;display:flex}.agent-demo .pricing-tier-btn{min-width:36px;height:22px;color:var(--muted);cursor:pointer;font:600 11px/1 var(--font-sans);background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;padding:0 8px;display:inline-flex}.agent-demo .pricing-tier-btn:hover{color:var(--text-soft)}.agent-demo .pricing-tier-btn.active{background:var(--surface-hover);color:var(--text);box-shadow:0 0 0 1px color-mix(in srgb, var(--line-strong) 55%, transparent)}.agent-demo .pricing-tier-btn[data-tier=pro].active{background:color-mix(in srgb, var(--accent) 22%, var(--surface));color:var(--text);box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 45%, transparent)}.agent-demo .composer-chip,.agent-demo .mode-button,.agent-demo .model-button{height:28px;color:var(--muted);cursor:pointer;font-size:var(--ui-font-sm);background:0 0;border:0;border-radius:8px;align-items:center;display:flex}.agent-demo .composer-chip{justify-content:center;width:28px;min-width:28px;padding:0}.agent-demo .mode-button{color:var(--text-soft);gap:5px;padding:0 8px 0 6px}.agent-demo .model-button{color:var(--text-soft);padding:0 8px}.agent-demo .composer-chip:hover,.agent-demo .mode-button:hover,.agent-demo .model-button:hover,.agent-demo .mode-button.active,.agent-demo .model-button.active{background:var(--surface-hover);color:var(--text)}.agent-demo .send-button,.agent-demo .stop-button{background:var(--text);width:32px;height:32px;color:var(--bg);cursor:pointer;border:0;border-radius:50%;place-items:center;display:grid}.agent-demo .send-button:disabled{cursor:not-allowed;opacity:.22}.agent-demo .send-button .lucide{stroke-width:2.2px;width:16px;height:16px}.agent-demo .agent-scope{width:min(736px,100% - 48px);color:var(--quiet);font-size:var(--ui-font-xs);grid-template-columns:1fr auto 1fr;align-items:center;gap:6px;margin:8px auto 0;display:grid}.agent-demo .agent-scope-meta{grid-column:2;justify-content:center;align-items:center;gap:6px;display:flex}.agent-demo .agent-scope button{color:var(--muted);cursor:pointer;font:inherit;background:0 0;border:0}.agent-demo .context-usage-ring{width:22px;height:22px;color:var(--muted);background:0 0;border:0;border-radius:50%;grid-column:3;justify-self:end;place-items:center;padding:0;display:grid}.agent-demo .context-usage-ring svg{width:16px;height:16px;transform:rotate(-90deg)}.agent-demo .context-usage-track{stroke:color-mix(in srgb, var(--text) 16%, transparent);stroke-width:2.4px}.agent-demo .context-usage-fill{stroke:var(--accent);stroke-width:2.4px;stroke-linecap:butt;stroke-dasharray:100;stroke-dashoffset:72px}.agent-demo[data-mode=chat] .agent-scope,.agent-demo[data-mode=chat] .mode-button{display:none}.agent-demo .agent-tools{background:var(--bg);flex:none;min-width:0;min-height:0;display:flex}.agent-demo .agent-tools[data-hidden=true]{display:none}.agent-demo .agent-tools-pane{flex:0 0 var(--agent-tools-width);width:var(--agent-tools-width);background:var(--bg);flex-direction:column;min-width:180px;min-height:0;display:flex}.agent-demo .agent-tools-menu{flex-direction:column;gap:2px;padding:14px 10px 12px;display:flex}.agent-demo .agent-tools-on{color:var(--muted);font-size:var(--ui-font-xs);padding:0 8px 12px}.agent-demo .agent-tools-item{width:100%;min-height:32px;color:var(--text);cursor:pointer;text-align:left;font-size:var(--ui-font-sm);background:0 0;border:0;border-radius:6px;align-items:center;gap:10px;padding:0 8px;display:flex}.agent-demo .agent-tools-item .lucide{width:16px;height:16px;color:var(--muted)}.agent-demo .agent-tools-item:hover,.agent-demo .agent-tools-item.active{background:var(--surface-hover)}.agent-demo .agent-tools-item:hover .lucide{color:var(--text)}.agent-demo .agent-tools-header{border-bottom:1px solid var(--line);height:36px;color:var(--text-soft);flex:0 0 36px;justify-content:space-between;align-items:center;padding:0 8px 0 12px;display:flex}.agent-demo .agent-tools-title{font-size:var(--ui-font-sm);align-items:center;gap:8px;font-weight:500;display:flex}.agent-demo .agent-tool-view{flex-direction:column;flex:1;min-height:0;display:none;overflow:auto}.agent-demo .agent-tool-view.is-open{display:flex}.agent-demo .agent-changes-empty,.agent-demo .agent-canvas-empty,.agent-demo .agent-browser-home{color:var(--muted);font-size:var(--ui-font-sm);padding:16px 18px}.agent-demo .agent-dashboard{flex-direction:column;flex:1;gap:18px;min-height:0;padding:12px 12px 18px;display:flex;overflow:auto}.agent-demo .agent-dashboard-heading{color:var(--muted);font:600 var(--ui-font-xs)/1.3 var(--font-sans);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:6px;margin:0 0 8px;display:flex}.agent-demo .agent-dashboard-heading .lucide{width:14px;height:14px}.agent-demo .agent-dashboard-count{color:var(--quiet);font-variant-numeric:tabular-nums;text-transform:none;margin-left:auto}.agent-demo .agent-dashboard-list{flex-direction:column;gap:6px;display:flex}.agent-demo .agent-dashboard-empty{color:var(--muted);font-size:var(--ui-font-sm);padding:8px 2px 2px}.agent-demo .agent-dashboard-item{border:1px solid var(--line-soft);background:var(--surface);width:100%;color:inherit;text-align:left;font:inherit;border-radius:10px;align-items:flex-start;gap:8px;margin:0;padding:8px 10px;display:flex}.agent-demo button.agent-dashboard-item{cursor:pointer}.agent-demo button.agent-dashboard-item:hover{background:var(--surface-hover)}.agent-demo .agent-dashboard-dot{background:var(--muted);border-radius:50%;flex:0 0 8px;width:8px;height:8px;margin-top:6px}.agent-demo .agent-dashboard-dot.running{background:var(--warm);box-shadow:0 0 0 4px color-mix(in srgb, var(--warm) 22%, transparent)}.agent-demo .agent-dashboard-dot.done{background:var(--green)}.agent-demo .agent-dashboard-copy{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.agent-demo .agent-dashboard-title{color:var(--text);font-size:var(--ui-font-sm);line-height:1.4}.agent-demo .agent-dashboard-meta{color:var(--muted);font-size:var(--ui-font-xs);line-height:1.4}.agent-demo .ide-side-empty,.agent-demo .ide-session-list,.agent-demo .ide-git-panel{color:var(--muted);font-size:var(--ui-font-sm);padding:10px 10px 12px}.agent-demo .ide-session-list{flex-direction:column;gap:2px;display:flex}.agent-demo .ide-session-list .agent-chat-item{padding-left:10px}.agent-demo .ide-git-branch{color:var(--text-soft);align-items:center;gap:6px;margin-bottom:10px;display:flex}.agent-demo .ide-git-panel .files-changed-row{padding:4px 6px}.agent-demo .agent-files-view{padding:4px 0 8px}.agent-demo .root-label{color:#c0c7c9;letter-spacing:.45px;align-items:center;gap:6px;height:28px;padding:0 9px;font-size:10px;font-weight:650;display:flex}.agent-demo .tree-row{color:#9da7ab;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:4px;align-items:center;gap:6px;width:100%;height:22px;padding:0 6px;font-size:11px;display:flex}.agent-demo .tree-row:hover{background:var(--surface-hover);color:var(--text)}.agent-demo .tree-row.selected{background:var(--surface-active);color:var(--text)}.agent-demo .tree-row.is-nested{padding-left:22px}.agent-demo .agent-terminal-view{background:var(--bg);color:#c8c8c8;font:12px/1.55 var(--font-mono);padding:10px 12px}.agent-demo .agent-terminal-view p{margin:0 0 4px}.agent-demo .agent-code-view{font:12px/1.55 var(--font-mono);margin:0;padding:8px 0 16px;overflow:auto}.agent-demo .agent-code-view code{color:#d8d8d8;white-space:pre;padding:0 12px;display:block}.agent-demo .agent-code-view code.is-add{box-shadow:inset 2px 0 0 var(--green);background:#3fa26622}.agent-demo .agent-demo-ln{color:#f0f0f03d;width:22px;margin-right:10px;display:inline-block}.agent-demo .agent-demo-kw{color:#81a1c1}.agent-demo .agent-demo-str{color:#a3be8c}.agent-demo .agent-demo-cm{color:#f0f0f05c}.agent-demo .agent-demo-num{color:#d08770}.agent-demo[data-role=ide] .workspace-layout{grid-template-columns:42px var(--explorer-width) 4px minmax(0, 1fr);display:grid}.agent-demo .activity-rail{border-right:1px solid var(--line);background:#141414;flex-direction:column;align-items:center;gap:1px;padding:4px 0;display:none}.agent-demo[data-role=ide] .activity-rail{display:flex}.agent-demo[data-role=ide] .agent-nav,.agent-demo[data-role=ide] .agent-tools,.agent-demo[data-role=ide] .chat-column{display:none}.agent-demo .activity-button{width:32px;height:32px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;display:grid;position:relative}.agent-demo .activity-button.active{background:var(--surface-hover);color:var(--text)}.agent-demo .activity-button.active:before{background:var(--text);content:"";border-radius:2px;width:2px;height:20px;position:absolute;top:6px;left:0}.agent-demo .activity-spacer{flex:1}.agent-demo .sidebar{border-right:1px solid var(--line);background:#141414;min-width:0;display:none;overflow:hidden}.agent-demo[data-role=ide] .sidebar{flex-direction:column;display:flex}.agent-demo .sidebar-heading{height:28px;color:var(--muted);letter-spacing:.6px;text-transform:uppercase;justify-content:space-between;align-items:center;padding:0 8px 0 10px;font-size:11px;font-weight:600;display:flex}.agent-demo .editor-column{background:#0a0d0f;flex-direction:column;min-width:0;min-height:0;display:none}.agent-demo[data-role=ide] .editor-column{display:flex}.agent-demo .editor-pane-header{border-bottom:1px solid var(--line);background:#0e1215;align-items:center;gap:8px;height:32px;padding:0 6px 0 10px;display:flex}.agent-demo .pane-title{color:#8e999e;letter-spacing:.35px;text-transform:uppercase;align-items:center;gap:6px;font-size:9px;font-weight:650;display:flex}.agent-demo .breadcrumbs{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font:11px var(--font-mono);overflow:hidden}.agent-demo .editor-workbench{flex-direction:column;flex:1;min-height:0;display:flex}.agent-demo .editor-area{flex:1;min-height:0;overflow:hidden}.agent-demo .bottom-panel{height:var(--terminal-height);flex:0 0 var(--terminal-height);border-top:1px solid var(--line);background:var(--bg)}.agent-demo .panel-tabs{border-bottom:1px solid var(--line);background:var(--chrome);align-items:center;gap:2px;height:35px;padding:0 8px;display:flex}.agent-demo .panel-tab{height:100%;color:var(--muted);cursor:pointer;font:500 var(--ui-font-sm) var(--font-sans);background:0 0;border:0;border-bottom:2px solid #0000;padding:0 10px}.agent-demo .panel-tab.active{border-bottom-color:var(--text);color:var(--text)}.agent-demo .panel-spacer{flex:1}.agent-demo .terminal-panel{color:#c8c8c8;height:calc(100% - 35px);font:12px/1.55 var(--font-mono);padding:8px 12px;overflow:auto}.agent-demo .terminal-panel p{margin:0 0 4px}.agent-demo .statusbar{border-top:1px solid var(--line);background:var(--chrome);height:22px;color:var(--muted);flex:0 0 22px;align-items:center;gap:13px;padding:0 9px;font-size:12px;display:none}.agent-demo[data-role=ide] .statusbar{display:flex}.agent-demo .status-dot{background:var(--green);border-radius:50%;width:6px;height:6px;display:inline-block}.agent-demo .status-spacer{flex:1}.agent-demo-controls{background:#141414;border-top:1px solid #2a2a2a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.agent-demo-scenes{flex-wrap:wrap;gap:6px;display:flex}.agent-demo-scenes button,.agent-demo-replay{color:#f0f0f099;cursor:pointer;background:0 0;border:1px solid #2a2a2a;min-height:36px;padding:0 10px;font-size:12px}.agent-demo-scenes .is-on,.agent-demo-replay:hover{color:#a8d5e0;border-color:#88c0d044}.agent-demo-replay{align-items:center;gap:6px;display:inline-flex}.agent-demo-visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes agent-demo-dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}@keyframes agent-demo-spin{to{transform:rotate(360deg)}}@keyframes agent-demo-wait{0%,72%,to{opacity:.2;transform:translateY(0)}36%{opacity:1;transform:translateY(-3px)}}@keyframes agent-demo-shimmer{0%{background-position:100% 0}to{background-position:-80% 0}}@media (prefers-reduced-motion:reduce){.agent-demo .working-dots:after{content:"...";animation:none}.agent-demo .wait-dots>span,.agent-demo .active-turn-label,.agent-demo .agent-chat-running{animation:none}}@media (max-width:767px){.agent-demo-controls{gap:8px}.agent-demo-scenes{width:100%}.agent-demo-scenes button,.agent-demo-replay{flex:1;min-height:40px}}