.vatc{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:24px;margin-top:32px;background:#fff;color:#0f172a;border-radius:20px;padding:28px;box-shadow:0 24px 60px rgba(0,0,0,.28)}.vatc-controls{display:flex;flex-direction:column;gap:18px}.vatc-field{display:flex;flex-direction:column;gap:6px}.vatc-field label,.vatc-mode legend{font-weight:600;font-size:.95rem}.vatc-field input,.vatc-field select{font-size:1.15rem;padding:12px 14px;border:1px solid rgba(15,23,42,.18);border-radius:12px;background:#fff;color:#0f172a}.vatc-field input:focus,.vatc-field select:focus{outline:2px solid #2563eb;outline-offset:1px}.vatc-mode{border:0;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.vatc-mode legend{margin-bottom:4px}.vatc-mode label{display:flex;align-items:center;gap:10px;font-size:.98rem;cursor:pointer}.vatc-results{display:flex;flex-direction:column;gap:12px;justify-content:center}.vatc-result{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:12px 16px;border-radius:12px;background:#f1f5f9}.vatc-result span{color:#475569;font-size:.95rem}.vatc-result strong{font-size:1.25rem;font-variant-numeric:tabular-nums}.vatc-result-total{background:#0f172a;color:#fff}.vatc-result-total span{color:rgba(255,255,255,.8)}.vatc-result-total strong{font-size:1.5rem}.vatc-results .fb-btn{align-self:flex-start;margin-top:6px}.vatc-examples{width:100%;border-collapse:collapse;margin-top:24px;font-size:.98rem}.vatc-examples caption{caption-side:top;text-align:left;font-weight:600;padding-bottom:8px}.vatc-examples th,.vatc-examples td{text-align:left;padding:10px 8px;border-bottom:1px solid rgba(15,23,42,.1)}.vatc-examples th{font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;color:#64748b}.vatc-examples td:not(:first-child){font-variant-numeric:tabular-nums}@media(max-width:768px){.vatc{grid-template-columns:1fr;padding:20px 16px}}.vatc,.vatc-controls,.vatc-results,.vatc-field{min-width:0}.vatc-field input,.vatc-field select{width:100%;max-width:100%;box-sizing:border-box}.vatc-result strong{white-space:nowrap}@media(max-width:480px){.vatc-result{flex-wrap:wrap}.vatc-examples{display:block;overflow-x:auto}}