.vdw-wrap{border:1px solid #e5e7eb;background:#fff;border-radius:12px;padding:18px;max-width:820px;box-shadow:0 6px 24px rgba(16,24,40,.06)}
.vdw-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media (max-width:640px){.vdw-grid{grid-template-columns:1fr}}
.vdw-row{display:flex;gap:10px;align-items:center;margin:.35rem 0}
.vdw-row label{min-width:150px;font-weight:600;color:#0f172a}
.vdw-row input[type="number"], .vdw-row select{flex:1;max-width:220px;padding:.5rem .6rem;border:1px solid #e5e7eb;border-radius:8px;background:#fff}
.vdw-small{font-size:.9em;color:#6b7280}
.vdw-actions{margin-top:12px}
.vdw-btn{background:#0f172a;color:#fff;border:1px solid #0f172a;border-radius:10px;padding:10px 16px;font-weight:700;cursor:pointer;transition:all .15s}
.vdw-btn:hover{background:#0b1220;transform:translateY(-1px)}
.vdw-note{font-size:.95em;color:#374151;margin-left:10px}
.vdw-result{margin-top:14px;padding:12px;border-radius:10px;background:#f8fafc;border:1px solid #e5e7eb}
.vdw-out-title{font-weight:700;color:#0f172a;margin-bottom:6px}
.vdw-out-row{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-top:1px dashed #e5e7eb}
.vdw-out-row:first-of-type{border-top:0}
.vdw-badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:.85em;line-height:1.6;border:1px solid transparent}
.vdw-badge-ok{background:#ecfdf5;border-color:#10b981;color:#065f46}
.vdw-badge-ko{background:#fef2f2;border-color:#ef4444;color:#991b1b}
.vdw-chart svg{width:100%;height:auto;display:block}