.av .as-works{flex-wrap:wrap;align-items:center;gap:12px 26px;margin:0 0 30px;padding:0;list-style:none;display:flex}.av .as-works li{color:var(--ink);letter-spacing:-.01em;align-items:center;gap:9px;font-size:15px;font-weight:650;display:inline-flex}.av .as-works .as-works-any{color:var(--muted-2);font-size:14px;font-weight:500}.av .as-room{align-items:start;gap:40px;display:grid}@media (min-width:1024px){.av .as-room{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:48px}}.av .as-room-install{border:1px solid var(--hc-hair);background:var(--surface);box-shadow:0 18px 40px -30px var(--hc-sheet-shadow);border-radius:18px;padding:28px}.av .as-room-more{margin:22px 0 0;font-size:14px}.av .as-window{--as-bg:#181818;--as-bar:#141414;--as-pane:#1e1e1e;--as-line:#2c2c2c;--as-ink:#ebe9e4;--as-dim:#8c8a85;--as-accent:#f7f7f4;--as-good:#7ee787;--as-wait:#e3b341;border:1px solid var(--as-line);background:var(--as-bg);color:var(--as-ink);border-radius:16px;overflow:hidden;box-shadow:inset 0 2px #ffffff0a,0 34px 70px -24px #1a16128c}.av .as-window[data-editor=vscode]{--as-bg:#1f1f1f;--as-bar:#181818;--as-pane:#232324;--as-line:#2e2e2e;--as-ink:#d4d4d4;--as-dim:#8b8b8b;--as-accent:#4daafc}.av .as-window[data-editor=claude]{--as-bg:#1b1a17;--as-bar:#151411;--as-pane:#1b1a17;--as-line:#2f2c26;--as-ink:#ece6da;--as-dim:#938a7c;--as-accent:#d97757}.av .as-window[data-editor=other]{--as-accent:#8fcdb0}.av .as-bar{border-bottom:1px solid var(--as-line);background:var(--as-bar);align-items:center;gap:14px;height:42px;padding:0 14px;display:flex}.av .as-lights{flex-shrink:0;width:46px}.av .as-lights:before{content:"";background:#ff5f57;border-radius:50%;width:10px;height:10px;display:block;box-shadow:16px 0 #febc2e,32px 0 #28c840}.av .as-title{min-width:0;color:var(--as-ink);white-space:nowrap;align-items:center;gap:8px;font-size:12px;font-weight:600;display:inline-flex;overflow:hidden}.av .as-window[data-editor=claude] .as-title{white-space:pre;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:500}.av .as-window[data-editor=claude] .as-title svg,.av .as-window[data-editor=vscode] .as-title svg{color:var(--as-accent)}.av .as-status{color:var(--as-wait);flex-shrink:0;align-items:center;gap:7px;margin-left:auto;font-size:11px;font-weight:600;display:inline-flex}.av .as-status:before{content:"";background:currentColor;border-radius:50%;width:7px;height:7px;animation:1.4s ease-in-out infinite as-pulse}.av .as-status[data-on]{color:var(--as-good)}.av .as-status[data-on]:before{animation:none;box-shadow:0 0 10px #3fb950cc}.av .as-panes{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);height:440px;display:grid}.av .as-window[data-editor=claude] .as-panes{grid-template-columns:minmax(0,1fr)}.av .as-code{border-right:1px solid var(--as-line);background:var(--as-bg);flex-direction:column;min-width:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;display:flex}.av .as-code-tab{border-right:1px solid var(--as-line);border-bottom:1px solid var(--as-pane);border-top:1px solid var(--as-accent);background:var(--as-pane);color:var(--as-ink);align-self:flex-start;padding:9px 16px 8px;font-size:11.5px}.av .as-code-body{border-top:1px solid var(--as-line);flex:1;margin-top:-1px;padding:14px 0;overflow:hidden}.av .as-code-line{color:#a9b1ba;white-space:pre;grid-template-columns:30px 14px minmax(0,1fr);line-height:1.85;display:grid}.av .as-code-line code{text-overflow:ellipsis;font:inherit;overflow:hidden}.av .as-code-n{color:#5a5a58;text-align:right;padding-right:8px}.av .as-code-mark{color:var(--as-good)}.av .as-code-added{color:#b5f0bd;animation:as-in .42s var(--ease) both;background:#3fb9501f}.av .as-chat{background:var(--as-pane);flex-direction:column;min-width:0;min-height:0;display:flex}.av .as-chat-head{border-bottom:1px solid var(--as-line);color:var(--as-dim);letter-spacing:.08em;text-transform:uppercase;padding:10px 18px 9px;font-size:10.5px;font-weight:700}.av .as-stream{flex-direction:column;flex:1;justify-content:flex-end;gap:12px;min-height:0;padding:16px 18px 18px;display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(#0000 0,#000 56px);mask-image:linear-gradient(#0000 0,#000 56px)}.av .as-beat{animation:as-in .38s var(--ease) both;flex-shrink:0}.av .as-you{border:1px solid var(--as-line);background:#ffffff0d;border-radius:10px;padding:9px 12px}.av .as-you p,.av .as-agent p{color:var(--as-ink);margin:0;font-size:13.5px;line-height:1.5}.av .as-who{color:var(--as-accent);letter-spacing:.08em;text-transform:uppercase;margin-bottom:2px;font-size:10px;font-weight:700;display:block}.av .as-tool{border:1px solid var(--as-line);background:#ffffff06;border-radius:9px;padding:8px 11px 9px}.av .as-tool-name{color:var(--as-dim);align-items:center;gap:7px;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px;display:flex}.av .as-tool-out{color:var(--as-ink);align-items:baseline;gap:8px;margin:5px 0 0;font-size:13px;line-height:1.45;display:flex}.av .as-tool-out>svg,.av .as-tool-out>.as-dot{flex-shrink:0;position:relative;top:2px}.av .as-tone-done{color:var(--as-good)}.av .as-dot{border-radius:50%;width:7px;height:7px;margin:0 3px;display:inline-block}.av .as-dot-live{background:var(--as-good);animation:1.2s ease-in-out infinite as-pulse;box-shadow:0 0 10px #3fb950cc}.av .as-dot-wait{background:var(--as-wait);animation:1.4s ease-in-out infinite as-pulse}.av .as-link{color:var(--as-accent);text-underline-offset:3px;white-space:nowrap;margin-left:8px;font-weight:650;text-decoration:underline}.av .as-window[data-editor=claude] .as-stream{gap:14px;padding:18px 22px 20px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.av .as-window[data-editor=claude] .as-chat-head{color:var(--as-accent)}.av .as-window[data-editor=claude] .as-you{border-color:var(--as-line);background:#ffffff08;border-radius:6px;gap:10px;display:flex}.av .as-window[data-editor=claude] .as-you p,.av .as-window[data-editor=claude] .as-agent p,.av .as-window[data-editor=claude] .as-tool-out{font-size:12.5px}.av .as-prompt{color:var(--as-dim)}.av .as-window[data-editor=claude] .as-agent{gap:10px;display:flex}.av .as-bullet{background:var(--as-ink);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:6px;display:inline-block}.av .as-window[data-editor=claude] .as-tool{background:0 0;border:0;padding:0}.av .as-window[data-editor=claude] .as-tool-name{color:var(--as-ink);font-size:12.5px;font-weight:600}.av .as-window[data-editor=claude] .as-tool-name .as-bullet{background:var(--as-good);margin-top:0}.av .as-window[data-editor=claude] .as-tool[data-tone=wait] .as-tool-name .as-bullet{background:var(--as-wait)}.av .as-tool-dim{color:var(--as-dim);font-weight:400}.av .as-window[data-editor=claude] .as-tool-out{color:var(--as-dim);margin:4px 0 0 4px}.av .as-elbow{color:var(--as-dim)}.av .as-thinking{gap:5px;padding:4px 2px;display:flex}.av .as-thinking span{background:var(--as-dim);border-radius:50%;width:6px;height:6px;animation:1s ease-in-out infinite as-think}.av .as-thinking span:nth-child(2){animation-delay:.15s}.av .as-thinking span:nth-child(3){animation-delay:.3s}.av .as-check{border-top:1px solid var(--as-line);background:var(--as-bar);flex-wrap:wrap;align-items:center;gap:8px 18px;padding:11px 16px;font-size:11.5px;display:flex}.av .as-check-title{color:var(--as-ink);font-weight:700}.av .as-check ul{flex-wrap:wrap;gap:6px 14px;margin:0;padding:0;list-style:none;display:flex}.av .as-check li{color:var(--as-dim);align-items:center;gap:6px;transition:color .3s;display:inline-flex}.av .as-check li[data-state=done]{color:var(--as-ink)}.av .as-check li[data-state=done] svg{color:var(--as-good)}.av .as-check li[data-state=wait]{color:var(--as-wait)}.av .as-check-dot{border:1px solid;border-radius:50%;width:7px;height:7px}.av .as-check li[data-state=wait] .as-check-dot{background:currentColor;border:0;animation:1.4s ease-in-out infinite as-pulse}@keyframes as-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes as-pulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes as-think{0%,to{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-2px)}}@media (max-width:639px){.av .as-room-install{padding:20px}.av .as-panes{grid-template-columns:minmax(0,1fr);height:400px}.av .as-code,.av .as-status{display:none}}@media (prefers-reduced-motion:reduce){.av .as-beat,.av .as-code-added,.av .as-status:before,.av .as-dot-live,.av .as-dot-wait,.av .as-check li[data-state=wait] .as-check-dot,.av .as-thinking span{animation:none}}