.demo *{box-sizing:border-box}.demo-wrap{flex-direction:column;align-self:center;align-items:center;gap:14px;width:min(440px,100vw - 32px);display:flex;position:relative}.switch{background:var(--soft);border-radius:999px;padding:3px;display:flex}.switch button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:6px 16px;font:500 14px Inter,system-ui,sans-serif}.switch button[aria-pressed=true]{color:var(--ink);background:var(--surface);box-shadow:0 1px 3px #0000001f}.caption{min-height:4.5em;color:var(--muted);text-align:center;text-wrap:balance;font-size:15px}@media (width<=359px){.caption{min-height:6em}}.caption b{color:var(--ink);margin-right:4px;font-weight:600}.demo{--bg:#fbfbfa;--panel:#fff;--hover:#f1f1ef;--text:#1d1d1f;--muted:#6e6e73;--line:#e6e6e3;--accent:#e5484d;--accent-text:#fff;--green:#1f9d55;--red:#d93f3f;--amber:#d97706;--blue:#2f6fde;--purple:#8e4ec6;--live:var(--accent);--glass-fill:#fff6;--glass-edge:#0000000f;--glass-rim:#ffffffe6;--glass-rim-low:#fff6;--glass-pill:#00000012;--glass-shadow:0 4px 14px #0000000f;--gutter:16px;text-align:left;width:100%;height:560px;color:var(--text);background:var(--bg);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;border-radius:14px;flex-direction:column;gap:12px;font:13px/1.45 -apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif;display:flex;overflow:hidden;box-shadow:0 0 0 1px #0000001f,0 24px 60px -12px #0000004d}.demo[data-theme=dark]{--bg:#161616;--panel:#1f1f1f;--hover:#262626;--text:#ececec;--muted:#8e8e93;--line:#2c2c2e;--accent:#ff5c61;--accent-text:#fff;--green:#3fbf7f;--red:#ff6b6b;--amber:#f59e0b;--blue:#6aa2ff;--purple:#b98cf0;--glass-fill:#1c1c1e66;--glass-edge:#ffffff0a;--glass-rim:#ffffff24;--glass-rim-low:#ffffff0d;--glass-pill:#ffffff24;--glass-shadow:0 6px 20px #00000059;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=dark] .demo.mac{box-shadow:0 0 0 1px #ffffff1f,0 24px 60px -12px #0009}.demo-wrap.duo{grid-template-columns:1fr auto;align-items:stretch;row-gap:14px;width:min(880px,100vw - 32px);display:grid}.demo-wrap.duo>.switch,.demo-wrap.duo>.caption{grid-column:1/-1;justify-self:center}.demo-wrap.duo>.caption{grid-row:3}.demo-wrap.duo:before{content:"";background:#0b0b0c;border-radius:46px;grid-area:2/1/auto/-1;box-shadow:0 0 0 1.5px #3a3a3c,0 0 0 3px #111,0 40px 70px -24px #00000073}.duo-left{color:#ececec;background:#161616;border-radius:34px 0 0 34px;flex-direction:column;grid-area:2/1;gap:12px;min-width:0;margin:12px 0 12px 12px;padding:14px;display:flex;position:relative}.duo-left:after{content:"";z-index:30;pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff0d 40%,#0006 50%,#ffffff0d 60%,#0000);width:28px;position:absolute;top:0;bottom:0;right:-14px}.duo-url{gap:8px;font:13px -apple-system,system-ui,sans-serif;display:flex}.duo-url span{color:#8e8e93;white-space:nowrap;background:#1f1f1f;border-radius:999px;flex:1;align-items:center;gap:6px;min-width:0;padding:8px 14px;display:flex;overflow:hidden}.duo-url b{color:#ececec;font-weight:500}.duo-url button{color:#ececec;cursor:pointer;background:#1f1f1f;border:0;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;display:grid}.duo-left .duo-page{height:auto;min-height:0;box-shadow:none;color:#111;background:#fff;border-radius:20px 20px 22px 22px;flex:1;animation:.5s both duo-load;overflow:hidden}@keyframes duo-load{0%{opacity:.3;filter:blur(3px)}}.demo-wrap.duo>.demo.phone{filter:none;border:0;border-left:1px solid #2c2c2e;border-image:;border-radius:0 40px 40px 0;grid-area:2/2;width:450px;height:780px;margin:14px 14px 14px 0}@media (width<=760px){.demo-wrap.duo{grid-template-columns:1fr}.demo-wrap.duo:before{grid-row:2/4}.demo-wrap.duo>.caption{grid-row:4}.duo-left{border-radius:34px 34px 0 0;height:300px;margin:12px 12px 0}.duo-left:after{background:linear-gradient(#0000,#ffffff0d 40%,#0006 50%,#ffffff0d 60%,#0000);width:auto;height:28px;inset:auto 0 -14px}.demo-wrap.duo>.demo.phone{border-top:1px solid #2c2c2e;border-left:0;border-radius:0 0 40px 40px;grid-area:3/1;width:auto;height:860px;margin:0 14px 14px}}.demo.phone{zoom:.84;width:min(450px,119.048%);height:920px;box-shadow:none;filter:drop-shadow(0 24px 24px #00000038);background-clip:padding-box;border:23px solid #0000;border-width:23px 24px;border-image:url(/demo/iphone-17.webp) 46 48 fill/23px 24px;border-radius:82px/81px}.statusbar{letter-spacing:-.4px;flex:none;grid-template-columns:1fr auto 1fr;align-items:center;height:62px;padding-top:4px;font:600 18px/1 -apple-system,SF Pro Text,system-ui,sans-serif;display:grid}.statusbar>b{justify-self:start;padding-left:40px;font-weight:600}.sysicons{justify-self:end;align-items:center;gap:6px;padding-right:30px;display:flex}.sysicons svg{fill:currentColor}.island{background:#000;border-radius:20px;justify-content:space-between;align-items:center;width:125px;height:37px;padding:0 10px;transition:width .4s cubic-bezier(.2,0,0,1);display:flex}.island>*{opacity:0;transition:opacity .2s}.island.playing{width:150px}.island.playing>*{opacity:1;transition-delay:.15s}.island img{border-radius:4px;width:22px;height:22px}.island i{align-items:center;gap:2px;height:12px;display:flex}.island b{background:#ff5a4f;border-radius:1px;width:2px;height:100%;transform:scaleY(.3)}.island.playing b{animation:.9s ease-in-out infinite alternate island-wave}.island b:nth-child(2){animation-delay:-.3s}.island b:nth-child(3){animation-delay:-.6s}.island b:nth-child(4){animation-delay:-.15s}@keyframes island-wave{to{transform:scaleY(1)}}@media (prefers-reduced-motion:reduce){.island.playing b{animation:none;transform:scaleY(.6)}}.demo p,.demo ul,.demo ol,.demo h3{margin:0}.demo,.demo *{scrollbar-width:none}.demo::-webkit-scrollbar{display:none}.demo ::-webkit-scrollbar{display:none}.demo button{font:inherit;color:inherit;border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:8px;padding:4px 10px}.demo input{min-width:0;font:inherit;color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:3px 8px}.demo :focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.demo .titlebar{height:36px;padding:6px 6px 0 var(--gutter);flex:none;justify-content:flex-end;align-items:flex-start;gap:6px;display:flex;position:relative}.demo.phone .titlebar{height:44px;padding:0 var(--gutter)}.lights{gap:8px;display:flex;position:absolute;top:11px;left:10px}.lights i{background:#ff5f57;border-radius:50%;width:12px;height:12px}.lights i:nth-child(2){background:#febc2e}.lights i:nth-child(3){background:#28c840}.demo .status{height:28px;color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums;align-items:center;gap:8px;margin-right:auto;display:flex}.demo.mac .status{margin-left:60px}.demo .titlebar .title{z-index:5;white-space:nowrap;max-width:calc(100% - 200px);margin:0;font-size:15px;font-weight:600;line-height:28px;position:absolute;top:6px;left:50%;transform:translate(-50%)}.demo .title>button{max-width:100%;color:inherit;font:inherit;line-height:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:5px;padding:0 8px 0 10px;display:inline-flex}.demo .title>button>span{text-overflow:ellipsis;overflow:hidden}.demo .title>button>svg{color:var(--muted);flex:none}.demo .title>button:hover,.demo .title>button[aria-expanded=true]{background:var(--hover)}.demo .title>button .fav{margin-right:0}.demo.phone .titlebar .title{max-width:calc(100% - 160px);line-height:44px;top:0}.demo.phone .status{height:44px}.demo.phone .titlebar .title:has(>.icon){gap:8px}.demo.phone .title>.icon{padding:0}.demo.phone .title>.icon .fav{width:22px;height:22px;margin:0}.demo .folders.envs ul button{justify-content:space-between;align-items:center;display:flex}.demo .title .fav{vertical-align:middle;border-radius:4px;width:16px;height:16px;margin-right:6px}.demo .call{font-variant-numeric:tabular-nums}.demo .call>span{text-box:trim-both cap alphabetic}.demo .call .sep{font-style:normal;position:relative;top:-.065em}.demo .icon{justify-content:center;align-items:center;width:28px;height:28px;padding:0;display:inline-flex}.demo .callrow,.demo .empty{margin-inline:var(--gutter)}.demo .dot{background:var(--green);border-radius:50%;width:8px;height:8px}.demo .dot.live{background:var(--live);animation:1.4s ease-in-out infinite demo-pulse}.fav{color:#fff;border-radius:4px;place-items:center;width:16px;height:16px;font-size:10px;font-weight:700;line-height:1;display:inline-grid}.demo .call{background:var(--call,var(--text));height:52px;color:var(--call-text,var(--bg));border:none;border-radius:26px;flex:none;font-size:15px;font-weight:600}.demo .call.live{background:var(--live);color:#fff;justify-content:center;align-items:center;gap:10px;display:flex}.demo .call .levels{width:110px;height:22px;transition:height .25s cubic-bezier(.2,0,0,1)}.demo .callrow.small .call .levels{height:14px}.demo.phone .call .levels{width:72px}.demo .call{position:relative}.demo .call:not(.live){animation:2.4s ease-out infinite call-bump}.demo .call:not(.live):after{content:"";border-radius:inherit;box-shadow:0 0 0 4px color-mix(in srgb, var(--text) 35%, transparent);opacity:0;pointer-events:none;animation:2.4s ease-out infinite call-ring;position:absolute;inset:0}@keyframes call-bump{15%{scale:1.02}30%{scale:1}}@keyframes call-ring{0%{opacity:1;scale:1}70%,to{opacity:0;scale:1.04 1.32}}@media (prefers-reduced-motion:reduce){.demo .call:not(.live),.demo .call:not(.live):after{animation:none}}.demo .callrow{flex:none;gap:8px;display:flex}.demo .callrow .call{flex:1}.demo .mute{border:1px solid var(--line);background:var(--panel);width:52px;height:52px;color:var(--text);border-radius:50%;flex:none;justify-content:center;align-items:center;padding:0;display:flex}.demo .mute.on{border-color:var(--text);background:var(--text);color:var(--bg)}.demo .call,.demo .mute,.demo .mute svg{transition:height .25s cubic-bezier(.2,0,0,1),width .25s cubic-bezier(.2,0,0,1),font-size .25s cubic-bezier(.2,0,0,1)}.demo .callrow.small .call{height:36px;font-size:13px}.demo .callrow.small .mute{width:36px;height:36px}.demo .callrow.small .mute svg{width:16px;height:16px}@media (prefers-reduced-motion:reduce){.demo .call,.demo .mute,.demo .mute svg{transition:none}}.demo .tablist,.demo .convo-tabs{padding-inline:calc(var(--gutter) - 10px);border-bottom:1px solid var(--line);scrollbar-width:none;gap:4px;display:flex;overflow-x:auto}.demo .tablist button,.demo .convo-tabs button{white-space:nowrap;color:var(--muted);border:none;border-bottom:2px solid #0000;border-radius:6px 6px 0 0;margin-bottom:-1px;padding:6px 10px;font-weight:600}.demo .tablist button[aria-selected=true],.demo .convo-tabs button[aria-selected=true]{color:var(--accent);border-bottom-color:var(--accent)}.demo{--seg-track:#7676801f;--seg-pill:var(--panel)}.demo[data-theme=dark]{--seg-track:#7676803d;--seg-pill:#636366}.demo:not(.phone) .tablist{margin:0 var(--gutter) 8px;background:var(--seg-track);border-bottom:none;border-radius:999px;gap:0;padding:2px}.demo:not(.phone) .tablist button{border:none;border-radius:999px;flex:1 0 auto;margin:0;padding:4px 12px;font-size:13px}.demo .convo-tabs{background:var(--seg-track);border-bottom:none;border-radius:999px;gap:0;width:fit-content;margin:4px auto 0;padding:2px}.demo .convo-tabs button{border:none;border-radius:999px;flex:none;min-width:92px;margin:0;padding:5px 16px;font-size:13px}.demo:not(.phone) .tablist button[aria-selected=true],.demo .convo-tabs button[aria-selected=true]{background:var(--seg-pill);box-shadow:0 1px 3px #0000001f}.demo.phone .statusbar{z-index:5;position:relative}.demo.phone .callrow{z-index:4;position:relative}.demo.phone .panel:has(>.convo-head){--lift:0px;--head:calc(var(--lift) + 82px);position:relative}.demo.phone:not(:has(>.callrow)) .panel:has(>.convo-head){--lift:62px;margin-top:-62px}.demo.phone .convo-head{z-index:4;top:var(--lift);pointer-events:none;grid-template-columns:1fr minmax(0,auto) 1fr;gap:10px;display:grid;position:absolute;left:0;right:0}.demo .convo-head:has(>.head-end)>.icon{justify-self:start}.demo.phone .convo-head .name{-webkit-line-clamp:2;text-align:center;white-space:normal;-webkit-box-orient:vertical;grid-area:auto;font-size:15px;font-weight:600;line-height:1.22;display:-webkit-box;overflow:hidden}.demo .convo-head:has(>.head-end) .name{-webkit-line-clamp:2;text-align:center;white-space:normal;-webkit-box-orient:vertical;grid-area:auto;font-size:15px;font-weight:600;line-height:1.22;display:-webkit-box;overflow:hidden}.demo .convo-head .head-end{justify-self:end;gap:8px;display:flex}.demo.phone .convo-head{grid-template-columns:auto minmax(0,1fr) auto}.demo.phone .convo-head .name{text-align:left}.demo.phone .more .menu-item[role=menuitem]>svg{display:none}.demo.phone .convo-tabs{z-index:3;top:calc(var(--lift) + 50px);margin:0 auto;position:absolute;left:0;right:0}.demo.phone .panel:has(>.convo-head){--end:var(--foot,76px)}.demo.phone .convo-foot{z-index:3;position:absolute;bottom:0;left:0;right:0}.demo:not(.phone) .panel:has(>.convo-tabs){--head:72px;--end:var(--foot,56px);position:relative;overflow:clip}.demo:not(.phone) .panel:has(>.convo-tabs)>:is(.convo-head,.convo-foot){z-index:4;position:absolute;left:0;right:0}.demo:not(.phone) .panel:has(>.convo-tabs)>.convo-head{pointer-events:none}.demo.cover .panel:has(>.convo-tabs){--lift:36px;--head:calc(var(--lift) + 72px)}.demo.cover .panel:has(>.convo-tabs)>.convo-head{padding-top:var(--lift)}.demo.cover>.lights{z-index:4}.demo:not(.phone) .panel:has(>.convo-tabs)>.convo-head{top:0}.demo:not(.phone) .panel:has(>.convo-tabs)>.convo-foot{bottom:0}.demo:not(.phone) .panel:has(>.convo-tabs)>.convo-tabs{z-index:3;top:calc(var(--lift,0px) + 38px);margin:0 auto;position:absolute;left:0;right:0}.demo .convo-meta{z-index:3;top:calc(var(--lift,0px) + 74px);color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none;justify-content:center;align-items:center;gap:8px;font-size:12px;display:flex;position:absolute;left:0;right:0}.demo .convo-meta>*{pointer-events:auto}.demo .convo-meta .select{background:var(--glass-tint,#7676801f);box-shadow:var(--glass-rims,none);color:var(--text);border-radius:999px;align-items:center;gap:2px;padding:3px 6px 3px 9px;display:flex;position:relative}.demo .convo-meta .select svg{width:12px;height:12px;color:var(--muted);flex:none}.demo .convo-meta .select select{opacity:0;cursor:pointer;width:100%;font-size:16px;position:absolute;inset:0}.demo .panel.tucked>:is(.convo-tabs,.convo-meta){display:none}.demo.phone .panel.tucked{--top:calc(var(--lift,0px) + 48px)}.demo:not(.phone) .panel.tucked{--top:calc(var(--lift,0px) + 40px)}.demo .convo-bar{background:var(--blue);height:2px;position:absolute;bottom:16px;left:0}.demo.phone .convo-meta{top:calc(var(--lift,0px) + 86px);padding:0 var(--gutter)}.demo.phone .panel:has(>.convo-meta){--head:calc(var(--lift,0px) + 114px)}.demo:not(.phone) .panel:has(>.convo-meta){--head:calc(var(--lift,0px) + 102px)}.demo .convo-blur{--k:.8;--out:to top;z-index:2;height:calc(var(--top,var(--head)) + 16px);pointer-events:none;background:linear-gradient(var(--out), transparent, color-mix(in srgb, var(--bg) calc(70% * var(--k)), transparent) 18px, color-mix(in srgb, var(--bg) calc(80% * var(--k)), transparent) 56px, color-mix(in srgb, var(--bg) calc(85% * var(--k)), transparent) 130px);position:absolute;top:0;left:0;right:0}.demo .convo-blur.bottom{--k:.6;--out:to bottom;height:calc(var(--end) + 16px);top:auto;bottom:0}.demo .convo-blur i{height:calc(var(--b) - var(--a));-webkit-backdrop-filter:blur(calc(var(--blur) * var(--k)));backdrop-filter:blur(calc(var(--blur) * var(--k)));position:absolute;left:0;right:0}.demo .convo-blur.top i{bottom:var(--a)}.demo .convo-blur.bottom i{top:var(--a)}.demo .convo-blur.top i:last-child{height:auto;top:0}.demo .convo-blur.bottom i:last-child{height:auto;bottom:0}.demo .convo-blur i:first-child{--a:0px;--b:12px;--blur:.5px}.demo .convo-blur i:nth-child(2){--a:12px;--b:24px;--blur:4px}.demo .convo-blur i:nth-child(3){--a:24px;--b:40px;--blur:8px}.demo .convo-blur i:nth-child(4){--a:40px;--b:60px;--blur:4px}.demo .convo-blur i:nth-child(5){--a:60px;--b:80px;--blur:5px}.demo .convo-blur i:nth-child(6){--a:80px;--b:104px;--blur:5.5px}.demo .convo-blur i:nth-child(7){--a:104px;--b:128px;--blur:8px}.demo .convo-blur i:nth-child(8){--a:128px;--blur:11px}.demo :is(.summary-view,.convo-tabs~.list){padding-top:calc(var(--head,0px) + 14px);padding-bottom:calc(var(--end,0px) + 12px)}.demo.phone{position:relative}.demo.phone .tablist{z-index:2;box-shadow:none;touch-action:none;border:none;border-radius:999px;gap:0;padding:5px;position:absolute;bottom:21px;left:21px;right:21px;overflow:visible}.demo.phone .tablist:after,.demo.phone .glass-plus:after,.demo :is(.titlebar,.convo-head,.card-site) .icon:after,.demo .prompt .attach .icon:after{content:"";z-index:-1;border-radius:inherit;background:var(--glass-fill);box-shadow:inset 0 0 0 1px var(--glass-edge), inset 1px 1.5px 0 -.5px var(--glass-rim), inset -1px -1.5px 0 -.5px var(--glass-rim-low);-webkit-backdrop-filter:blur(14px)saturate(180%);backdrop-filter:blur(14px)saturate(180%);pointer-events:none;position:absolute;inset:0}.demo.phone .reach{z-index:2;align-items:center;gap:10px;display:flex;position:absolute;bottom:96px;right:17px}.demo.phone .glass-plus{width:56px;height:56px;box-shadow:none;color:var(--text);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:transform .25s cubic-bezier(.3,1.5,.5,1);display:flex;position:relative}.demo.phone .glass-plus.small{width:44px;height:44px}.demo.phone .glass-plus:active{transform:scale(1.08)}.demo.phone .tablist button{color:var(--text);border:none;border-radius:999px;flex-direction:column;flex:1;align-items:center;gap:2px;margin:0;padding:8px 0 7px;font-size:11px;font-weight:500;display:flex}.demo.phone .tablist button[aria-selected=true]{color:var(--accent);background:var(--glass-pill);transition:transform .25s cubic-bezier(.3,1.5,.5,1)}.demo.phone .tablist:active button[aria-selected=true]{transform:scale(1.12)}.demo.phone .panel{touch-action:pan-y;margin-top:0}.demo.phone .list:not(.convo),.demo.phone .projects{padding-bottom:162px}.demo .panel{flex-direction:column;flex:1;min-height:0;margin-top:-4px;animation:.2s ease-out demo-slide;display:flex}@keyframes demo-slide{0%{opacity:0;transform:translateX(var(--from,24px))}}.demo .tools input{background:0 0;border:none;border-radius:0;flex:1;padding:4px 0}.demo .tools input:focus-visible{outline:none}.demo.phone .pick{grid-template-columns:20px 1fr auto;gap:12px;min-height:48px;font-size:16px}.demo.phone .pick img{width:20px;height:20px}.demo.phone .projects .star{align-self:stretch;align-items:center;margin-right:-12px;padding-inline:12px}.demo.phone .tools input{min-height:48px}.demo .empty{color:var(--muted);margin-block:4px}.demo .list,.demo .projects{flex:1;min-height:0;padding:0 0 12px;list-style:none;overflow-y:auto}.demo .projects li{padding-inline:var(--gutter);grid-template-columns:1fr auto;align-items:center;gap:4px;display:grid}@media (hover:hover){.demo .projects li:hover{background:var(--hover)}}.demo .projects li.selected{background:color-mix(in srgb, var(--accent) 12%, transparent)}.demo .projects li.selected .label{color:var(--accent);font-weight:600}.demo .projects li.tools{z-index:1;background:var(--bg);margin-bottom:6px;transition:transform .3s,opacity .3s,visibility .3s;display:flex;position:sticky;top:0}.demo .projects li.tools.hidden{opacity:0;visibility:hidden;transform:translateY(-100%)}.demo .pick{text-align:left;border:none;border-radius:0;grid-template-columns:16px 1fr auto;align-items:center;gap:8px;padding:4px 0;display:grid}.demo .label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.demo .counts{align-items:center;gap:6px;display:flex}.demo .counts .pulse{background-color:var(--live);border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite demo-pulse}.demo .star{color:var(--muted);border:none;padding:0 4px;display:flex}.demo .star[aria-pressed=true]{color:var(--amber)}.demo .running .glyph{color:var(--live);animation:1.4s ease-in-out infinite demo-pulse}.demo .waiting .glyph{color:var(--blue);font-weight:700}.demo .done .glyph{color:var(--green)}.demo .failed .glyph{color:var(--red)}.demo .closed .glyph{color:var(--muted)}.demo .row{width:100%;padding:7px var(--gutter);text-align:left;border:none;border-bottom:1px solid var(--line);border-radius:0;grid-template-columns:16px minmax(0,1fr) auto;grid-template-areas:"glyph name age"".what age";align-items:center;gap:1px 8px;display:grid}@media (hover:hover){.demo .row:hover{background:var(--hover)}}.demo .worker.row{cursor:pointer}.demo .row>input.name{font:inherit;background:0 0;border:0;border-radius:0;outline:none;padding:0;font-weight:600}.demo.phone .list{overflow-x:hidden}.demo.phone *{scrollbar-width:none}.demo.phone ::-webkit-scrollbar{display:none}.demo.phone .worker.row{-webkit-user-select:none;user-select:none;position:relative}.demo .glyph{grid-area:glyph}.demo .name{text-overflow:ellipsis;white-space:nowrap;grid-area:name;font-weight:600;overflow:hidden}.demo .badge{letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--text);flex:none;grid-area:glyph;align-items:center;gap:5px;font-size:15px;font-weight:600;line-height:1;display:inline-flex}.demo .badge i{background:var(--muted);border-radius:50%;flex:none;width:6px;height:6px}.demo .running .badge{color:var(--accent)}.demo .running .badge i{background:var(--live);animation:1.6s ease-out infinite demo-ring}.demo .waiting .badge i{background:var(--blue)}.demo .done .badge i{background:var(--green)}.demo .done .badge.answered i{background:var(--purple)}.demo .badge.badge.fresh i{background:var(--blue)}.demo .badge.badge.attention i{background:var(--purple)}.demo .failed .badge i{background:var(--red)}@keyframes demo-ring{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--live) 70%, transparent)}to{box-shadow:0 0 0 5px color-mix(in srgb, var(--live) 0%, transparent)}}.demo .what{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;grid-area:what;font-size:12px;overflow:hidden}.demo .worker.row{grid-template-columns:minmax(44px,max-content) minmax(0,max-content) auto minmax(0,1fr) auto;grid-template-areas:"glyph name name name age""glyph what meta.age""glyph tag tag tag age"}.demo .worker.row:not(:has(>.tag)){grid-template-areas:"glyph name name name age""glyph what meta.age"}.demo .worker.row>.tag{color:var(--muted);text-align:left;text-overflow:ellipsis;white-space:nowrap;grid-area:tag;margin-top:2px;font-size:13px;line-height:1.3;overflow:hidden}.demo .worker.row>.tag.need{color:var(--purple)}.demo .worker.row>.tag.waiting{color:var(--blue)}.demo .worker.row>.tag.failed{color:var(--red)}.demo .worker.row>.tag:is(.need,.waiting,.failed){font-weight:500}.demo .worker.row>.what,.demo .worker.row>.meta{align-self:baseline}.demo .worker .badge{translate:calc((8px - var(--gutter)) / 2) 0;justify-self:center;font-size:28px}.demo .badge small{color:color-mix(in srgb, var(--muted) 50%, transparent);margin-right:-3px;font-size:.5em;font-weight:500}.demo .age>.badge{font-size:inherit;grid-area:auto}.demo .age{color:var(--muted);font-variant-numeric:tabular-nums;grid-area:age;align-items:center;gap:8px;display:flex}.demo .row .meta{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;grid-area:meta;margin-left:-5px;font-size:12px}.demo .age .row-gist{color:var(--muted);cursor:pointer;place-items:center;display:grid}.demo .age .row-gist:hover{color:var(--text)}.demo .worker.row>.gist{color:var(--text);white-space:normal;grid-area:1/2/-1/-2;align-self:center;font-size:13px;line-height:1.4}.demo .age .close-check{color:var(--muted);cursor:pointer;place-items:center;display:grid}.demo.phone .age .close-check{align-self:stretch;margin:-8px -12px -8px 0;padding:0 12px}.demo .age .close-check:hover,.demo .age .close-check:active{color:var(--green)}.demo .age .close-check .check-glass{background:var(--glass-fill);width:22px;height:22px;box-shadow:inset 0 0 0 1px var(--glass-edge), inset 1px 1.5px 0 -.5px var(--glass-rim), inset -1px -1.5px 0 -.5px var(--glass-rim-low);-webkit-backdrop-filter:blur(14px)saturate(180%);backdrop-filter:blur(14px)saturate(180%);border-radius:50%;place-items:center;display:grid}.demo.phone .age .close-check .check-glass{width:28px;height:28px}.demo .age .close-check[data-closing] .check-glass{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0}.demo .age .close-check,.demo .age .close-check svg{position:relative}.demo .age .close-check[data-closing]{color:#fff}.demo .age .close-check[data-closing]:before,.demo .age .close-check[data-closing]:after{content:"";box-sizing:border-box;border-radius:50%;width:32px;height:32px;margin:-16px 0 0 -16px;position:absolute;top:50%;left:50%}.demo .age .close-check[data-closing]:before{background:var(--green);animation:.25s cubic-bezier(.3,1.6,.5,1) both demo-check-disc}.demo .age .close-check[data-closing]:after{border:2px solid var(--green);animation:.4s ease-out 40ms both demo-check-ring}.demo .age .close-check[data-closing] svg{animation:.25s cubic-bezier(.3,1.6,.5,1) both demo-check-pop}.demo .worker.row:has(.close-check[data-closing]){animation:.3s ease-out forwards demo-closing-glow}@keyframes demo-check-disc{0%{scale:0}}@keyframes demo-check-pop{0%{scale:.5}}@keyframes demo-check-ring{0%{opacity:.9;scale:1}to{opacity:0;scale:1.6}}@keyframes demo-closing-glow{to{background:color-mix(in srgb, var(--green) 14%, transparent)}}@media (prefers-reduced-motion:reduce){.demo .age .close-check[data-closing]:before,.demo .age .close-check[data-closing] svg{animation:none}.demo .worker.row:has(.close-check[data-closing]){animation:none}.demo .age .close-check[data-closing]:after{display:none}}.demo .age .row-delete{color:var(--muted);cursor:pointer;place-items:center;display:grid}.demo .age .row-delete:hover,.demo .age .row-delete:active{color:var(--red)}.demo.phone .age .row-delete{align-self:stretch;margin:-8px 0;padding:0 10px}.demo i.unread,.demo i.attention{background-color:var(--blue);border-radius:50%;width:6px;height:6px}.demo i.attention{background-color:var(--purple)}.demo [data-tip]{box-sizing:content-box;background-clip:content-box;margin:-4px;padding:4px;position:relative}.demo [data-tip]:hover:after{content:attr(data-tip);z-index:5;white-space:nowrap;pointer-events:none;color:var(--bg);background:var(--text);border-radius:6px;padding:3px 8px;font:500 11px/1.4 Inter,system-ui,sans-serif;position:absolute;top:50%;right:calc(100% + 4px);transform:translateY(-50%)}.demo .convo-head{padding:0 var(--gutter) 4px;align-items:center;gap:8px;display:flex}.demo .convo-head>button{flex:none}.demo .convo-head>.badge:not(:has(small)){margin-left:4px}.convo-head .badge small{margin-right:0;font-size:.8em}.convo-head .name{flex:1}.convo-head .name .rename{max-width:100%;color:inherit;font:inherit;text-align:inherit;background:0 0;border:0;outline:none;padding:0}.demo .new-agent{min-height:0;padding:0 var(--gutter) max(10%, 100px);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:20px;display:flex;position:relative;overflow:hidden}.demo .talk-actions{bottom:var(--gutter);padding:0 var(--gutter);pointer-events:none;flex-direction:column;align-items:center;gap:24px;display:flex;position:absolute;left:0;right:0}.demo .talk-actions>*{pointer-events:auto}.demo .talk-cancel{background:color-mix(in srgb, var(--panel) 72%, transparent);-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);box-shadow:inset 0 0 0 1px var(--glass-edge), inset 1px 1.5px 0 -.5px var(--glass-rim), inset -1px -1.5px 0 -.5px var(--glass-rim-low), 0 8px 28px #0000001f;color:var(--text);font:inherit;-webkit-tap-highlight-color:transparent;border:none;border-radius:12px;padding:3px 11px;font-size:11px}.demo .talk-options{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.demo .talk-options select{background:var(--hover);color:var(--text);font:inherit;border:0;border-radius:12px;padding:4px 8px 4px 11px;font-size:13px}.demo .talk-cancel:active,.demo .talk-clip:active{transform:scale(.96)}.demo .convo-foot>.hear{border-radius:16px;align-items:center;gap:6px;min-height:32px;margin:0 auto 8px;padding:0 14px;font-size:13px;display:flex}.demo .talk-clip{background:var(--hover);width:26px;height:26px;color:var(--text);-webkit-tap-highlight-color:transparent;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.demo .new-agent.tap-send{cursor:pointer}.demo.phone .talk-options{flex-wrap:nowrap;gap:6px;max-width:100%}.demo.phone .talk-options select{border-radius:18px;flex-shrink:0;padding:8px 8px 8px 12px;font-size:13px}.demo.phone .talk-options select:last-child{flex-shrink:1;min-width:0}.demo.phone .talk-clip{width:36px;height:36px}.demo.phone .talk-clip svg{width:18px;height:18px}.demo.phone .attach-clip{width:44px;height:44px}.demo.phone .attach-clip svg{width:20px;height:20px}.demo .talk{width:160px;height:160px;color:var(--text);-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:50%;flex:none;place-items:center;padding:0;transition:transform .4s cubic-bezier(.2,0,0,1);display:grid}.demo .talk>*{grid-area:1/1}.demo .talk .orb{pointer-events:none;fill:none;stroke-width:7px;stroke-linejoin:round;width:125%;height:125%;margin:-12.5%;overflow:visible}.demo .orb-ink{stroke:#fff;filter:url(#orb-ink-neon)}.demo .orb-red{stroke:#ff2d55;filter:url(#orb-neon)}.demo .orb-dots{stroke:none;filter:url(#orb-ink-neon)}.demo .orb-dot-red{fill:#ff2d55}.demo .orb-dot-ink{fill:#fff}.demo[data-theme=dark] .orb-dots{filter:url(#orb-glow)}.demo[data-theme=dark] .orb-dot-red{fill:var(--red)}.demo[data-theme=dark] .orb-dot-ink{fill:var(--text)}.demo[data-theme=dark] .orb-ink{stroke:var(--text);filter:none}.demo[data-theme=dark] .orb-red{stroke:var(--red);filter:url(#orb-glow)}.demo[data-theme=dark] .orb-wash{display:none}.demo .talk:active:not(:disabled){transform:scale(.94)}.demo .talk:disabled{opacity:.5;cursor:default}.demo .talk{animation:1.1s both orb-pop}@keyframes orb-pop{0%{scale:.006}15%{animation-timing-function:cubic-bezier(.45,0,.25,1);scale:.006}58%{animation-timing-function:ease-in-out;scale:1.12}76%{animation-timing-function:ease-in-out;scale:.96}90%{animation-timing-function:ease-in-out;scale:1.02}to{scale:1}}.demo .new-agent.compact .talk{animation:.4s both orb-pop-fast}@keyframes orb-pop-fast{0%{animation-timing-function:cubic-bezier(.2,.8,.4,1);scale:.5}55%{animation-timing-function:ease-in-out;scale:1.1}to{scale:1}}@media (prefers-reduced-motion:reduce){.demo .talk,.demo .new-agent.compact .talk{transition:none;animation:none}}.demo .talk-text{flex-direction:column;align-items:center;gap:10px;width:100%;height:92px;display:flex}.demo .said{white-space:nowrap;text-overflow:ellipsis;text-align:center;max-width:100%;color:var(--muted);margin:0;overflow:hidden}.demo .shiny{background:linear-gradient(110deg, var(--muted) 40%, var(--text) 50%, var(--muted) 60%) 0 0 / 250% 100%;color:#0000;-webkit-background-clip:text;background-clip:text;animation:2.4s linear infinite demo-shine}@keyframes demo-shine{0%{background-position:100% 0}to{background-position:-150% 0}}.demo .heard{text-align:center;flex-direction:column;justify-content:flex-end;width:100%;max-width:340px;height:2.7em;font-size:20px;line-height:1.35;display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 60%);mask-image:linear-gradient(#0000,#000 60%)}.demo .heard p{margin:0}.demo .new-agent.compact{padding:8px var(--gutter);flex:none;grid-template-columns:1fr auto 1fr;align-items:center;gap:2px 12px;display:grid;overflow:visible}.demo.phone .new-agent.compact{padding-bottom:24px}.demo .new-agent.compact .talk{zoom:.35;grid-area:2/2}.demo .new-agent.compact .talk-text{grid-area:3/1/4/4;height:auto}.demo .new-agent.compact .said{font-size:13px}.demo .new-agent.compact .talk-actions{display:contents}.demo .new-agent.compact .talk-options{grid-area:2/1;justify-self:start}.demo .new-agent.compact .talk-actions>.talk-clip{grid-area:2/3;justify-self:end}@media (prefers-reduced-motion:reduce){.demo .shiny{animation:none}}.demo .convo-head .act{flex:none;align-items:center;gap:4px;padding:4px 8px;display:flex}.demo .convo-head :is(button,.name,.more,input){pointer-events:auto}.demo .convo-head .more{flex:none;display:flex;position:relative}.demo .convo-head .menu{z-index:100;background:color-mix(in srgb, var(--panel) 72%, transparent);width:max-content;min-width:140px;max-width:280px;box-shadow:inset 0 0 0 1px var(--glass-edge), inset 1px 1.5px 0 -.5px var(--glass-rim), inset -1px -1.5px 0 -.5px var(--glass-rim-low), 0 8px 28px #00000024;-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);border-radius:14px;flex-direction:column;padding:5px;display:flex;position:absolute;top:calc(100% + 4px);right:0}.demo .convo-head .menu-item{min-width:0;color:var(--text);font:inherit;text-align:left;white-space:nowrap;background:0 0;border:0;border-radius:9px;align-items:center;gap:8px;padding:5px 10px;display:flex}.demo .convo-head .menu-item:hover{background:var(--glass-pill)}.demo .convo-head .menu-hint{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-left:auto;padding-left:16px;overflow:hidden}.demo .convo-head .menu-item[aria-checked=true]{font-weight:600}.demo.phone .convo-head .menu-item{padding:10px 12px}.demo .attach-layer{z-index:100;background:#00000059;align-items:flex-end;animation:.3s ease-out attach-fade;display:flex;position:absolute;inset:0}.demo .attach-sheet{box-sizing:border-box;background:color-mix(in srgb, var(--panel) 72%, transparent);width:100%;box-shadow:inset 0 0 0 1px var(--glass-edge), inset 1px 1.5px 0 -.5px var(--glass-rim), 0 -8px 28px #00000024;-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);border-radius:28px 28px 46px 46px;padding:8px 0 28px;font-family:-apple-system,BlinkMacSystemFont,system-ui,sans-serif;animation:.45s cubic-bezier(.32,.72,0,1) attach-up;display:block}.demo .attach-handle{background:var(--glass-pill);border-radius:3px;width:36px;height:5px;margin:0 auto 12px;display:block}.demo .attach-recent{scrollbar-width:none;gap:8px;margin-bottom:16px;padding:0 16px;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000,#000 16px calc(100% - 16px),#0000);mask-image:linear-gradient(90deg,#0000,#000 16px calc(100% - 16px),#0000)}.demo .attach-recent button{border:0;border-radius:18px;flex:none;width:112px;height:148px;padding:0;position:relative}.demo .attach-recent button span{color:#fff;text-shadow:0 1px 3px #0009;font-size:12px;font-weight:600;position:absolute;bottom:6px;right:8px}.demo .attach-buttons{justify-content:space-between;gap:8px;padding:0 16px;display:flex}.demo .attach-buttons button{color:var(--text);font:inherit;background:0 0;border:0;flex-direction:column;align-items:center;gap:8px;padding:0;font-size:13px;display:flex}.demo .attach-buttons button>span{background:var(--glass-pill);border-radius:50%;place-items:center;width:60px;height:60px;display:grid}.demo .attach-buttons button:active>span,.demo .attach-recent button:active{opacity:.6}@keyframes attach-up{0%{transform:translateY(100%)}}@keyframes attach-fade{0%{background:0 0}}.demo .agent-card{margin:0 0 20px;font-size:13px}.demo .card-context{color:var(--muted);grid-template-columns:1fr auto;align-items:baseline;display:grid}.demo :is(.card-context,.card-stats) b{color:var(--text);font-variant-numeric:tabular-nums;font-size:15px;font-weight:600}.demo .card-context .bar{background:var(--hover);border-radius:3px;grid-column:1/-1;height:6px;margin-top:8px;overflow:hidden}.demo .card-context .bar i{background:var(--blue);border-radius:3px;height:100%;display:block}.demo .card-stats{flex-wrap:wrap;align-items:flex-end;gap:12px 22px;margin-top:12px;display:flex}.demo .card-stats>span{flex-direction:column;align-items:flex-start;gap:4px;min-width:0;display:flex}.demo .card-stats b{line-height:31.75px}.demo :is(.card-stats,.card-site) small{color:var(--muted);font-size:12px}.demo :is(.agent-card,.add-site) .select{color:var(--text);background:#7676801f;border-radius:999px;align-items:center;gap:4px;padding:5px 8px 5px 11px;font-size:15px;font-weight:600;line-height:1.45;display:flex;position:relative}.demo[data-theme=dark] :is(.agent-card,.add-site) .select{background:#7676803d}.demo :is(.agent-card,.add-site) .select svg{width:14px;height:14px;color:var(--muted)}.demo :is(.agent-card,.add-site) .select select{opacity:0;cursor:pointer;width:100%;font-size:16px;position:absolute;inset:0}.demo .card-site{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;margin-top:12px;padding-top:12px;font-size:15px;font-weight:600;display:flex}.demo .card-site>span{flex-direction:column;min-width:0;display:flex}.demo .card-site small{text-overflow:ellipsis;white-space:nowrap;font-weight:400;overflow:hidden}.demo .card-foot{border-top:1px solid var(--line);color:var(--muted);white-space:pre;align-items:center;margin-top:12px;padding-top:10px;font-size:12.5px;display:flex}.demo .card-foot .badge{color:inherit;font-size:inherit;font-weight:inherit;letter-spacing:0;grid-area:auto;gap:0}.demo .card-foot .badge:has(i){margin-right:6px}.demo .card-foot .badge small{color:inherit;font-size:inherit;font-weight:inherit;margin-right:0}.demo .summary-view{min-height:0;padding:8px var(--gutter) 12px;flex:1;overflow-y:auto}.demo .summary-view .points{margin:8px 0 0;padding:0;font-size:15px;line-height:1.4;list-style:none}.demo .summary-view .points li{margin-bottom:12px}.demo .summary-view .empty{color:var(--muted);margin:12px 0 0}.demo .convo{padding:8px var(--gutter) 12px}.demo .list.convo{flex:0 auto;margin-top:auto}.demo .convo li{white-space:pre-wrap;overflow-wrap:anywhere;margin-bottom:8px}.demo .convo .user{background:var(--hover);border-radius:20px;padding:10px 14px;font-size:15px}.demo .convo>.user{border-radius:18px;width:fit-content;max-width:80%;margin-left:auto;padding:8px 13px}.demo .convo>.user:not(.queued,.waits){color:var(--accent-text);background:var(--accent)}.demo .convo .tool{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-bottom:2px;font:11px/1.5 JetBrains Mono,ui-monospace,SF Mono,Menlo,monospace;overflow:hidden}.demo .convo .tool:before{content:"⏺ "}.demo .convo .tool:has(.diff){margin:6px 0}.demo .convo .tool:has(.diff):before{content:none}.demo .convo .tool .head:before{content:"⏺ "}.demo .convo .tool-group summary{color:var(--muted);opacity:.55;cursor:pointer;align-items:center;gap:3px;font-size:11px;list-style:none;display:inline-flex}.demo .convo .tool-group summary::-webkit-details-marker{display:none}.demo .convo .tool-group details[open] .chevron{transform:rotate(180deg)}.demo .convo .tool-group ol{scrollbar-width:none;margin:0;padding:4px 0 0;list-style:none;overflow-x:auto}.demo .convo .tool-group ol::-webkit-scrollbar{display:none}.demo .convo .tool-group .tool{width:max-content;min-width:100%;overflow:visible}.demo .diff{color:var(--text);white-space:pre-wrap;grid-template-columns:auto 1fr;margin:2px 0 0 14px;display:grid}.demo .diff>div{display:contents}.demo .diff .n{color:var(--muted);text-align:right;padding:0 8px 0 4px}.demo .diff .add>*{background:color-mix(in srgb, var(--green) 16%, transparent)}.demo .diff .del>*{background:color-mix(in srgb, var(--red) 16%, transparent)}.demo .convo .assistant{white-space:normal}.demo .assistant p{white-space:pre-wrap}.demo .assistant p+p{margin-top:8px}.demo .reply-image{border:1px solid var(--line);border-radius:8px;width:100%;margin-top:8px;display:block}.demo .assistant code{background:var(--hover);border-radius:4px;padding:1px 4px;font:12px JetBrains Mono,ui-monospace,SF Mono,Menlo,monospace}.demo .prompt{padding:8px var(--gutter);border-top:1px solid var(--line);gap:8px;font:12px/1.5 JetBrains Mono,ui-monospace,SF Mono,Menlo,monospace;display:flex}.demo .prompt span{color:var(--muted)}.demo .prompt input{font:inherit;background:0 0;border:0;outline:0;flex:1;padding:0}.demo.phone .prompt{padding-bottom:24px}.demo .prompt .icon{width:36px;height:36px;color:var(--muted);border:0;border-radius:50%;align-self:flex-end;margin:-9px -10px -9px 0}.demo .prompt .mic:hover{color:var(--text)}.demo .prompt{border-top:0;align-items:flex-end;padding-top:8px}.demo:not(.phone) .prompt{padding-bottom:14px}.demo .prompt>span[aria-hidden]{display:none}.demo .prompt .field{box-sizing:border-box;border:1px solid var(--line);background:var(--panel);border-radius:22px;flex:1;align-items:center;min-width:0;min-height:44px;padding-right:2px;display:flex}.demo .prompt input{min-width:0;padding:0 4px 0 16px;font:15px/1.4 -apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif}.demo .prompt .mic{width:40px;height:40px;color:var(--text);flex:none;margin:0}.demo .prompt .send{background:var(--blue);color:#fff;flex:none;place-items:center;width:44px;height:44px;margin:0;display:grid}.demo .prompt:has(.send) .mic{display:none}.demo .prompt .attach .icon{flex:none;margin:0}.demo :is(.titlebar,.convo-head,.card-site) .icon,.demo .prompt .attach .icon{isolation:isolate;background:0 0;border:none;border-radius:50%;width:44px;height:44px;position:relative}.demo.phone :is(.titlebar,.convo-head,.card-site) .icon svg{width:20px;height:20px}.demo:not(.phone) :is(.convo-head,.card-site) .icon{width:32px;height:32px}.demo:not(.phone) .titlebar .icon{width:28px;height:28px}.demo .prompt .attach{flex:none;display:block}@keyframes demo-pulse{50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.demo *,.demo .dot.live{animation:none!important}}.demo .panel:has(>.empty-state){position:relative}.demo .empty-state{padding:0 var(--gutter) 10%;text-align:center;color:var(--muted);pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex;position:absolute;inset:0}.demo .empty-state strong{color:var(--text);font-size:17px}.demo .empty-state p{max-width:280px;margin:0}.demo .empty-art{width:132px;height:132px;margin-bottom:4px;animation:.6s cubic-bezier(.34,1.56,.64,1) both empty-pop,3.2s ease-in-out .6s infinite empty-float}.demo .empty-art svg{width:100%;height:100%;display:block}.demo .empty-art .zzz{fill:var(--text)}.demo[data-theme=dark] .empty-art svg{filter:drop-shadow(0 0 .6px var(--text)) drop-shadow(0 0 .6px var(--text))}@keyframes empty-pop{0%{opacity:0;transform:scale(.8)}}@keyframes empty-float{50%{transform:translateY(-6px)}}@media (prefers-reduced-motion:reduce){.demo .empty-art{animation:none}}.demo{--demo-ease:cubic-bezier(.25, 1, .5, 1)}.demo .list.convo{animation:demo-rise .3s var(--demo-ease) both}.demo .summary-view .points li,.demo .summary-view .empty{animation:demo-rise .35s var(--demo-ease) both}.demo .summary-view .points li:nth-child(2){animation-delay:50ms}.demo .summary-view .points li:nth-child(3){animation-delay:.1s}.demo .summary-view .points li:nth-child(4){animation-delay:.15s}.demo .summary-view .points li:nth-child(n+5){animation-delay:.2s}@keyframes demo-rise{0%{opacity:0;transform:translateY(8px)}}@media (prefers-reduced-motion:reduce){.demo .list.convo,.demo .summary-view .points li,.demo .summary-view .empty{animation:none}}.demo .list-title{padding:6px var(--gutter);letter-spacing:.02em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line);align-items:center;gap:8px;font-size:12px;font-weight:600;display:flex}.try{display:none}@media (width>=1200px){.try{width:170px;color:var(--ink);pointer-events:none;flex-direction:column;display:flex;position:absolute;top:40px;left:calc(100% - 4px)}.try.phone{top:76px}.try span{white-space:nowrap;align-self:flex-end;font:26px/1 Permanent Marker,cursive;transform:rotate(-6deg)}.try svg{width:120px;height:64px;margin-top:2px}}.demo .panel{position:relative}.demo .empty-closed{z-index:1;cursor:pointer;border-radius:999px;font-weight:500;position:absolute;bottom:16px;left:50%;translate:-50%}.demo.phone .empty-closed{bottom:84px}.demo{position:relative}.demo .preview{z-index:20;border-radius:inherit;background:var(--panel);flex-direction:column;display:flex;position:absolute;inset:0;overflow:hidden}.demo.phone .preview{border-radius:0 0 58px 58px;top:62px}.demo .preview-bar{padding:10px var(--gutter);border-bottom:1px solid var(--line);background:var(--bg);flex:none;align-items:center;gap:8px;display:flex}.demo .preview-bar button{color:var(--blue);flex:none;font-weight:600}.demo .preview-url{min-width:0;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;background:var(--hover);border-radius:8px;flex:1;justify-content:center;align-items:center;gap:4px;padding:6px 10px;font-size:13px;display:flex;overflow:hidden}.demo .preview-page{padding:32px var(--gutter);text-align:center;flex:1;overflow:auto}.demo .preview-page h1{margin:24px 0 12px;font-size:26px}.demo .preview-page p{max-width:320px;color:var(--muted);margin:0 auto 12px}.demo .preview-page .preview-note{font-size:13px}.demo .site .glyph{align-items:center;display:flex}.demo .site .fav{display:block}.demo .site{cursor:pointer}.demo .site .icon{color:var(--muted);border:none}.demo .add-site{padding:6px 6px 6px var(--gutter);border-bottom:1px solid var(--line);align-items:center;gap:8px;display:flex}.demo .add-site input{background:0 0;border:none;border-radius:0;flex:1;padding:4px 0}.demo .add-site input:focus-visible{outline:none}.demo.phone .add-site input{min-height:48px}.demo.phone .add-site{min-height:61px}.demo .add-site .select{flex:none;max-width:40%}.demo .add-site .select span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.demo[data-rows=compact] .worker.row.row{grid-template-columns:minmax(36px,max-content) minmax(0,1fr) auto;grid-template-areas:"glyph name age""glyph tag age";align-content:center;row-gap:2px;min-height:56px;padding-block:8px}.demo[data-rows=compact] .worker.row>.age{align-self:center}.demo[data-rows=compact] .worker.row:not(:has(>.tag)){grid-template-areas:"glyph name age"}.demo[data-rows=compact] .worker.row>:is(.what,.meta){display:none}.demo[data-rows=compact] .worker.row>:is(.name,.tag){margin:0;line-height:1.35}.demo[data-rows=compact] .worker.row>.name{font-size:15px;font-weight:500}.demo[data-rows=compact] .worker.row>.tag{font-size:12px;font-weight:400}.demo[data-rows=compact] .worker.row>.tag:is(.need,.waiting){color:var(--accent)}.demo .folders-backdrop{z-index:20;border-radius:inherit;background:#0000004d;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.demo.phone .folders-backdrop{align-items:flex-end;overflow:hidden}.demo .folders{width:min(380px, calc(100% - 2 * var(--gutter)));max-height:85%;padding:var(--gutter);background:var(--panel);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:10px;display:flex;box-shadow:0 8px 32px #0003}.demo.phone .folders{width:100%;padding-bottom:calc(var(--gutter) + 20px);border:none;border-radius:16px 16px 0 0;animation:.3s cubic-bezier(.32,.72,0,1) folders-up}@keyframes folders-up{0%{transform:translateY(100%)}}@media (prefers-reduced-motion:reduce){.demo.phone .folders{animation:none}}.demo .folders b{font-size:15px}.demo .folders-path{color:var(--muted);margin-top:-6px}.demo .folders ul{min-height:0;margin:0 calc(-1 * var(--gutter));border-block:1px solid var(--line);flex:1;padding:0;list-style:none;overflow:auto}.demo .folders li+li{border-top:1px solid var(--line)}.demo .folders ul button{width:100%;min-height:44px;padding:0 var(--gutter);text-align:left;background:0 0;border:none;border-radius:0}.demo.phone .folders ul button{min-height:48px}.demo .folders-none{padding:14px var(--gutter);color:var(--muted)}.demo .folders-add{background:var(--accent);color:var(--accent-text);border:none;border-radius:10px;padding:10px;font-weight:500}.demo .folders-cancel{color:var(--muted);border:none;align-self:center}.demo .projects li.tools{gap:8px}.demo .tools:not(li){padding-inline:var(--gutter);gap:8px;margin-bottom:6px;display:flex}.demo .talk-options select,.demo .talk-clip,.demo :is(.tools,.add-site) input,.demo :is(.tools,.add-site)>.add{background:var(--glass-fill);-webkit-backdrop-filter:blur(14px)saturate(180%);backdrop-filter:blur(14px)saturate(180%);box-shadow:inset 0 0 0 1px var(--glass-edge), inset 1px 1.5px 0 -.5px var(--glass-rim), inset -1px -1.5px 0 -.5px var(--glass-rim-low);border:0}.demo .talk-options select{border-radius:999px}.demo :is(.tools,.add-site) input{border-radius:999px;min-height:36px;padding:0 14px}.demo.phone :is(.tools,.add-site) input{min-height:44px}.demo :is(.tools,.add-site)>.add{border-radius:50%;flex:none;justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:flex}.demo.phone :is(.tools,.add-site)>.add{width:44px;height:44px}.demo .mini{color:#111;text-align:left;background:#fff;flex:1;min-height:0;font-size:13px;overflow:auto}.demo .mini header{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.demo .mini nav{color:#555;gap:12px;display:flex}.demo .mini button{color:#fff;font:inherit;background:#111;border:none;border-radius:999px;padding:9px 16px;font-weight:600}.demo .shop-hero{background:#f5f5f5;flex-wrap:wrap;align-items:center;gap:12px 20px;padding:20px 16px;display:flex}.demo .shop-hero img{flex:160px;min-width:0;max-width:280px}.demo .shop-hero small{color:#c2410c;font-weight:600}.demo .shop-hero h2{margin:2px 0;font-size:24px}.demo .shop-hero p{color:#555;margin:0 0 12px}.demo .shop-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;padding:16px;display:grid}.demo .shop-grid div{flex-direction:column;gap:2px;display:flex}.demo .shop-grid img{box-sizing:border-box;aspect-ratio:1;object-fit:contain;background:#f5f5f5;border-radius:6px;width:100%;margin-bottom:6px;padding:8%}.demo .shop-grid span{color:#666}.demo .stays header b{color:#ff385c;font-size:16px}.demo .stays-search{border:1px solid #ddd;border-radius:999px;padding:7px 14px;box-shadow:0 1px 4px #00000014}.demo .stays-body{flex-wrap:wrap;display:flex}.demo .stays-map{background:#e8efe3 repeating-linear-gradient(35deg,#0000 0 38px,#fff 38px 41px);flex:240px;min-height:200px;position:relative}.demo .stays-map span{background:#fff;border-radius:999px;padding:4px 8px;font-weight:700;position:absolute;transform:translate(-50%,-50%);box-shadow:0 1px 4px #0003}.demo .stays ul{flex:240px;margin:0;padding:8px 16px;list-style:none}.demo .stays li{gap:12px;padding:8px 0;display:flex}.demo .stays li img{object-fit:cover;border-radius:10px;flex:none;width:76px;height:64px}.demo .stays li div{flex-direction:column;gap:2px;display:flex}.demo .stays li span{color:#666}.demo .stays li span b{color:#111}.demo .mini nav .on{color:#111;font-weight:600}.demo .billing{background:#f7f8fa}.demo .billing header b{color:#635bff;font-size:15px}.demo .billing-stats{grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:8px;padding:16px 16px 0;display:grid}.demo .billing-stats div{background:#fff;border:1px solid #e6e8eb;border-radius:8px;flex-direction:column;gap:4px;padding:10px 12px;display:flex}.demo .billing-stats span{color:#666;font-size:11px}.demo .billing-stats b{font-size:17px}.demo .billing-head{justify-content:space-between;align-items:center;padding:16px 16px 8px;display:flex}.demo .billing-head h2{margin:0;font-size:17px}.demo .billing-head button{background:#635bff;padding:7px 12px}.demo .billing table{border-collapse:collapse;background:#fff;border:1px solid #e6e8eb;border-radius:8px;width:calc(100% - 32px);margin:0 16px 16px}.demo .billing td{white-space:nowrap;border-top:1px solid #eef0f2;padding:9px 10px}.demo .billing td:nth-child(2){white-space:normal;width:100%}.demo .billing td:nth-child(3){text-align:right;font-variant-numeric:tabular-nums}.demo .billing td span{border-radius:4px;padding:2px 7px;font-size:11px;font-weight:600}.demo .billing .paid{color:#0b6b3a;background:#d7f7e3}.demo .billing .overdue{color:#b42318;background:#fde2e1}.demo .billing .draft{color:#555;background:#eceef1}.demo .book{display:flex}.demo .book aside{background:#f6f9fc;border-right:1px solid #eee;flex-direction:column;flex:none;gap:4px;width:112px;padding:12px;display:flex}.demo .book aside b{color:#ff4785;margin-bottom:8px}.demo .book aside span{color:#333;border-radius:4px;padding:4px 8px}.demo .book aside .on{color:#fff;background:#1ea7fd}.demo .book section{flex:1;padding:12px 16px}.demo .book small{color:#666}.demo .book-canvas{border:1px dashed #ddd;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:200px;margin-top:12px;display:flex}.demo .book-canvas .ghost{color:#111;background:#fff;border:1px solid #ccc}.demo .list-title .count{margin-left:auto}.demo .ask-row{padding:10px var(--gutter);border-bottom:1px solid var(--line);align-items:center;gap:12px;display:flex}.demo .ask-row>svg{color:#d97706;flex:none}.demo .ask-row>span{flex-direction:column;flex:1;min-width:0;display:flex}.demo .ask-row small,.demo .artifact-tile small{color:var(--muted)}.demo .ask-row :is(b,small),.demo .artifact-tile :is(b,small){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.demo .ask-row>button{background:var(--accent);color:var(--accent-text);cursor:pointer;border:none;border-radius:999px;flex:none;padding:6px 16px;font-weight:600}.demo .artifact-row{padding:12px var(--gutter);border-bottom:1px solid var(--line);scrollbar-width:none;gap:12px;display:flex;overflow-x:auto}.demo .artifact-tile{width:150px;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;flex-direction:column;flex:none;gap:2px;padding:0;display:flex}.demo .artifact-thumb{border:1px solid var(--line);border-radius:14px;height:200px;margin-bottom:6px;position:relative;overflow:hidden}.demo .artifact-thumb iframe{transform-origin:0 0;pointer-events:none;border:none;width:390px;height:520px;position:absolute;top:0;left:0;transform:scale(.385)}.demo .artifact-tile .dot{vertical-align:1px;background:#2f6fde;border-radius:50%;width:7px;height:7px;margin-right:5px;display:inline-block}.demo .artifact-page{background:#fff;border:none;flex:1;width:100%}.demo .approval{width:min(420px, calc(100% - 2 * var(--gutter)));background:var(--panel);border-radius:20px;flex-direction:column;gap:12px;padding:20px;display:flex;box-shadow:0 8px 32px #00000040}.demo.phone .approval{border-radius:26px 26px 0 0;width:100%;padding:22px 22px 34px;animation:.3s cubic-bezier(.32,.72,0,1) folders-up}.demo .approval-head{color:var(--muted);justify-content:space-between;align-items:center;display:flex}.demo .approval-head b{color:var(--text);font-weight:600}.demo .approval-left{color:#d97706;font-variant-numeric:tabular-nums;background:#d977062e;border-radius:999px;padding:3px 10px;font-weight:600}.demo .approval-title{font-size:24px;line-height:1.15}.demo .approval-amount{font-size:40px;font-weight:700;line-height:1}.demo .approval-text{color:var(--muted);margin:0}.demo .approval-rows{border-top:1px solid var(--line);margin:0}.demo .approval-rows>div{border-bottom:1px solid var(--line);justify-content:space-between;gap:16px;padding:10px 0;display:flex}.demo .approval-rows dt{color:var(--muted)}.demo .approval-rows dd{text-align:right;margin:0}.demo .approval-yes{background:var(--accent);min-height:48px;color:var(--accent-text);font:inherit;cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;gap:10px;font-size:16px;font-weight:600;display:flex}.demo .approval-no{color:#e5484d;font:inherit;cursor:pointer;background:0 0;border:none;font-size:16px;font-weight:600}.demo[data-font=mono]{font-family:JetBrains Mono,ui-monospace,SF Mono,Menlo,monospace}.demo[data-font=rounded]{font-family:ui-rounded,SF Pro Rounded,-apple-system,system-ui,sans-serif}.demo[data-sharp] :not(.statusbar,.statusbar *),.demo[data-sharp] :not(.statusbar,.statusbar *):before,.demo[data-sharp] :not(.statusbar,.statusbar *):after{border-radius:0!important}.demo[data-glass=off]{--glass-fill:var(--bg);--glass-edge:var(--line);--glass-rim:transparent;--glass-rim-low:transparent;--glass-pill:var(--hover)}.demo[data-glass=off] :after{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.demo.phone[data-glass=off] .tablist{border-top:1px solid var(--line);border-radius:0;padding:0 0 22px;bottom:0;left:0;right:0}.demo.phone[data-glass=off] .tablist:after{box-shadow:none}.demo.phone[data-glass=off] .reach{bottom:92px}.demo[data-density=large] .worker.row{zoom:1.2}.demo[data-talk=big] .callrow:not(.small)>.call:after{content:none}.demo[data-talk=big] .callrow:not(.small):has(>.call:not(.live)){justify-content:center;padding-block:10px 18px}.demo[data-talk=big] .callrow:not(.small)>.call:not(.live){width:168px;height:168px;box-shadow:0 12px 34px color-mix(in srgb, var(--call,var(--text)) 35%, transparent);border-radius:50%;flex:none;font-size:26px;font-weight:700;animation:none}.demo[data-screen]>:not(.statusbar,.own-screen){display:none!important}.demo .own-screen{border:0;flex:1;width:100%;min-height:0;margin-top:-12px}.demo .titlebar .title{justify-content:center;gap:4px;display:flex}.demo .title>button{min-width:0}.demo .title>.env{cursor:pointer;border-radius:999px;align-items:center;gap:5px;min-width:0;padding:0 8px 0 10px;display:inline-flex;position:relative}.demo .title>.env:hover{background:var(--hover)}.demo .title>.env>span{text-overflow:ellipsis;overflow:hidden}.demo .title>.env>svg{color:var(--muted);flex:none}.demo .title>.env select{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.demo.phone .prompt .record{display:none}.demo .prompt .record .icon[data-on]{color:#ff3b30}.carplay{flex-direction:column;gap:28px;display:flex}.section-head .carplay-soon{color:color-mix(in srgb, var(--ink) 75%, transparent);margin:0 0 12px;font-size:13px;display:inline-block}.carplay-car{--zoom:2.6;--side:10%;--bottom:56%;aspect-ratio:1;cursor:pointer;--fade-x:linear-gradient(to right, transparent, #0000001a calc(var(--side) * .25), #00000080 calc(var(--side) * .5), #000000e6 calc(var(--side) * .75), #000 var(--side), #000 calc(100% - var(--side)), #000000e6 calc(100% - var(--side) * .75), #00000080 calc(100% - var(--side) * .5), #0000001a calc(100% - var(--side) * .25), transparent);--fade-y:linear-gradient(#000 var(--bottom), #000000e6 calc(var(--bottom) + (100% - var(--bottom)) * .25), #00000080 calc(var(--bottom) + (100% - var(--bottom)) * .5), #0000001a calc(var(--bottom) + (100% - var(--bottom)) * .75), transparent);-webkit-mask-image:var(--fade-x), var(--fade-y);-webkit-mask-composite:source-in;-webkit-mask-image:var(--fade-x), var(--fade-y);mask-image:var(--fade-x), var(--fade-y);margin:0 -20px;position:relative;overflow:hidden;-webkit-mask-composite:source-in;mask-composite:intersect}.carplay-dash{width:calc(var(--zoom) * 100%);position:absolute;top:0;left:50%;translate:-50%}.carplay-dash>img{width:100%;height:auto;display:block}.carplay-screen{background:#000;width:30.7708%;height:52.6144%;position:absolute;top:.6536%;left:34.625%;overflow:hidden;-webkit-mask:url(/carplay/screen-mask.png) 0 0/100% 100% no-repeat;mask:url(/carplay/screen-mask.png) 0 0/100% 100% no-repeat;container-type:inline-size}.carplay-btn{font:inherit;color:var(--muted);background:color-mix(in srgb, var(--ink) 4%, transparent);cursor:pointer;border:0;border-radius:999px;align-self:center;align-items:center;gap:8px;padding:11px 20px 11px 16px;font-weight:500;transition:background .15s;display:inline-flex}.carplay-btn:hover{background:color-mix(in srgb, var(--ink) 8%, transparent)}.carplay-btn svg{width:20px;height:20px}.carplay-line{text-align:center;align-self:center;max-width:520px;min-height:calc(18px + 3em);margin:0;font-size:17px;line-height:1.5}@media (width<=359px){.carplay-line{text-align:center;align-self:center;min-height:calc(18px + 4.5em);margin:0}}.carplay-said{animation:.3s ease-out both carplay-in;display:block}.carplay-who{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:600;display:block}.carplay-who.yonder{color:var(--red)}@keyframes carplay-in{0%{opacity:0}}.carplay-cta{flex-direction:column;align-items:center;gap:8px;display:flex}.carplay-stores{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.store.soon{pointer-events:none}.carplay-light,.carplay-shade{pointer-events:none;background-position:100% 0;background-repeat:no-repeat;background-size:300% 100%;position:absolute;inset:0;-webkit-mask:url(/carplay/dashboard.webp) 0 0/100% 100% no-repeat;mask:url(/carplay/dashboard.webp) 0 0/100% 100% no-repeat}.carplay-light{mix-blend-mode:screen;background-image:linear-gradient(100deg,#0000 42%,#fff0dc73 50%,#0000 60%)}.carplay-shade{mix-blend-mode:multiply;background-image:linear-gradient(100deg,#0000 34%,#463c322e 50%,#0000 66%)}.carplay-dash{animation:5.4s ease-in-out infinite carplay-sway}.carplay-light{animation:4.2s linear infinite carplay-pass}.carplay-shade{animation:6.6s linear -2.4s infinite carplay-pass}@keyframes carplay-sway{0%,to{transform:translateY(0)rotate(0)}22%{transform:translateY(-.35%)rotate(-.15deg)}48%{transform:translateY(.2%)rotate(.1deg)}71%{transform:translateY(-.15%)rotate(.12deg)}}@keyframes carplay-pass{0%{background-position:100% 0}to{background-position:0 0}}@media (prefers-reduced-motion:reduce){.carplay-dash,.carplay-light,.carplay-shade,.carplay-said{animation:none!important}}@media (width>=860px){.carplay{align-self:center;width:min(1120px,100vw - 40px)}.carplay-car{--dash:calc(1.6 * min(1120px, 100vw - 40px));--side:25%;--bottom:56%;aspect-ratio:auto;width:min(1600px,100vw - 20px);height:calc(var(--dash) * 1836 / 4800);align-self:center;margin:0}.carplay-dash{width:var(--dash)}}.cp{color:#fff;-webkit-font-smoothing:antialiased;background:#000;font:400 1.66667cqw/1.2 -apple-system,SF Pro Display,system-ui,sans-serif;display:flex;position:absolute;inset:0;overflow:hidden}.cp svg,.cp img{display:block}.cp-side{background:#1c1c1e;flex-direction:column;flex:none;align-items:center;width:5em;padding:1em 0 1.125em;display:flex}.cp-time{letter-spacing:-.0187em;font-size:1.25em;font-weight:600;line-height:1.2}.cp-net{align-items:flex-end;gap:.125em;margin-top:.25em;font-size:.75em;font-weight:600;line-height:1;display:flex}.cp-net i{background:#fff;border-radius:1px;width:.1875em;display:block}.cp-net i:first-child{height:.3125em}.cp-net i:nth-child(2){height:.5em}.cp-net i:nth-child(3){height:.6875em}.cp-net i:nth-child(4){height:.875em;margin-right:.1875em}.cp-app{border-radius:.8125em;place-items:center;width:3.375em;height:3.375em;margin-top:.875em;display:grid}.cp-net+.cp-app{margin-top:1.375em}.cp-app.on{box-shadow:0 0 0 .125em #000,0 0 0 .25em #fff}.cp-home{background:#3a3a3c;border-radius:.75em;place-items:center;width:2.875em;height:2.875em;margin-top:auto;display:grid}.cp-home svg{width:1.5em;height:1.5em}.cp-main{flex-direction:column;flex:1;min-width:0;display:flex}.cp-tabs{flex:none;justify-content:center;align-items:center;gap:.625em;height:4.375em;display:flex}.cp-tab{color:#8e8e93;border-radius:1.375em;align-items:center;gap:.5em;height:2.75em;padding:0 1.375em;font-size:1.1875em;font-weight:600;display:flex}.cp-tab svg{width:1.375em;height:1.375em}.cp-tab.on{color:#fff;background:#2c2c2e}.cp-voice{flex-direction:column;flex:1;justify-content:center;align-items:center;padding-bottom:1.875em;display:flex}.cp-orb{place-items:center;width:15.625em;height:15.625em;display:grid;position:relative}.cp-ring{border:.1875em solid #e5484d;border-radius:50%;position:absolute}.cp-glow{background:radial-gradient(#e5484d55,#0000 70%);border-radius:50%;position:absolute;inset:2.125em}.cp-arc{border:.25em solid #0000;border-top-color:#e5484d;border-radius:50%;position:absolute;inset:2.75em}.cp-face{background:#e5484d;border-radius:50%;place-items:center;width:8.75em;height:8.75em;display:grid;position:relative}.cp-face img{width:6.125em;margin:.3125em 0 0 .4375em}.cp-state{letter-spacing:-.0312em;margin-top:.75em;font-size:2.125em;font-weight:700;line-height:1.2}.cp-buttons{gap:2.875em;margin-top:1.375em;display:flex}.cp-btn{color:#c7c7cc;flex-direction:column;align-items:center;gap:.5em;font-size:.9375em;font-weight:600;line-height:1.2;display:flex}.cp-c{background:#3a3a3c;border-radius:50%;place-items:center;width:4.375em;height:4.375em;display:grid}.cp-c svg{width:2em;height:2em}.cp-btn.end .cp-c{background:#ff3b30}.cp-list{flex:1;padding:.25em 2em 0}.cp-row{border-bottom:1px solid #2c2c2e;align-items:center;gap:1.125em;height:5.25em;display:flex}.cp-row:last-child{border-bottom:0}.cp-ic{border-radius:.6875em;flex:none;place-items:center;width:3.125em;height:3.125em;display:grid}.cp-ic svg{width:1.625em;height:1.625em}.cp-ic.run{background:#0a84ff}.cp-ic.wait{background:#ff9f0a}.cp-ic.done{background:#30d158}.cp-t{flex:1;min-width:0}.cp-n{letter-spacing:-.0187em;white-space:nowrap;text-overflow:ellipsis;font-size:1.375em;font-weight:600;line-height:1.25;overflow:hidden}.cp-d{color:#8e8e93;margin-top:.1875em;font-size:1.0625em;line-height:1.25}.cp-chev{color:#636366;width:.8125em;height:1.5em}