.vz-stage{--vz-win:color-mix(in oklab, var(--surface) 97%, var(--bg));--vz-edge:color-mix(in oklab, var(--border) 80%, var(--text) 20%);--vz-side:color-mix(in oklab, var(--surface-2) 70%, var(--surface));--vz-fs:10.5px;min-width:0;padding:18px 4px 6px;position:relative;overflow-x:clip}.vz-scene{min-height:330px;position:relative}.vz-win{border:1px solid var(--vz-edge);background:var(--vz-win);font:500 var(--vz-fs) / 1.5 var(--font-mono,ui-monospace, monospace);color:var(--text-muted);box-shadow:0 40px 70px -40px color-mix(in srgb, var(--text) 55%, transparent), 0 0 0 1px color-mix(in srgb, var(--bg) 40%, transparent) inset;border-radius:12px;position:absolute;overflow:hidden}.vz-bar{border-bottom:1px solid var(--border);background:color-mix(in oklab, var(--surface-2) 75%, transparent);height:24px;color:var(--text-subtle);align-items:center;gap:5px;padding:0 9px;font-size:.92em;display:flex}.vz-bar>i{background:var(--border);border-radius:999px;width:7px;height:7px}.vz-bar>i:first-child{background:color-mix(in srgb, var(--danger) 70%, var(--border))}.vz-bar>i:nth-child(2){background:color-mix(in srgb, var(--warning) 70%, var(--border))}.vz-bar>i:nth-child(3){background:color-mix(in srgb, var(--success) 70%, var(--border))}.vz-bar span{text-overflow:ellipsis;white-space:nowrap;min-width:0;margin-left:6px;overflow:hidden}.vz-url span{background:var(--surface);border:1px solid var(--border);border-radius:999px;flex:1;padding:1px 8px}.vz-code{top:0;left:0;right:0}.vz-body{grid-template-columns:26px minmax(0,.95fr) minmax(0,2fr);min-height:236px;display:grid}.vz-act{border-right:1px solid var(--border);background:color-mix(in oklab, var(--surface-2) 55%, transparent);color:var(--text-subtle);align-content:start;justify-items:center;gap:11px;padding:9px 0;display:grid}.vz-act svg{width:13px;height:13px}.vz-act span{display:grid;position:relative}.vz-act span i{background:var(--surface-2);min-width:11px;height:11px;color:var(--text-muted);box-shadow:0 0 0 1px var(--border);font:700 7.5px/11px var(--font-sans,system-ui);text-align:center;border-radius:999px;padding:0 2px;font-style:normal;position:absolute;bottom:-5px;right:-6px}.vz-act .is-on{color:var(--accent-ink)}.vz-act .is-on:before{content:"";background:var(--accent);border-radius:2px;width:2px;position:absolute;top:-2px;bottom:-2px;left:-7px}.vz-side{border-right:1px solid var(--border);background:var(--vz-side);min-width:0;padding:7px 0 8px}.vz-side p{white-space:nowrap;text-overflow:ellipsis;margin:0;padding:0 8px;overflow:hidden}.vz-side-h{letter-spacing:.08em;color:var(--text-subtle);font-size:.86em;margin-bottom:3px!important}.vz-sec{letter-spacing:.05em;color:var(--text-subtle);font-size:.82em;font-weight:700;margin-top:5px!important}.vz-row{height:19px;color:var(--text);align-items:center;gap:5px;display:flex}.vz-row em{text-overflow:ellipsis;min-width:0;color:var(--text-subtle);margin-left:auto;font-size:.9em;font-style:normal;overflow:hidden}.vz-row em.is-follow{color:var(--accent-ink);align-items:center;gap:3px;display:inline-flex}.vz-row svg{flex:none;width:10px;height:10px}.vz-status-row{font-weight:600}.vz-play{color:var(--success)}.vz-av,.vz-badge{background:linear-gradient(140deg, hsl(var(--h) 66% 54%), hsl(calc(var(--h) + 28) 60% 42%));color:#fff;width:14px;height:14px;font:700 6.5px/1 var(--font-sans,system-ui);border-radius:999px;flex:none;place-items:center;font-style:normal;display:inline-grid}.vz-live{background:var(--success);width:6px;height:6px;box-shadow:0 0 0 3px color-mix(in srgb, var(--success) 22%, transparent);border-radius:999px;flex:none}.vz-main{flex-direction:column;min-width:0;display:flex}.vz-tabs{border-bottom:1px solid var(--border);background:color-mix(in oklab, var(--surface-2) 45%, transparent);display:flex}.vz-tabs span{border-right:1px solid var(--border);color:var(--text-subtle);white-space:nowrap;align-items:center;gap:5px;padding:4px 9px;display:inline-flex}.vz-tabs .is-on{background:var(--vz-win);color:var(--text);box-shadow:inset 0 1px 0 var(--accent)}.vz-editor{flex:1;min-width:0;padding:6px 30px 6px 4px;position:relative}.vz-codebody{display:grid}.vz-ln{white-space:pre;gap:8px;margin:0;display:flex;overflow:hidden}.vz-ln u{text-align:right;width:1.3em;color:color-mix(in oklab, var(--text-subtle) 65%, transparent);flex:none;text-decoration:none}.vz-ln span{min-width:0;color:var(--text);position:relative}.vz-ln b{font-weight:500}.vz-ln .t-kw{color:var(--accent-ink)}.vz-ln .t-fn{color:color-mix(in srgb, var(--warning) 75%, var(--text))}.vz-ln .t-str{color:color-mix(in srgb, var(--success) 80%, var(--text))}.vz-ln .t-num{color:color-mix(in srgb, var(--danger) 65%, var(--text))}.vz-ln .t-cm{color:var(--text-subtle);font-style:italic}.vz-blame{color:color-mix(in oklab, var(--text-subtle) 75%, transparent);margin-left:2.2em;font-style:italic}.vz-mask{background:var(--vz-win);transform-origin:100%;position:absolute;inset:0 -2px;transform:scaleX(0)}.vz-caret{background:hsl(var(--h) 70% 52%);border-radius:1px;width:2px;height:1.5em;position:absolute;top:calc(6px + 9em);left:calc(12px + 1.3em + 34ch)}.vz-caret em{background:hsl(var(--h) 70% 52%);color:#fff;font:600 8.5px/1.5 var(--font-sans,system-ui);white-space:nowrap;border-radius:3px 3px 3px 0;padding:0 4px;font-style:normal;position:absolute;bottom:100%;left:0}.vz-caret-you,.vz-caret-you-here{top:calc(6px + 3em);left:calc(12px + 1.3em + 28ch)}.vz-gutter-comment{background:var(--accent);border-radius:3px 3px 3px 0;width:.9em;height:.75em;position:absolute;top:calc(6px + 3.3em);left:2px}.vz-minimap{gap:3px;width:18px;display:grid;position:absolute;top:6px;right:6px}.vz-minimap i{background:color-mix(in oklab, var(--text-subtle) 35%, transparent);border-radius:2px;height:3px}.vz-minimap i:nth-child(2n){width:70%}.vz-minimap i:nth-child(3){background:color-mix(in srgb, var(--accent) 55%, transparent)}.vz-panel{border-top:1px solid var(--border);background:color-mix(in oklab, var(--surface-2) 30%, transparent)}.vz-panel-tabs{letter-spacing:.04em;color:var(--text-subtle);gap:10px;padding:3px 9px 0;font-size:.82em;display:flex}.vz-panel-tabs span{padding-bottom:2px}.vz-panel-tabs .is-on{color:var(--text);box-shadow:inset 0 -1.5px 0 var(--accent)}.vz-chat{align-items:flex-start;gap:6px;padding:6px 9px 8px;display:flex}.vz-chat p{border:1px solid var(--border);background:var(--surface);color:var(--text);font-family:var(--font-sans,system-ui);white-space:nowrap;text-overflow:ellipsis;border-radius:3px 10px 10px;margin:0;padding:4px 8px;overflow:hidden}.vz-dots{vertical-align:middle;background:radial-gradient(circle, var(--text-subtle) 1.5px, transparent 2px) 0 0 / 5px 4px repeat-x;width:14px;height:4px;margin-left:3px;display:inline-block}.vz-statusbar{background:color-mix(in srgb, var(--accent) 22%, var(--surface));color:var(--text);white-space:nowrap;align-items:center;gap:10px;padding:2px 9px;font-size:.9em;display:flex;overflow:hidden}.vz-statusbar span{align-items:center;gap:4px;display:inline-flex}.vz-statusbar svg{width:10px;height:10px}.vz-synced{color:var(--success)}.vz-sb-right{margin-left:auto}.vz-web{display:none}.vz-webbody{grid-template-columns:70px minmax(0,1fr);min-height:150px;display:grid}.vz-webtree{border-right:1px solid var(--border);background:var(--vz-side);padding:7px 0}.vz-webtree p{color:var(--text-subtle);margin:0;padding:1px 8px}.vz-webtree .is-on{color:var(--text);background:color-mix(in srgb, var(--accent) 14%, transparent)}.vz-toast{border:1px solid var(--vz-edge);background:var(--surface);max-width:78%;color:var(--text);font:500 10.5px/1.35 var(--font-sans,system-ui);box-shadow:0 18px 40px -18px color-mix(in srgb, var(--text) 55%, transparent);border-radius:10px;align-items:center;gap:7px;padding:6px 10px;display:flex;position:absolute;top:-14px;right:4%}.vz-toast svg{width:13px;height:13px;color:var(--accent-ink);flex:none}.vz-toast p{text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;overflow:hidden}.vz-toast span{background:var(--accent);color:var(--accent-fg);border-radius:6px;flex:none;padding:2px 7px;font-weight:600}.vz-pr{display:none}.vz-phone{border:3px solid color-mix(in oklab, var(--text) 82%, var(--bg));background:radial-gradient(120% 70% at 30% 0%, color-mix(in srgb, var(--accent) 30%, var(--surface)), var(--surface) 70%);width:104px;height:196px;box-shadow:0 30px 60px -28px color-mix(in srgb, var(--text) 60%, transparent);font:500 9px/1.35 var(--font-sans,system-ui);color:var(--text);border-radius:20px;padding:18px 7px 8px;position:absolute;bottom:-28px;right:-2px}.vz-notch{background:color-mix(in oklab, var(--text) 82%, var(--bg));border-radius:999px;width:34px;height:8px;margin-left:-17px;position:absolute;top:5px;left:50%}.vz-ph-time{text-align:center;letter-spacing:-.02em;margin:4px 0 8px;font-size:19px;font-weight:650}.vz-ph-card{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 92%, transparent);border-radius:10px;padding:7px}.vz-ph-card p{margin:0}.vz-ph-app{color:var(--text-subtle);letter-spacing:.04em;align-items:center;gap:3px;font-size:7.5px;display:flex}.vz-ph-app svg{width:9px;height:9px}.vz-ph-title{font-weight:700;margin-top:3px!important}.vz-ph-file{color:var(--text-muted)}.vz-ph-btn{background:var(--accent);color:var(--accent-fg);text-align:center;border-radius:6px;margin-top:6px;padding:3px 0;font-weight:650;display:block}.vz-hub,.vz-beam,.vz-floor{display:none}.vz-num{background:var(--accent);width:16px;height:16px;color:var(--accent-fg);font:700 9.5px/1 var(--font-sans,system-ui);border-radius:999px;flex:none;place-items:center;margin-left:auto;display:grid}.vz-phone .vz-num{position:absolute;top:-8px;left:-8px}.vz-key{color:var(--text-muted);flex-wrap:wrap;gap:6px 14px;margin:42px 0 0;padding:0;font-size:12px;list-style:none;display:flex}.vz-key b{background:var(--accent);width:16px;height:16px;color:var(--accent-fg);border-radius:999px;place-items:center;margin-right:4px;font-size:9.5px;display:inline-grid}@media (max-width:1023px){.vz-stage{--vz-fs:9px;perspective:1100px}.vz-scene{transform-style:preserve-3d;height:300px;min-height:0;transform:rotateX(7deg)rotateY(-8deg)}.vz-code{transform:translateZ(0)}.vz-body{grid-template-columns:22px minmax(0,.9fr) minmax(0,1.7fr);min-height:222px}.vz-blame,.vz-minimap,.vz-caret em,.vz-statusbar .vz-sb-run,.vz-statusbar .vz-sb-right{display:none}.vz-phone{right:10px;transform:translateZ(60px)rotateY(-6deg)}.vz-toast{transform:translateZ(40px)}}@media (max-width:480px){.vz-scene{height:286px}.vz-side .vz-row em{display:none}.vz-side .vz-row em.is-follow{display:inline-flex}.vz-panel-tabs span:nth-child(n+3){display:none}}@media (min-width:1024px){.vz-stage{--vz-fs:10.5px;perspective:1800px;perspective-origin:50% 28%;padding-top:28px;overflow:visible}.vz-num,.vz-key{display:none}.vz-scene{height:520px;transform-style:preserve-3d;animation:vz-float 11s var(--ease-in-out-quint,ease-in-out) infinite alternate;transform:rotateX(14deg)rotateY(-14deg)}.vz-floor{border:1px solid var(--border);background:radial-gradient(55% 60% at 50% 35%, color-mix(in srgb, var(--accent) 16%, transparent), transparent 72%), repeating-linear-gradient(90deg, color-mix(in oklab, var(--border) 55%, transparent) 0 1px, transparent 1px 30px), repeating-linear-gradient(0deg, color-mix(in oklab, var(--border) 40%, transparent) 0 1px, transparent 1px 30px), color-mix(in oklab, var(--surface) 72%, transparent);transform-origin:50% 0;border-radius:34px;height:280px;display:block;position:absolute;top:380px;left:-6%;right:-6%;transform:rotateX(90deg)translateZ(-30px)}.vz-code{width:80%;top:52px;left:0;right:auto;transform:translateZ(60px)rotateY(9deg)}.vz-web{width:56%;display:block;top:0;right:-6%;transform:translateZ(-140px)rotateY(-12deg)}.vz-phone{border-radius:26px;width:128px;height:244px;padding:22px 9px 10px;font-size:10.5px;bottom:26px;right:0;transform:translateZ(190px)rotateY(-16deg)rotateX(4deg)}.vz-ph-time{font-size:24px}.vz-toast{max-width:330px;animation:vz-toast 8s var(--ease-out-quint,ease-out) infinite;top:20px;right:12%;transform:translateZ(220px)}.vz-pr{border:1px solid var(--vz-edge);background:var(--surface);color:var(--text);font:500 11px/1.35 var(--font-sans,system-ui);box-shadow:0 22px 44px -22px color-mix(in srgb, var(--text) 55%, transparent);border-radius:12px;align-items:center;gap:8px;padding:8px 11px;display:flex;position:absolute;bottom:34px;left:-5%;transform:translateZ(240px)rotateY(8deg)}.vz-pr>svg{width:16px;height:16px;color:var(--accent-ink)}.vz-pr p{margin:0;display:grid}.vz-pr em{color:var(--success);align-items:center;gap:3px;font-style:normal;display:inline-flex}.vz-pr em svg{width:11px;height:11px}.vz-hub{place-items:center;width:92px;height:92px;display:grid;position:absolute;top:300px;left:74%;transform:translateZ(-30px)}.vz-core{background:conic-gradient(from 200deg, var(--accent), var(--accent-ink), var(--accent));width:30px;height:30px;box-shadow:0 0 0 7px color-mix(in srgb, var(--accent) 18%, transparent), 0 0 40px color-mix(in srgb, var(--accent) 45%, transparent);border-radius:999px}.vz-ring{border:1.5px dashed color-mix(in srgb, var(--accent) 45%, transparent);border-radius:999px;position:absolute;inset:0}.vz-ring-a{animation:16s linear infinite vz-spin}.vz-ring-b{border-style:solid;border-color:color-mix(in srgb, var(--accent) 30%, transparent) transparent;animation:9s linear infinite reverse vz-spin;inset:14px}.vz-beam{background:linear-gradient(90deg, color-mix(in srgb, var(--accent) 10%, transparent), color-mix(in srgb, var(--accent) 65%, transparent), color-mix(in srgb, var(--accent) 10%, transparent));transform-origin:0;border-radius:2px;height:2px;display:block;position:absolute}.vz-beam span{background:var(--accent);width:8px;height:8px;box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 22%, transparent);animation:vz-packet 3.2s var(--ease-in-out-quint,ease-in-out) infinite;border-radius:999px;position:absolute;top:-3px;left:0}.vz-beam-a{width:70px;top:400px;left:82%;transform:translateZ(80px)rotate(-120deg)}.vz-beam-b{width:120px;top:330px;left:60%;transform:translateZ(10px)rotate(180deg)}.vz-beam-b span{animation-delay:1.1s}.vz-beam-c{width:140px;top:310px;left:80%;transform:translateZ(-80px)rotate(-70deg)}.vz-beam-c span{animation-delay:2s}.vz-web .vz-mask{animation:7s steps(33,end) infinite vz-type}.vz-code .vz-mask{animation:7s steps(33,end) .4s infinite vz-type}.vz-caret-asha{animation:7s steps(33,end) infinite vz-caret}.vz-code .vz-caret-asha{animation-delay:.4s}.vz-caret-you-here{animation:1.1s step-end infinite vz-blink}.vz-synced svg{animation:vz-pop 7s var(--ease-out-quint,ease-out) infinite}}@keyframes vz-float{0%{transform:rotateX(14deg)rotateY(-14deg)}to{transform:rotateX(10deg)rotateY(-7deg)}}@keyframes vz-type{0%,10%{transform:scaleX(1)}58%,to{transform:scaleX(0)}}@keyframes vz-caret{0%,10%{transform:translate(-33ch)}58%,to{transform:translate(0)}}@keyframes vz-blink{50%{opacity:0}}@keyframes vz-spin{to{transform:rotate(360deg)}}@keyframes vz-packet{0%{opacity:0;transform:translate(0)scale(.5)}15%,80%{opacity:1}to{transform:translateX(calc(var(--len,110px))) scale(1);opacity:0}}.vz-beam-a span{--len:62px}.vz-beam-b span{--len:112px}.vz-beam-c span{--len:132px}@keyframes vz-toast{0%,6%{opacity:0;transform:translateZ(220px)translateY(10px)scale(.96)}12%,78%{opacity:1;transform:translateZ(220px)translateY(0)scale(1)}88%,to{opacity:0;transform:translateZ(220px)translateY(-6px)scale(.98)}}@keyframes vz-pop{0%,58%{transform:scale(1)}62%{transform:scale(1.35)}70%,to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.vz-scene,.vz-mask,.vz-caret,.vz-ring,.vz-beam span,.vz-toast,.vz-synced svg{animation:none!important}.vz-mask{transform:scaleX(0)}}