:root{
  --cvs-primary:#0057ff;
  --cvs-secondary:#f1f5f9;
  --cvs-text:#111;
  --cvs-border:#e6e6e6;
}
.cvs-widget{max-width:760px;margin:20px auto;font-family:system-ui;}
.cvs-container{border:1px solid var(--cvs-border);border-radius:12px;padding:18px;box-shadow:0 6px 18px rgba(0,0,0,0.04);background:#fff}
.cvs-header h3{margin:0 0 6px 0;font-size:18px}
.cvs-header p{margin:0;color:#666;font-size:13px}
.cvs-form{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}
.cvs-field{display:flex;flex-direction:column}
.cvs-field label{font-size:13px;margin-bottom:6px;color:#333}
.cvs-field input,.cvs-field select{padding:8px 10px;border:1px solid #ddd;border-radius:8px;font-size:14px}
.cvs-options{grid-column:1 / -1;display:flex;align-items:center;gap:8px}
.cvs-actions{grid-column:1 / -1;display:flex;gap:10px;margin-top:8px}
.cvs-btn{padding:10px 16px;border-radius:10px;border:0;background:var(--cvs-primary);color:#fff;cursor:pointer}
.cvs-btn.cvs-secondary{background:var(--cvs-secondary);color:var(--cvs-text)}
.cvs-output{grid-column:1 / -1;margin-top:16px;padding:12px;border-radius:8px;background:#f9fafb}
.cvs-results div{margin-bottom:6px}
@media(max-width:720px){.cvs-form{grid-template-columns:1fr}}