.v-demo{position:relative;width:100%;max-width:1280px;margin:0 auto;color:#ededed;container-type:inline-size;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:-.01em;text-align:left;isolation:isolate}.v-demo *{box-sizing:border-box}.v-demo :where(h3,h4,p,ul,pre){margin:0}.v-demo button,.v-demo input,.v-demo textarea,.v-demo select{font:inherit;letter-spacing:inherit}.v-demo button{display:inline-flex;align-items:center;justify-content:center;gap:.5em;border:0;background:transparent;color:#a1a1a1;padding:.38em;border-radius:.46em;cursor:pointer;min-width:0;transition:background .12s,color .12s;line-height:1.3}.v-demo button:hover{color:#fafafa;background:#ffffff0d}.v-demo button:active{background:#ffffff16}.v-demo button:focus-visible,.v-demo input:focus-visible,.v-demo textarea:focus-visible,.v-demo select:focus-visible,.v-demo [tabindex]:focus-visible,.v-demo summary:focus-visible{outline:2px solid #a1a1a1;outline-offset:2px}.v-demo button[aria-selected=true],.v-demo .is-active{background:#ffffff16;color:#fafafa}.v-demo [hidden]{display:none!important}.v-demo .vd-icon{width:1.15em;height:1.15em;flex:none;display:block}.v-demo small{font-size:.82em;color:#858585}.vd-toolbar{height:36px;display:flex;justify-content:flex-end;align-items:center;padding:0 4px;font-size:12px;color:#a1a1a1}.vd-toolbar>span,.vd-toolbar>div{display:flex;align-items:center;gap:7px}.vd-toolbar button{min-height:36px;padding:6px 9px;font-size:12px}.vd-toolbar small{font-size:12px}.vd-viewport{width:100%;aspect-ratio:68/45;position:relative;border:1px solid #ffffff29;border-radius:12px;overflow:hidden;background:#0a0a0a;box-shadow:0 0 0 1px #000,0 25px 65px -22px #000}.vd-app{height:100%;display:flex;flex-direction:column;position:relative;font-size:clamp(10px,1.083333cqw,13px);line-height:1.45;background:#0a0a0a;color:#fafafa;overflow:hidden;color-scheme:dark;--vd-sep:#ffffff14;--vd-panel:#141414;--vd-accent:#5c8fff}.vd-titlebar{height:3.077em;flex:none;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:.6em;align-items:center;padding:0 .85em;background:#0a0a0a;user-select:none}.vd-title-left,.vd-title-right{display:flex;align-items:center;gap:.3em;min-width:0}.vd-title-left img{width:1.38em;height:1.38em;margin-right:.4em}.vd-title-left strong{font-size:.96em;font-weight:600;white-space:nowrap;margin-right:.3em}.vd-project-title{font-size:.9em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-left:.8em;color:#a1a1a1}.vd-title-right{justify-content:flex-end}.vd-titlebar button{min-height:2em}.vd-modes{display:flex;border:1px solid var(--vd-sep);border-radius:.62em;background:#141414;padding:.15em}.vd-modes button{font-size:.92em;padding:.23em 1.2em;border-radius:.38em;min-height:1.8em}.vd-modes button[aria-selected=true]{font-weight:600;background:#2a2a2a}.vd-limits{display:flex;align-items:center;gap:.3em;font-size:.82em;color:#7fd99a;white-space:nowrap;margin-right:.5em}.vd-limits i{height:.8em;width:.8em;border:2px solid #7fd99a;border-left-color:#333;border-radius:50%}.vd-title-right .vd-add{color:#fff;background:#5c8fff;padding:.48em .7em;margin-left:.3em}.vd-title-right .vd-add:hover{background:#79a3ff}.vd-orb{color:#7fa7ff!important}.vd-has-dot:after{content:"";position:absolute;right:2px;top:2px;width:4px;height:4px;background:#e8c87a;border-radius:50%}.vd-has-dot{position:relative}.vd-body{display:flex;gap:1.05em;flex:1;min-height:0;padding:0 1.05em 1.05em;background:linear-gradient(118deg,#ffffff06,transparent 42%),radial-gradient(120% 90% at 78% 12%,#96969612,transparent 64%),linear-gradient(196deg,#101012,#171719)}.vd-sidebar{display:flex;flex-direction:column;flex:none;width:19.5%;min-width:0;border:1px solid var(--vd-sep);background:#141414;border-radius:.95em;padding:.6em;overflow:hidden}.vd-sidebar-hidden .vd-sidebar{display:none}.vd-sidebar-content{overflow:auto;flex:1;scrollbar-width:thin;scrollbar-color:#383838 transparent}.vd-search{width:100%;border:1px solid #ffffff14!important;background:#1c1c1c!important;padding:.6em!important;margin-bottom:1.1em;font-size:.9em!important;justify-content:flex-start!important;white-space:nowrap}.vd-search span{overflow:hidden;text-overflow:ellipsis}.vd-search kbd{font:inherit;color:#737373;font-size:.8em;margin-left:auto;white-space:nowrap}.vd-nav{width:100%;justify-content:flex-start!important;text-align:left;min-height:2.7em;padding:.6em .7em!important;gap:.85em!important}.vd-nav span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vd-section-label{display:flex;align-items:center;justify-content:space-between;font-size:.85em;color:#a1a1a1;font-weight:600;margin:2em .65em .6em}.vd-section-label button{font-size:1.15em}.vd-workspace{width:100%;justify-content:flex-start!important;text-align:left;padding:.62em .65em!important;gap:.75em!important;min-height:2.7em}.vd-workspace span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vd-workspace small{margin-left:auto;border-radius:2em;background:#ffffff09;padding:.05em .45em}.vd-dot{display:inline-block;width:.46em;height:.46em;flex:none;border-radius:50%;background:#858585}.vd-green{background:#7fd99a}.vd-color-0{background:#7656d8}.vd-color-1{background:#2d9d87}.vd-color-2{background:#688bb3}.vd-color-3{background:#bc9859}.vd-pane-links{padding:.25em 0 .5em 1.3em}.vd-pane-links button{width:100%;justify-content:flex-start;padding:.4em .55em;font-size:.85em;gap:.7em}.vd-pane-links span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vd-pane-links .vd-icon{width:1em;height:1em}.vd-account{display:flex;align-items:center;gap:.65em;flex:none;border-top:1px solid var(--vd-sep);padding:1em .4em .3em;margin-top:1em}.vd-account>span:nth-child(2){min-width:0;flex:1}.vd-account b{font-size:.9em;display:block;white-space:nowrap}.vd-account small{display:block;font-size:.72em;white-space:nowrap}.vd-avatar{display:flex;align-items:center;justify-content:center;background:#2e323a;border:1px solid #ffffff14;border-radius:50%;color:#e6e6e6;width:2.25em;height:2.25em;flex:none;font-weight:600}.vd-agent-row{display:flex;width:100%;text-align:left!important;justify-content:flex-start!important;gap:.75em!important;padding:.9em .55em!important}.vd-agent-row>span:nth-child(2){flex:1;min-width:0}.vd-agent-row b,.vd-agent-row small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vd-agent-row b{font-weight:500;color:#d7d7d7}.vd-agent-row small{font-size:.75em;margin-top:.25em}.vd-agent-row .vd-avatar{border-radius:.7em;background:#232323}.vd-vibe-entry{width:100%;justify-content:flex-start!important;text-align:left;gap:.8em!important;padding:.7em!important}.vd-vibe-entry b,.vd-vibe-entry small{display:block}.vd-vibe-entry small{font-size:.75em;margin-top:.3em}.vd-folder{display:flex;align-items:center;gap:.7em;padding:.6em;color:#a1a1a1;font-size:.88em}.vd-code{display:flex;flex-direction:column;flex:1;min-width:0;min-height:0;position:relative}.vd-panels{display:flex;flex:1;min-height:0;min-width:0;position:relative}.vd-terminal-stack{display:flex;flex-direction:column;gap:.85em;width:var(--vd-split);min-width:0;min-height:0;flex-shrink:0}.vd-terminal-stack:empty{display:none}.vd-terminal-stack:only-child{width:100%}.vd-pane{display:flex;flex-direction:column;flex:1;min-height:0;min-width:0;overflow:hidden;border:1px solid #ffffff1a;border-radius:1em;background:#141414}.vd-pane.is-selected{border-color:#8799b17a}.vd-pane-head{height:2.7em;flex:none;display:flex;align-items:center;gap:.55em;padding:0 .8em;color:#a1a1a1;font-size:.88em;user-select:none;border-bottom:1px solid #ffffff07}.vd-pane-head b{font-weight:600;color:#bdbdbd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vd-pane.is-selected .vd-pane-head b{color:#fafafa}.vd-pane-actions{display:flex;align-items:center;gap:.15em;margin-left:auto}.vd-pane-actions button{padding:.35em;min-height:1.8em}.vd-pane-actions .vd-icon{width:1em;height:1em}.vd-pane-status{width:.38em;height:.38em;border-radius:50%;background:#686868;flex:none}.vd-pane-status.is-working{background:#7fd99a;box-shadow:0 0 0 3px #7fd99a12}.vd-mark{display:inline-flex;align-items:center;justify-content:center;font-family:Arial,sans-serif;font-size:1.3em;line-height:1;flex:none}.vd-claude{color:#d88c6c}.vd-codex{color:#e6e6e6}.vd-shell{color:#9aa9c4;font-size:.85em}.vd-terminal-scroll{overflow:auto;padding:1.2em 1em .8em;flex:1;min-height:0;scrollbar-width:thin;scrollbar-color:#383838 transparent;font-family:Cascadia Code,SFMono-Regular,Consolas,monospace;font-size:calc(var(--vd-term-font,13px) * .86);line-height:1.7;overflow-wrap:anywhere}.vd-terminal-scroll p{margin:.18em 0}.vd-term-banner{display:grid;grid-template-columns:auto 1fr;gap:.1em .35em;margin:0 0 1.35em}.vd-term-banner .vd-mark{grid-row:1}.vd-term-banner span:last-child{grid-column:2;color:#858585;font-size:.91em;line-height:1.5}.vd-term-prompt{color:#e5e5e5;font-weight:600;margin:.9em 0 .6em!important}.vd-dim{color:#858585}.vd-green-text{color:#7fd99a}.vd-red{color:#e88c8c}.vd-orange{color:#d88c6c}.vd-term-indent{padding-left:1.2em}.vd-diff{padding:.3em 0 .6em 1.2em;font-size:.91em}.vd-diff span{display:block}.vd-diff span:first-child{color:#ac7171}.vd-diff span:last-child{color:#7fd99a}.vd-terminal-bottom{flex:none;padding:.5em 1em .65em}.vd-suggestions{display:flex;gap:.45em;flex-wrap:wrap;margin-bottom:.65em}.vd-suggestions button{font-size:.8em;color:#a1a1a1;border:1px solid #ffffff12;border-radius:2em;padding:.45em .8em;white-space:nowrap}.vd-terminal-form{display:flex;align-items:center;gap:.6em;border-top:1px solid #ffffff14;padding:.65em 0 .25em;color:#a1a1a1}.vd-terminal-form input{flex:1;min-width:0;width:100%;background:transparent;border:0;color:#fafafa;outline:0;font-family:Consolas,monospace;font-size:.9em;min-height:2em}.vd-terminal-form input::placeholder{color:#7d7d7d}.vd-terminal-form button{color:#d7d7d7}.vd-term-footer{display:flex;justify-content:space-between;font-size:.72em;color:#737373;padding-top:.4em}.vd-thinking{display:flex;align-items:center;gap:.7em;color:#a1a1a1}.vd-thinking i{width:.55em;height:.55em;background:#b7b7b7;border-radius:50%;animation:vd-pulse 1s ease-in-out infinite alternate}.vd-log{border-top:1px solid #ffffff0a;margin-top:.8em;padding-top:.2em}.vd-resizer{width:1.05em;flex:none;cursor:col-resize;position:relative;touch-action:none}.vd-resizer:after{content:"";position:absolute;inset:35% calc(50% - 1px);background:#555;border-radius:5px;opacity:0;transition:opacity .15s}.vd-resizer:hover:after,.vd-resizer:focus:after{opacity:1}.vd-columns .vd-panels{flex-direction:column;gap:.85em}.vd-columns .vd-terminal-stack{flex-direction:row;width:100%;height:50%;gap:.85em}.vd-columns .vd-resizer{display:none}.vd-columns .vd-browser{flex:1}.vd-max .vd-terminal-stack,.vd-max .vd-pane{width:100%}.vd-canvas .vd-panels{padding:1.2em;background-image:radial-gradient(#ffffff12 1px,transparent 1px);background-size:16px 16px}.vd-mobile-tabs{display:none}.vd-browser{flex:1}.vd-browser-bar{display:flex;align-items:center;gap:.45em;padding:.55em .7em;border-bottom:1px solid #ffffff0b;flex:none}.vd-browser-bar button{font-size:.8em}.vd-address{display:flex;align-items:center;gap:.6em;min-width:0;flex:1;background:#1d1d1d;border:1px solid #ffffff0e;border-radius:2em;padding:.4em .8em;font-size:.83em}.vd-address .vd-icon{width:.9em;color:#888}.vd-address span{overflow:hidden;text-overflow:ellipsis}.vd-browser-page{flex:1;min-height:0;overflow:auto;background:radial-gradient(ellipse at 90% 90%,#ffffff04,transparent 65%),#0e0e0e;scrollbar-width:thin;scrollbar-color:#383838 transparent;container-type:inline-size}.vd-site-nav{display:flex;align-items:center;justify-content:space-between;padding:1.6em 1.7em;border-bottom:1px solid #ffffff06;font-size:1em}.vd-site-nav>span{white-space:nowrap}.vd-site-nav>span:first-letter{color:#c2c2c2}.vd-site-nav button{font-size:.72em}.vd-site-nav button .vd-icon{transform:rotate(180deg)}.vd-site-hero{padding:4em 1.8em 2em}.vd-site-eyebrow{font-size:.7em;letter-spacing:.12em;color:#858585}.vd-site-hero h3{font-size:clamp(23px,8cqw,36px);line-height:1.13;letter-spacing:-.045em;font-weight:600;margin:.7em 0}.vd-site-hero>p{font-size:.97em;line-height:1.75;color:#a1a1a1;margin:1.6em 0}.vd-site-hero .vd-site-primary{background:#ebebeb;color:#121212;border-radius:.7em;padding:1em 1.2em;font-size:.86em;font-weight:600;width:100%;justify-content:space-between}.vd-site-hero .vd-site-primary:hover{background:#fff;color:#000}.vd-site-primary .vd-icon{transform:rotate(180deg)}.vd-site-note{display:block;font-size:.67em;text-align:center;color:#858585;margin-top:1.1em}.vd-site-card{border:1px solid #ffffff12;background:#171717;border-radius:.85em;padding:1.4em;margin-top:3.5em}.vd-site-card>div:first-child{display:flex;align-items:center;gap:.6em;font-size:.73em;color:#a1a1a1}.vd-site-card>b{display:block;font-size:1.08em;margin:1.1em 0 .2em}.vd-site-card>span{font-size:.74em;color:#858585}.vd-site-checks{display:flex;gap:.8em;margin-top:1.5em;padding-top:1em;border-top:1px solid #ffffff0d;font-size:.73em;color:#ababab}.vd-browser-status{display:flex;align-items:center;gap:.6em;font-size:.7em;color:#a1a1a1;padding:.75em 1em;background:#181818;border-top:1px solid #ffffff0b;flex:none}.vd-browser-status>span{margin-left:auto;color:#737373}.vd-history p{display:flex;align-items:flex-start;gap:.8em;border-top:1px solid #ffffff0d;padding-top:1em;font-size:.9em}.vd-history p .vd-icon{margin-top:.3em;color:#7fd99a}.vd-chat{display:flex;flex-direction:column;flex:1;min-width:0;min-height:0;background:#141414;border:1px solid #ffffff1a;border-radius:.95em;overflow:hidden}.vd-chat-head{display:flex;align-items:center;gap:.85em;padding:1.2em 1.4em;flex:none}.vd-chat-head b,.vd-chat-head small{display:block}.vd-chat-head small{font-size:.8em;margin-top:.15em}.vd-chat-head .vd-avatar{border-radius:.7em}.vd-ready{display:flex;align-items:center;gap:.5em;font-size:.75em;color:#a1a1a1;margin-left:auto}.vd-chat-tabs{display:flex;align-items:center;gap:.4em;border-bottom:1px solid #ffffff0d;padding:0 1.2em;flex:none}.vd-chat-tabs button{font-size:.88em;padding:.8em 1em;border-radius:0}.vd-chat-tabs button[aria-selected=true]{background:transparent;border-bottom:2px solid #a1a1a1;color:#fafafa}.vd-transcript{flex:1;min-height:0;overflow:auto;padding:2em max(1.5em,6%);scrollbar-width:thin;scrollbar-color:#383838 transparent;font-size:1em;line-height:1.7}.vd-chat-user{padding:1em 1.2em;background:#202020;border:1px solid #ffffff07;border-radius:1em;max-width:87%;margin:0 0 1.8em auto;color:#dedede;white-space:pre-wrap;overflow-wrap:anywhere}.vd-chat-assistant{margin:0 0 1.8em;overflow-wrap:anywhere}.vd-author{display:flex;align-items:center;gap:.65em;margin-bottom:1em;font-size:.9em}.vd-author b{font-weight:600}.vd-author>span:last-child:not(.vd-mark){font-size:.85em;color:#737373;margin-left:auto}.vd-chat-assistant details{color:#a1a1a1;font-size:.87em;margin:.45em 0}.vd-chat-assistant summary{cursor:pointer;display:flex;align-items:center;gap:.65em;padding:.3em 0;list-style:none}.vd-chat-assistant summary:before{content:"\203a";color:#858585}.vd-chat-assistant details[open] summary:before{transform:rotate(90deg)}.vd-chat-assistant summary span{color:#737373}.vd-chat-assistant summary i{font-style:normal;color:#7fd99a;margin-left:auto}.vd-chat-assistant details pre,.vd-chat-assistant details p{padding:1em;background:#1b1b1b;border-radius:.5em;font-size:.9em;white-space:pre-wrap;line-height:1.6}.vd-chat-assistant>p{margin:1em 0}.vd-chat-assistant ul{padding-left:1.4em;color:#bcbcbc}.vd-chat-assistant li{margin:.4em 0}.vd-change-card{width:100%;border:1px solid #ffffff14!important;background:#191919!important;border-radius:.7em!important;padding:1em!important;justify-content:flex-start!important;gap:.8em!important;margin-top:1.3em;text-align:left}.vd-change-card>span:nth-child(2){flex:1}.vd-change-card b,.vd-change-card small{display:block}.vd-change-card b{color:#d5d5d5;font-size:.9em}.vd-change-card small{font-size:.75em;margin-top:.2em}.vd-chat-bottom{flex:none;padding:.5em 1.4em 1.3em}.vd-composer{background:#1c1c1c;border:1px solid #ffffff1a;border-radius:1em;padding:.85em 1em}.vd-composer textarea{display:block;width:100%;resize:none;background:none;border:0;color:#fafafa;outline:0;min-height:3.6em;font-size:1em;line-height:1.5}.vd-composer-footer{display:flex;align-items:center;gap:.45em;margin-top:.7em}.v-demo select{border:1px solid #ffffff12;border-radius:.5em;padding:.3em .45em;background:#202020;color:silver;max-width:100%;font-size:.83em}.vd-composer-footer button{font-size:.84em}.vd-composer-spacer{flex:1}.vd-composer-footer small{font-size:.7em;white-space:nowrap}.vd-composer-footer .vd-send{background:#d5d5d5;color:#111;border-radius:50%;padding:.5em}.vd-overview{flex:1;min-width:0;overflow:auto;padding:3.5em 2.5em;border:1px solid #ffffff14;border-radius:1em;background:#141414}.vd-overline{font-size:.75em;letter-spacing:.14em;color:#858585}.vd-overview h3{font-size:2.4em;letter-spacing:-.04em;margin:.5em 0}.vd-overview>p{color:#a1a1a1;line-height:1.7}.vd-overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:1em;margin-top:2.5em}.vd-overview .vd-overview-card{display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:1.5em;background:#1b1b1b;border:1px solid #ffffff0b;min-height:10em}.vd-overview-card>.vd-icon:first-child{color:#a1a1a1;margin-bottom:.8em}.vd-overview-card b{color:#e5e5e5;font-weight:500}.vd-overview-card small{font-size:.8em}.vd-overview-card>.vd-icon:last-child{transform:rotate(180deg);align-self:flex-end;margin-top:auto}.vd-stats{display:grid;grid-template-columns:repeat(3,1fr);margin-top:3em;gap:1em}.vd-stats>div{border-top:1px solid #ffffff14;padding-top:1.5em}.vd-stats b,.vd-stats small{display:block}.vd-stats b{font-size:2em;font-weight:500}.vd-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.2em;height:100%;text-align:center;padding:2em;color:#a1a1a1}.vd-empty>.vd-icon{width:3em;height:3em}.vd-empty h3{font-size:1.5em;color:#ddd}.vd-popup-shade{position:absolute;inset:3.077em 0 0;background:#0007;z-index:40;display:flex;align-items:flex-start;justify-content:center;padding:4em 1.5em;overflow:auto}.vd-popup{width:min(36em,100%);background:#1a1a1a;border:1px solid #ffffff24;border-radius:1.1em;box-shadow:0 24px 80px #0008;overflow:hidden;animation:vd-appear .14s ease-out}.vd-popup>header{display:flex;align-items:center;justify-content:space-between;padding:1.1em 1.4em;border-bottom:1px solid #ffffff0c}.vd-popup>header b{font-size:1.05em;font-weight:600}.vd-popup-content{padding:1.2em 1.4em}.vd-popup-content>p{color:#a1a1a1;font-size:.92em;line-height:1.7;margin-bottom:1em}.vd-popup-content .vd-menu-item{display:flex;justify-content:flex-start;text-align:left;width:100%;padding:.95em .75em;gap:.85em;font-size:.95em}.vd-popup-content .vd-menu-item:hover{background:#ffffff0c}.vd-theme-swatch{display:flex;align-items:center;gap:1em;padding:1em;background:#101010;border:1px solid #ffffff14;border-radius:.6em;margin-bottom:1em}.vd-theme-swatch i{width:3em;height:2.4em;border:1px solid #555;border-radius:.35em;background:linear-gradient(135deg,#333,#121212)}.vd-theme-swatch>span{flex:1}.vd-theme-swatch b,.vd-theme-swatch small{display:block}.vd-theme-swatch small{margin-top:.3em}.vd-setting-row{display:flex;justify-content:space-between;align-items:center;padding:1em .5em;color:#aaa}.vd-notification{display:flex;gap:1em;padding:.5em 0 1.5em}.vd-notification>.vd-icon{color:#7fd99a;margin-top:.2em}.vd-notification p{margin-top:.6em;color:#a1a1a1;line-height:1.65}.v-demo .vd-primary{display:inline-flex;color:#111;background:#ddd;border:1px solid #eee;padding:.75em 1.2em;border-radius:.6em;font-size:.9em;font-weight:600}.v-demo .vd-primary:hover{background:#fff;color:#000}.vd-search-input,.vd-create-label input{display:block;width:100%;border:1px solid #ffffff20;color:#fafafa;background:#121212;border-radius:.6em;padding:1em;font-size:1em;outline:0;margin-bottom:1em}.vd-vibe-card{text-align:center;padding:.5em 1em 1.5em}.vd-vibe-card>.vd-icon{margin:0 auto 1em;width:2em;height:2em;color:#aab7c9}.vd-vibe-card h4{font-size:1.5em;margin-bottom:.5em}.vd-vibe-card p{color:#a1a1a1}.vd-file-meta{display:flex;gap:.7em;font-family:Consolas,monospace;font-size:.85em;margin-bottom:1.2em}.vd-file-meta>span:first-child{flex:1;color:#a1a1a1}.vd-code-diff{background:#101010;padding:1em;border-radius:.6em;font-family:Consolas,monospace;font-size:.85em;line-height:1.9;white-space:pre-wrap;margin-bottom:1.4em!important;overflow-wrap:anywhere}.vd-instructions b{font-size:.9em}.vd-instructions p{color:#a1a1a1;font-size:.92em;line-height:1.7;margin:.5em 0 1.5em}.vd-create-label{display:block;color:#aaa}.vd-create-label input{margin-top:.8em}.vd-popup form>p{font-size:.85em;color:#858585;margin-bottom:1.5em}.vd-toast{position:absolute;bottom:1.5em;left:50%;transform:translate(-50%);max-width:85%;z-index:50;padding:.8em 1.3em;border:1px solid #ffffff24;border-radius:.75em;background:#272727;box-shadow:0 10px 40px #0009;color:#e5e5e5;font-size:.9em;text-align:center;pointer-events:none}.vd-caption{text-align:center;font-size:11px!important;color:#858585!important;line-height:1.6;margin:14px 0 0!important}.v-demo.vd-expanded{position:fixed;inset:16px;z-index:500;max-width:none;width:auto;margin:0;padding:0 18px 12px;background:#090909;border:1px solid #ffffff29;border-radius:15px;container-type:inline-size;display:flex;flex-direction:column;box-shadow:0 0 0 100vmax #000c}.vd-expanded .vd-viewport{aspect-ratio:auto;max-height:none;flex:1;min-height:0;max-width:1480px;margin:0 auto}.vd-expanded .vd-app{font-size:13px}.vd-expanded .vd-toolbar,.vd-expanded .vd-caption{flex:none}.vd-expanded .vd-popup-shade{padding-top:3em}@keyframes vd-pulse{to{opacity:.35}}@keyframes vd-appear{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@container (max-width:900px){.vd-limits,.vd-title-left strong{display:none}.vd-project-title{font-size:.9em;margin-left:.3em}.vd-sidebar{width:21%}.vd-search kbd,.vd-pane-actions button:first-child{display:none}.vd-titlebar{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.vd-title-right>.vd-orb{display:none}.vd-site-hero{padding-top:2.5em}.vd-account small{font-size:.64em}.vd-terminal-scroll{font-size:10px}.vd-composer-footer small{display:none}}@container (max-width:620px){.vd-toolbar{font-size:11px;height:44px}.vd-toolbar small{display:none}.vd-toolbar button{font-size:11px;padding:6px}.vd-viewport{aspect-ratio:auto;height:580px}.vd-app{font-size:12px}.vd-titlebar{height:44px;padding:0 7px;gap:5px;grid-template-columns:auto 1fr auto}.vd-title-left strong,.vd-project-title,.vd-limits,.vd-title-right>button:not(.vd-add){display:none}.vd-title-right .vd-add span{display:none}.vd-title-right .vd-add{padding:7px}.vd-modes{justify-self:center}.vd-modes button{padding:.4em .85em}.vd-body{padding:0 7px 7px;gap:7px}.vd-sidebar{display:none}.vd-app:not(.vd-sidebar-hidden).vd-mobile-sidebar .vd-sidebar{display:flex;position:absolute;top:44px;bottom:7px;left:7px;width:220px;z-index:30;box-shadow:15px 0 40px #000b}.vd-mobile-tabs{display:flex;gap:5px;margin-bottom:7px;flex:none}.vd-mobile-tabs button{flex:1;min-height:33px;font-size:11px}.vd-mobile-tabs .vd-icon{width:12px}.vd-panels,.vd-columns .vd-panels{display:block;position:relative;flex:1;min-height:0}.vd-terminal-stack,.vd-columns .vd-terminal-stack{display:contents}.vd-pane{display:none;position:absolute;inset:0;width:100%;height:100%;border-radius:10px}.vd-pane.vd-mobile-active,.vd-max .vd-pane{display:flex}.vd-resizer{display:none}.vd-pane-head{height:34px;font-size:11px}.vd-pane-actions button{min-height:28px;min-width:28px}.vd-pane-actions button:first-child{display:inline-flex}.vd-terminal-scroll{font-size:12px;padding:14px;line-height:1.75}.vd-terminal-bottom{padding:6px 13px 10px}.vd-suggestions button{min-height:30px;font-size:10px}.vd-terminal-form input{min-height:30px;font-size:12px}.vd-browser-bar{height:40px}.vd-browser-bar button{min-height:28px;min-width:26px}.vd-site-nav{padding:15px}.vd-site-hero{padding:26px 18px}.vd-site-hero h3{font-size:30px}.vd-site-card{margin-top:24px}.vd-chat-head{padding:12px}.vd-chat-head b{font-size:12px}.vd-chat-tabs{padding:0 9px}.vd-chat-tabs button{font-size:10px;min-height:34px}.vd-transcript{padding:18px 13px;font-size:12px}.vd-chat-bottom{padding:7px 10px 10px}.vd-composer-footer{gap:3px;flex-wrap:wrap}.vd-composer-footer select{font-size:10px;min-height:28px}.vd-composer-footer small{display:none}.vd-composer-footer button{min-height:28px}.vd-overview{padding:25px 15px}.vd-overview h3{font-size:25px}.vd-overview-grid{gap:8px}.vd-overview .vd-overview-card{padding:12px;font-size:11px}.vd-popup-shade{top:44px;padding:15px 10px}.vd-popup{width:100%}.vd-popup-content{padding:12px}.vd-popup-content .vd-menu-item{min-height:40px}.vd-toast{font-size:11px}.vd-caption{font-size:10px!important;padding:0 10px}.v-demo.vd-expanded{inset:6px;padding:0 8px 8px}.vd-expanded .vd-app{font-size:12px}.vd-canvas .vd-panels{padding:0}}@media(prefers-reduced-motion:reduce){.v-demo *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.v-demo .vd-mark{width:1.15em;height:1.15em;display:inline-block;vertical-align:middle;flex:none}.vd-limits .vd-mark{width:1.2em;height:1.2em}.v-demo .vd-pane-links .vd-mark{font-size:1em;width:1.15em;height:1.15em}.v-demo .launch{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:safe center;gap:22px;padding:40px 24px;overflow:auto}.v-demo .launch>*{flex-shrink:0}.v-demo .launch-hero{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;max-width:520px}.v-demo .launch-mark{display:flex;align-items:center;gap:8px;margin-bottom:6px}.v-demo .launch-title{font-size:22px;font-weight:600;letter-spacing:-.025em;color:var(--ink)}.v-demo .launch-folder{color:var(--accent)}.v-demo .launch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;width:min(760px,100%);min-inline-size:0;margin:0;padding:0;border:0}.v-demo .launch-directory{width:min(760px,100%);padding:16px;border:1px solid var(--block-stroke);border-radius:var(--r-card);background:var(--block)}.v-demo .launch-directory-current{display:flex;align-items:center;gap:12px}.v-demo .launch-directory-current>svg{flex-shrink:0;color:var(--ink-2)}.v-demo .launch-directory-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}.v-demo .launch-directory-label,.v-demo .launch-library-heading{color:var(--ink);font-size:13px;font-weight:600}.v-demo .launch-directory-path{color:var(--ink-2);font-size:12px;overflow-wrap:anywhere;user-select:text}.v-demo .launch-directory-button{flex-shrink:0;padding:8px 12px;border:1px solid var(--panel-stroke);border-radius:var(--r-row);background:var(--chip);color:var(--ink);font:inherit;font-size:12px;cursor:pointer}.v-demo .launch-directory-button:hover:not(:disabled){background:var(--hover)}.v-demo .launch-directory-hint{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin-top:12px;font-size:12px;color:var(--ink-2)}.v-demo .launch-directory-link{border:0;background:none;padding:3px 0;color:var(--accent);font:inherit;font-size:12px;cursor:pointer}.v-demo .launch-directory-link:hover{text-decoration:underline}.v-demo .launch-recent{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:12px;color:var(--ink-2);font-size:12px}.v-demo .launch-recent>span{margin-right:3px}.v-demo .launch-recent button{max-width:100%;border:1px solid var(--block-stroke);border-radius:var(--r-row);padding:5px 9px;background:var(--chip);color:var(--ink-2);font:inherit;cursor:pointer;overflow-wrap:anywhere}.v-demo .launch-recent button:hover{background:var(--hover);color:var(--ink)}.v-demo .launch-recent small{display:block;font-size:10px}.v-demo .launch-directory-browser{margin-top:14px;padding-top:14px;border-top:1px solid var(--block-stroke)}.v-demo .launch-path-form{display:flex;gap:8px;margin-bottom:16px}.v-demo .launch-path-form input{flex:1;min-width:0;border:1px solid var(--panel-stroke);border-radius:var(--r-row);padding:8px 10px;background:var(--bg);color:var(--ink);font:inherit;font-size:12px}.v-demo .launch-library-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.v-demo .launch-library-folders{display:grid;gap:4px;margin-top:10px;max-height:160px;overflow:auto;font-size:12px;color:var(--ink-2)}.v-demo .launch-library-folders button{display:flex;gap:8px;align-items:center;border:0;border-radius:var(--r-row);padding:8px;background:none;color:var(--ink);font:inherit;text-align:left;overflow-wrap:anywhere;cursor:pointer}.v-demo .launch-library-folders button svg{flex-shrink:0}.v-demo .launch-library-folders button:hover{background:var(--hover)}.v-demo .launch-directory-error{display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin-top:12px;color:var(--danger);font-size:12px;overflow-wrap:anywhere}.v-demo .launch button:focus-visible,.v-demo .launch input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.v-demo .launch button:disabled{opacity:.5;cursor:default}@container (max-width: 620px){.v-demo .launch{padding:24px 16px}.v-demo .launch-directory-current{flex-wrap:wrap}.v-demo .launch-directory-info{flex-basis:calc(100% - 36px)}.v-demo .launch-directory-current>button{width:100%}.v-demo .launch-title{font-size:20px}}.v-demo .launch-card{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-height:68px;padding:12px 12px 10px;border:none;border-radius:var(--r-card);background:var(--block);box-shadow:inset 0 0 0 1px var(--block-stroke);color:var(--ink);font:inherit;text-align:left;cursor:pointer;transition:background var(--ui-motion),box-shadow var(--ui-motion),transform var(--ui-motion)}.v-demo .launch-card:hover{background:var(--hover);box-shadow:inset 0 0 0 1px var(--panel-stroke)}.v-demo .launch-card:active{transform:translateY(1px)}.v-demo .launch-card.missing,.v-demo .launch-card.unknown{color:var(--ink-3)}.v-demo .launch-card.missing .launch-glyph,.v-demo .launch-card.unknown .launch-glyph{color:var(--ink-3)!important;opacity:.6}.v-demo .launch-glyph{font-size:16px;line-height:1;display:inline-flex;align-items:center;color:var(--ink-2);margin-bottom:4px}.v-demo .launch-name{font-size:13px;font-weight:600;letter-spacing:-.01em}.v-demo .launch-foot{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:center}.v-demo .launch-recheck{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 12px;border:none;border-radius:var(--r-row);background:var(--chip);color:var(--ink-2);font:inherit;font-size:12px;cursor:pointer}.v-demo .launch-recheck:hover:not(:disabled){background:var(--selected);color:var(--ink)}.v-demo .launch-recheck:disabled{opacity:.6;cursor:default}.v-demo .vd-launch-workspace{position:relative;flex:1;min-width:0;min-height:0;--bg:#0a0a0a;--ink:#fafafa;--ink-2:#a1a1a1;--ink-3:#858585;--accent:#5c8fff;--block:#ffffff0a;--block-stroke:#ffffff14;--panel-stroke:#ffffff1a;--chip:#ffffff0f;--hover:#ffffff0d;--selected:#ffffff1a;--r-card:10px;--r-row:7px;--ui-motion:.12s}.v-demo .launch-grid .launch-card{justify-content:flex-start;align-items:flex-start;min-width:0}.v-demo .launch-glyph .vd-mark,.v-demo .launch-glyph .vd-icon{width:16px;height:16px;font-size:16px}.v-demo .launch-directory-current>.vd-icon{width:20px;height:20px}.v-demo .launch-title{margin:0}.v-demo .launch-library-folders .vd-icon{width:14px;height:14px}.v-demo [data-pull-agent]{touch-action:none;user-select:none}.v-demo .vd-pull-meter{position:absolute;z-index:35;pointer-events:none;display:flex;flex-direction:column;align-items:center;width:36px}.v-demo .vd-pull-line{width:3px;border-radius:2px;background:linear-gradient(#bd8aff,#7b88f5,#37c8dc)}.v-demo .vd-pull-meter strong{display:grid;place-items:center;min-width:34px;height:34px;border:1px solid #ffffff24;border-radius:8px;background:#202020;font-size:16px;box-shadow:0 4px 12px #0008}.v-demo .vd-workspace-grid{display:flex;flex-direction:column;gap:6px;flex:1;min-height:0}.v-demo .vd-workspace-grid-row{display:flex;gap:6px;flex-basis:0;min-height:0}.v-demo .vd-workspace-grid-row>.vd-pane{flex:1;min-width:0;width:0}.v-demo .vd-file-tree{padding:20px;color:#aaa;overflow:auto}.v-demo .vd-file-tree p{display:flex;align-items:center;gap:8px;margin-top:14px}@container (max-width:620px){.v-demo .launch{gap:18px;padding:24px 16px}.v-demo .launch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v-demo .launch-card{padding:12px 10px}.v-demo .launch-name{font-size:12px}.v-demo .vd-workspace-grid{position:relative}.v-demo .vd-workspace-grid-row{display:contents}.v-demo .vd-workspace-grid-row>.vd-pane{width:100%}.v-demo .vd-mobile-tabs{overflow-x:auto}.v-demo .vd-mobile-tabs button{flex:none;padding:4px 10px}}