/* Background */
.vz-bg{padding:48px 0; min-height: 100vh;}
.vz-full-bleed{width:100vw; margin-left: calc(50% - 50vw);}
.vz-bg-solid{background: var(--bg-color, #060e1d);}

/* Container + card */
.vz-container{max-width:960px;margin:0 auto;padding:0 16px;--vz-primary:#6c5ce7}
.vz-card{background:#0b1220;border:1px solid #222a38;border-radius:22px;box-shadow:0 24px 80px rgba(6,14,29,.5);overflow:hidden}
.vz-header{padding:32px 28px 14px;text-align:center}
.vz-logo-big{height:64px;max-width:320px;object-fit:contain;margin:0 auto 12px;display:block}
.vz-title{font:800 30px/1.25 system-ui,-apple-system,Segoe UI,Roboto;color:#e8efff;margin:6px 0}
.vz-subtitle{margin-top:4px;color:#b4c1d6;font:400 14px/1.6 system-ui,-apple-system,Segoe UI,Roboto}

/* Fields */
.vz-field{padding:18px 22px}
.vz-label{display:block;font:600 13px/1.4 system-ui,-apple-system,Segoe UI,Roboto;color:#d3ddf5;margin-bottom:8px}
.vz-textarea{width:100%;padding:16px;border:1px solid #324057;border-radius:14px;background:#0f1a2a;color:#e8efff;outline:none;transition:.2s;font:400 15px/1.6 system-ui,-apple-system,Segoe UI,Roboto;min-height:200px;box-sizing:border-box;resize:vertical}
.vz-textarea:focus{background:#0c1626;box-shadow:0 0 0 6px rgba(124,92,255,.18);border-color:#7c5cff}
.vz-helper{margin-top:6px;color:#8aa0c0;font:400 12px/1.4 system-ui,-apple-system,Segoe UI,Roboto}

.vz-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:6px 22px 0}
@media(max-width:720px){.vz-grid{grid-template-columns:1fr}}

.vz-range{width:100%;height:48px;border:1px solid #324057;border-radius:12px;background:#0f1a2a}

/* Custom dropdown */
.vz-dd{position:relative}
.vz-dd-toggle{width:100%;display:flex;align-items:center;gap:10px;justify-content:space-between;background:#0f1a2a;color:#e8efff;border:1px solid #324057;border-radius:12px;padding:10px 12px;height:48px;cursor:pointer}
.vz-dd-flag{width:22px;height:14px;border-radius:2px;object-fit:cover;margin-right:8px;display:none}
.vz-dd-label{flex:1;text-align:left}
.vz-dd-caret{opacity:.8}
.vz-dd-menu{position:absolute;z-index:50;left:0;right:0;top:calc(100% + 6px);background:#0f1a2a;border:1px solid #324057;border-radius:12px;box-shadow:0 16px 40px rgba(0,0,0,.35);max-height:300px;overflow:auto;padding:6px;display:none}
.vz-dd.open .vz-dd-menu{display:block}
.vz-dd-item{display:flex;align-items:center;gap:10px;padding:10px;border-radius:10px;color:#e8efff;cursor:pointer}
.vz-dd-item:hover{background:#122033}
.vz-dd-item img{width:22px;height:14px;border-radius:2px}

/* Button */
.vz-button{margin:24px 22px 28px;width:calc(100% - 44px);height:56px;border:none;border-radius:16px;background:linear-gradient(135deg,#7c5cff,#4285f4);color:#fff;font:800 15px/1 system-ui,-apple-system,Segoe UI,Roboto;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;position:relative;transition:transform .06s ease,box-shadow .2s}
.vz-button:hover{box-shadow:0 18px 42px rgba(66,133,244,.45)}
.vz-button:active{transform:translateY(1px)}
.vz-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:vzspin 1s linear infinite;display:none}
.vz-button.loading .vz-spinner{display:inline-block}
.vz-button.loading .vz-btn-text{opacity:.85}
@keyframes vzspin{to{transform:rotate(360deg)}}

.vz-result{padding:8px 22px 24px}
.vz-audio{width:100%;margin-top:8px}
.vz-actions{display:flex;gap:12px;margin-top:10px;flex-wrap:wrap}
.vz-download{display:inline-flex;align-items:center;gap:8px;border:1px solid #324057;border-radius:12px;padding:10px 14px;font:600 14px/1.2 system-ui,-apple-system,Segoe UI,Roboto;color:#e8efff;text-decoration:none;background:#0f1a2a}
.vz-note{margin:8px 22px 0;color:#8aa0c0;font:400 12px/1.5 system-ui,-apple-system,Segoe UI,Roboto}
.vz-footer{text-align:center;color:#8aa0c0;font:400 12px/1.6 system-ui,-apple-system,Segoe UI,Roboto;margin-top:18px}