.vd{--panel:#ffffffb3;--panel-soft:#ffffff80;--hair:#20543d1a;--hair-soft:#20543d12;--bad:#8c4a40;--bad-wash:#fdedebe6;--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace}.vd-shell{z-index:5;flex-direction:column;gap:clamp(10px,1.4vh,16px);padding:clamp(12px,2vh,22px) clamp(12px,2vw,26px) clamp(12px,2vh,20px);display:flex;position:absolute;inset:0}.vd-top{flex-wrap:wrap;flex:none;align-items:center;gap:clamp(10px,1.6vw,18px);display:flex}.vd .back{flex:none;position:static}.vd-titles{flex-direction:column;gap:.15rem;min-width:0;display:flex}.vd-title{letter-spacing:-.03em;color:var(--ink);margin:0;font:700 clamp(1.05rem,2.1vw,1.5rem)/1 Ubuntu,Inter,sans-serif}.vd-sub{letter-spacing:.26em;text-transform:uppercase;color:var(--ink-soft);opacity:.8;margin:0;font-size:.6rem;font-weight:600}.vd-top-end{flex-wrap:wrap;align-items:center;gap:.5rem;margin-left:auto;display:flex}.vd-pill{background:var(--panel);border:1px solid var(--hair);-webkit-backdrop-filter:blur(10px);color:var(--ink-soft);border-radius:999px;align-items:center;gap:.5rem;padding:.45rem .8rem;font-size:.68rem;font-weight:500;display:flex}.vd-pill .pip{background:var(--mint-2);border-radius:50%;flex:none;width:7px;height:7px;box-shadow:0 0 0 3px #a9dfc347}.vd-pill .pip.bad{background:#e8a29a;box-shadow:0 0 0 3px #e8a29a42}.vd-pill .pip.wait{background:#efd9a0;box-shadow:0 0 0 3px #efd9a047}.vd-pill code{font:400 .66rem/1 var(--mono);color:var(--ink);opacity:.75}.vd-pill-host{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;align-items:center;gap:.35rem;margin:0;padding:0;display:inline-flex}.vd-pill-host:hover code{text-decoration:underline}.vd-pill-tag{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);opacity:.7;background:var(--hair-soft);border-radius:999px;padding:.15em .45em;font-size:.56rem;font-weight:600}.vd-endpoint-edit{background:var(--panel);border:1px solid var(--hair);-webkit-backdrop-filter:blur(10px);border-radius:999px;align-items:center;gap:.4rem;padding:.32rem .4rem .32rem .7rem;display:flex}.vd-endpoint-edit input{border-radius:999px;width:clamp(140px,16vw,210px);padding:.34em .6em;font-size:.68rem}.vd-grid{flex:auto;grid-template-columns:264px minmax(0,1fr) minmax(360px,420px);gap:clamp(10px,1.2vw,16px);min-height:0;display:grid}.vd-col{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#20543d33 transparent;flex-direction:column;gap:.7rem;min-width:0;min-height:0;padding-right:2px;display:flex;overflow-y:auto}.vd-col::-webkit-scrollbar{width:7px}.vd-col::-webkit-scrollbar-thumb{background:#20543d29;border-radius:99px}.vd-card{background:var(--panel);border:1px solid var(--hair-soft);-webkit-backdrop-filter:blur(12px)saturate(1.35);border-radius:16px;flex-direction:column;flex:none;gap:.6rem;padding:clamp(.7rem,1.2vw,.95rem);display:flex;box-shadow:0 10px 30px -24px #20543d80}.vd-card.plain{background:var(--panel-soft);box-shadow:none}form.vd-card{max-width:620px}.vd-h{letter-spacing:.22em;text-transform:uppercase;color:var(--ink-soft);align-items:center;gap:.5rem;font-size:.6rem;font-weight:600;display:flex}.vd-h .count{font:500 .62rem/1 var(--mono);letter-spacing:0;opacity:.7}.vd-h .spacer{margin-left:auto}.vd-note{color:var(--ink-soft);margin:0;font-size:.72rem;line-height:1.55}.vd-note b{color:var(--ink);font-weight:600}.vd-voice{text-align:left;cursor:pointer;width:100%;transition:background .28s var(--ease), border-color .28s var(--ease);background:0 0;border:1px solid #0000;border-radius:13px;flex-direction:column;gap:.4rem;padding:.6rem .7rem;display:flex}.vd-voice:hover{background:#fff9}.vd-voice[aria-pressed=true]{background:linear-gradient(180deg, var(--mint-1), #e6f7eebf);border-color:#469e7438}.vd-voice-name{color:var(--ink);overflow-wrap:anywhere;font:500 .86rem/1.2 Inter,sans-serif}.vd-voice-id{font:400 .62rem/1.3 var(--mono);color:var(--ink-soft);opacity:.8;overflow-wrap:anywhere}.vd-range{flex:none;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));grid-auto-rows:minmax(64px,auto);align-content:start;gap:.6rem;display:grid}.vd-take{background:linear-gradient(180deg, var(--e-wash), #ffffffb8);border:1px solid var(--e-glow);box-shadow:0 8px 22px -20px var(--e-glow);opacity:.9;transition:opacity .3s var(--ease), transform .3s var(--ease), box-shadow .3s var(--ease);border-radius:14px;flex-direction:column;gap:.45rem;padding:.65rem .6rem .6rem;display:flex;position:relative}.vd-take-name{letter-spacing:.1em;text-transform:uppercase;color:var(--ink);overflow-wrap:anywhere;margin:0;font:600 .68rem/1.1 Inter,sans-serif}.vd-spans{flex-wrap:wrap;align-items:stretch;gap:.4rem;display:flex}.vd-span{text-align:left;border:1px solid var(--e-glow);background:linear-gradient(180deg, var(--e-wash), #ffffffb3);cursor:pointer;min-width:120px;transition:transform .25s var(--ease), box-shadow .25s var(--ease);border-radius:11px;flex-direction:column;flex:auto;gap:.25rem;padding:.5rem .6rem;display:flex}.vd-span:hover{box-shadow:0 10px 22px -18px var(--e-glow);transform:translateY(-2px)}.vd-span.bad{background:repeating-linear-gradient(135deg,#c6766c29 0 5px,#ffffffb3 5px 11px);border-style:dashed;border-color:#8c4a408c}.vd-span .head{letter-spacing:.12em;text-transform:uppercase;color:var(--e-edge);align-items:center;gap:.35rem;font:600 .6rem/1 Inter,sans-serif;display:flex}.vd-span.bad .head{color:var(--bad)}.vd-span .head em{letter-spacing:.1em;color:var(--ink-soft);background:#20543d1a;border-radius:4px;padding:.2em .35em;font:600 .5rem/1 Inter,sans-serif}.vd-span .body{color:var(--ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.72rem;line-height:1.45;display:-webkit-box;overflow:hidden}.vd-span .foot{font:400 .58rem/1 var(--mono);color:var(--ink-soft);font-variant-numeric:tabular-nums;margin-top:auto}.vd-btn{border:1px solid var(--hair);cursor:pointer;color:var(--ink);transition:background .28s var(--ease), transform .28s var(--ease), opacity .28s var(--ease);background:#ffffffa8;border-radius:99px;padding:.5em 1em;font:500 .7rem/1 Inter,sans-serif}.vd-btn:hover:not(:disabled){background:#fff;transform:translateY(-1px)}.vd-btn:disabled{opacity:.42;cursor:not-allowed}.vd-btn.primary{background:var(--ink);color:#f4f8f5;border-color:#0000;box-shadow:0 12px 26px -16px #20543db3}.vd-btn.primary:hover:not(:disabled){background:#1a4632}.vd-btn.tiny{padding:.34em .6em;font-size:.62rem}.vd-btn.wide{justify-content:center;width:100%}.vd-btn.danger{background:var(--bad-wash);color:var(--bad);border-color:#c6766c4d}.vd-row{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.vd-row.tight{gap:.3rem}.vd-field{flex-direction:column;gap:.3rem;display:flex}.vd-label{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft);font-size:.6rem;font-weight:600}.vd-field .why{color:var(--ink-soft);opacity:.9;margin:0;font-size:.68rem;line-height:1.5}.vd-alias{color:var(--ink-soft);margin:0;font:400 .68rem/1.4 Inter,sans-serif}.vd-alias b{font-family:var(--mono);color:var(--ink);font-weight:500}.vd-rail-group{letter-spacing:.18em;text-transform:uppercase;color:var(--ink-soft);opacity:.75;margin:.35rem 0 0;font-size:.56rem;font-weight:600}.vd-field input,.vd-field select,.vd-field textarea{font-size:.78rem}.vd-field textarea.prose{min-height:66px;font-family:Inter,sans-serif}.vd-req{color:var(--bad);font-weight:700}.vd-drop{text-align:center;cursor:pointer;transition:background .28s var(--ease), border-color .28s var(--ease);background:#ffffff75;border:1px dashed #20543d3d;border-radius:13px;flex-direction:column;align-items:center;gap:.25rem;padding:.9rem .8rem;display:flex;position:relative}.vd-drop:hover,.vd-drop[data-over="1"]{border-color:var(--mint-2);background:#fff}.vd-drop input[type=file]{opacity:0;cursor:pointer;font-size:0;position:absolute;inset:0}.vd-drop strong{color:var(--ink);overflow-wrap:anywhere;font:500 .76rem/1.3 Inter,sans-serif}.vd-drop small{font:400 .64rem/1.4 var(--mono);color:var(--ink-soft)}.vd-tagbox{border:1px solid var(--hair);transition:border-color .3s var(--ease), box-shadow .3s var(--ease);background:#ffffffb8;border-radius:13px;position:relative;overflow:hidden}.vd-tagbox:focus-within{border-color:var(--mint-2);box-shadow:0 0 0 3px #a9dfc366}.vd-tagbox .mirror,.vd-tagbox textarea{font:400 .8rem/1.7 var(--mono);letter-spacing:0;white-space:pre-wrap;overflow-wrap:break-word;word-break:break-word;border:0;margin:0;padding:.7rem .8rem}.vd-tagbox .mirror{color:#0000;pointer-events:none;position:absolute;inset:0;overflow:hidden}.vd-tagbox textarea{width:100%;min-height:clamp(120px,20vh,260px);max-height:40vh;color:var(--ink);resize:vertical;scrollbar-width:none;-ms-overflow-style:none;background:0 0;outline:none;display:block;position:relative}.vd-tagbox textarea::-webkit-scrollbar{width:0;height:0;display:none}.vd-tagbox textarea:focus{box-shadow:none;background:0 0;border:0}.vd-tag{background:var(--e-wash);box-shadow:inset 0 0 0 1px var(--e-body);color:#0000;border-radius:5px}.vd-tag.bad{background:repeating-linear-gradient(135deg,#c6766c29 0 3px,#ffffffb3 3px 7px);box-shadow:inset 0 0 0 1px #8c4a408c}.vd-meta{font:400 .66rem/1.4 var(--mono);color:var(--ink-soft);font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.vd-meta .warn{color:var(--bad)}.vd-meta .spacer{margin-left:auto}.vd-wait-head{color:var(--ink-soft);align-items:baseline;gap:.5rem;font-size:.68rem;display:flex}.vd-wait-head .clock{font:500 .84rem/1 var(--mono);color:var(--ink);font-variant-numeric:tabular-nums;margin-left:auto}.vd-wave{border:1px solid var(--hair-soft);cursor:pointer;touch-action:none;background:#ffffff80;border-radius:10px;width:100%;height:76px;display:block}.vd-transport{align-items:center;gap:.5rem;display:flex}.vd-play{background:var(--ink);color:#f4f8f5;cursor:pointer;width:38px;height:38px;transition:transform .3s var(--ease), background .3s var(--ease);border:none;border-radius:50%;flex:none;place-items:center;display:grid}.vd-play:hover{transform:scale(1.06)}.vd-play svg{width:15px;height:15px}.vd-time{font:500 .72rem/1 var(--mono);color:var(--ink);font-variant-numeric:tabular-nums}.vd-routing{border-radius:99px;gap:1px;height:7px;display:flex;overflow:hidden}.vd-routing i{background:var(--e-body)}.vd-params{flex-wrap:wrap;gap:.3rem;display:flex}.vd-param{font:400 .62rem/1 var(--mono);color:var(--ink);background:#20543d0f;border-radius:6px;padding:.32em .5em}.vd-param span{color:var(--ink-soft)}.vd-hist{flex-direction:column;gap:.4rem;display:flex}.vd-hist-row{border:1px solid var(--hair-soft);background:#ffffff80;border-radius:11px;align-items:center;gap:.5rem;padding:.45rem .55rem;display:flex}.vd-hist-row .txt{min-width:0;color:var(--ink);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.7rem;line-height:1.4;overflow:hidden}.vd-hist-row .key{background:var(--e-body);border-radius:50%;flex:none;width:8px;height:8px}.vd-primer{flex-direction:column;gap:.5rem;display:flex}.vd-primer .demo{font:400 .74rem/1.9 var(--mono);color:var(--ink);border:1px solid var(--hair-soft);overflow-wrap:anywhere;background:#ffffff8c;border-radius:10px;padding:.6rem .7rem}.vd-primer .demo mark{background:var(--e-wash);box-shadow:inset 0 0 0 1px var(--e-body);color:var(--e-edge);border-radius:5px;padding:.1em .2em;font-weight:500}.vd-msg{overflow-wrap:anywhere;border-radius:12px;align-items:flex-start;gap:.5rem;padding:.6rem .7rem;font-size:.72rem;line-height:1.5;display:flex}.vd-msg.err{background:var(--bad-wash);color:var(--bad);border:1px solid #c6766c3d}.vd-msg.ok{background:linear-gradient(180deg, var(--mint-1), #e6f7eecc);color:var(--ink);border:1px solid #469e7433}.vd-msg button{cursor:pointer;color:inherit;opacity:.55;background:0 0;border:0;flex:none;margin-left:auto;padding:0 .1rem;font-size:.9rem;line-height:1}.vd-msg button:hover{opacity:1}.vd-spin{border:2px solid #20543d33;border-top-color:var(--ink);border-radius:50%;flex:none;width:11px;height:11px;animation:.7s linear infinite spin;display:inline-block}.vd :focus-visible{outline:2px solid var(--ink);outline-offset:2px;border-radius:6px}@media (max-width:1180px){.vd-grid{overscroll-behavior:contain;grid-template-columns:236px minmax(0,1fr);grid-auto-rows:min-content;align-content:start;padding-right:2px;overflow-y:auto}.vd-col{overflow:visible}.vd-aud{grid-column:1/-1}}@media (max-width:780px){.vd-shell{padding-inline:12px}.vd-grid{overscroll-behavior:contain;flex-direction:column;gap:.7rem;display:flex;overflow-y:auto}.vd-col{flex:none;overflow:visible}.vd-title{font-size:1.05rem}.vd-range{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));grid-auto-rows:minmax(56px,auto)}.vd-tagbox .mirror,.vd-tagbox textarea,.vd-field input,.vd-field select,.vd-field textarea,.vd-endpoint-edit input{font-size:16px}}@media (prefers-reduced-motion:reduce){.vd-take,.vd-btn,.vd-drop{transition-duration:.01ms}.vd-spin{animation-duration:1.6s}}
