.vdvl-throw{--bg:#0f172a;--panel:#111827;--ink:#e5e7eb;--muted:#9ca3af;--accent:#22d3ee;--accent2:#4ade80;--warn:#fb7185;--wood:#a16207;--ground:#0ea5e9;color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial}
.vdvl-throw .wrap{max-width:1200px;margin:24px auto;padding:12px;display:grid;grid-template-columns:1fr 360px;gap:12px}
@media (max-width:1024px){.vdvl-throw .wrap{grid-template-columns:1fr}}
.vdvl-throw .card{background:rgba(17,24,39,.75);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.06);border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.35)}
.vdvl-throw .stage{position:relative}
.vdvl-throw canvas{display:block;width:100%;height:var(--h,520px);border-radius:16px}
.vdvl-throw .hud{position:absolute;left:12px;top:12px;padding:8px 10px;border-radius:12px;background:rgba(2,6,23,.6);border:1px solid rgba(255,255,255,.06);font-size:12px;color:var(--muted)}
.vdvl-throw .legend{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.vdvl-throw .chip{padding:2px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:#cbd5e1}
.vdvl-throw .panel{padding:14px 16px}
.vdvl-throw .title{display:flex;align-items:center;gap:10px;margin-bottom:6px}
.vdvl-throw .title h1{font-size:18px;line-height:1.2;margin:0}
.vdvl-throw .sub{color:var(--muted);font-size:12px;margin-bottom:14px}
.vdvl-throw .row{margin:10px 0}
.vdvl-throw .row label{display:flex;justify-content:space-between;font-size:13px;color:#cbd5e1;margin-bottom:6px}
.vdvl-throw .row input[type=range]{width:100%;appearance:none;height:6px;border-radius:999px;background:linear-gradient(90deg,rgba(34,211,238,.8),rgba(74,222,128,.8))}
.vdvl-throw .row input[type=range]::-webkit-slider-thumb{appearance:none;width:18px;height:18px;border-radius:50%;background:#fff;border:2px solid #0ea5e9;box-shadow:0 2px 6px rgba(0,0,0,.4)}
.vdvl-throw .grid2{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.vdvl-throw .btn{cursor:pointer;background:linear-gradient(180deg,#22d3ee,#0ea5e9);color:#062338;border:none;border-radius:12px;padding:10px 12px;font-weight:700}
.vdvl-throw .btn:active{transform:translateY(1px)}
.vdvl-throw .btn2{background:linear-gradient(180deg,#4ade80,#22c55e)}
.vdvl-throw .btn3{background:linear-gradient(180deg,#fb7185,#f43f5e)}
.vdvl-throw .btn4{background:linear-gradient(180deg,#a78bfa,#8b5cf6)}
.vdvl-throw .switch{display:flex;align-items:center;gap:8px;font-size:13px;color:#cbd5e1;margin:8px 0}
.vdvl-throw .switch input{width:18px;height:18px}
.vdvl-throw .eq{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;background:rgba(2,6,23,.6);border:1px solid rgba(255,255,255,.06);padding:10px;border-radius:12px;color:#cbd5e1}
.vdvl-throw .footer{margin-top:10px;font-size:11px;color:var(--muted)}
.vdvl-throw .tag{font-weight:700;color:#93c5fd}
.vdvl-throw .note{font-size:12px;color:#cbd5e1}
.vdvl-throw .kbd{font:12px ui-monospace;background:#0b1220;border:1px solid rgba(255,255,255,.1);border-bottom-width:2px;border-radius:6px;padding:1px 6px}