.vocal-pro-v2{background:#151a1e;color:#dae1e5;min-width:760px}.vocal-pro-v2 .vocal-modules{display:grid;grid-template-columns:1fr 1.3fr 1.12fr .85fr;gap:1px;background:#435058}.vocal-pro-v2 .vocal-module{padding:16px 14px;background:#20282d;border:0;border-top:3px solid var(--accent,#c89dae)}.vocal-pro-v2 .tone{--accent:#80caca}.vocal-pro-v2 .space{--accent:#b1a0d6}.vocal-pro-v2 .sfx{--accent:#d2be7e}.vocal-pro-v2 .vocal-module header{color:var(--accent,#c89dae);display:flex;align-items:center;justify-content:space-between;font-size:12px;letter-spacing:1px}.vocal-pro-v2 header label{display:flex;align-items:center;gap:7px}.vocal-pro-v2 header button{width:30px;height:30px;border:1px solid #52616c}.vocal-pro-v2 .vocal-mode select{margin:12px 0 0;width:100%;min-height:35px;font-size:12px}.vocal-pro-v2 .vocal-purpose{min-height:34px;margin:10px 0 16px;color:#a4b3ba;font-size:12px;line-height:1.5}.vocal-pro-v2 fieldset{border:0;padding:0;margin:0;min-width:0}.vocal-pro-v2 fieldset:disabled{opacity:.35}.vocal-pro-v2 .vocal-main-knobs{display:flex;justify-content:space-evenly;gap:14px;padding:20px 0}.vocal-pro-v2 .vocal-main-knobs .rotary{width:62px;height:62px}.vocal-pro-v2 .vocal-main-knobs .rotary-control{width:78px}.vocal-pro-v2 .rotary-control label{font-size:10px}.vocal-pro-v2 .rotary-control output{font-size:12px}.vocal-pro-v2 .single .rotary{width:95px;height:95px}.vocal-pro-v2 .single .rotary-control{width:110px}.vocal-pro-v2 .vocal-dynamics-meters{display:flex;flex-direction:column;gap:13px;background:#121b20;padding:16px 10px;border:1px solid #3b474e;min-height:122px}.vocal-meter{display:grid;grid-template-columns:1fr auto;gap:5px;color:#9cabb3;font-size:10px;letter-spacing:.4px}.vocal-meter>div{grid-row:2;grid-column:1/3;height:5px;background:#303c44;border-radius:2px;overflow:hidden}.vocal-meter i{display:block;height:100%;background:#d6a8b4;width:0}.vocal-meter output{color:#e6c7ce;font-variant-numeric:tabular-nums}.vocal-pro-v2 [data-vocal-tone]{width:100%;height:220px}.vocal-pro-v2 .vocal-tone-legend{display:flex;justify-content:space-around;margin:12px 0;color:#8cadb7;font-size:10px}.vocal-pro-v2 details{margin-top:17px;border-top:1px solid #414e56;padding-top:12px}.vocal-pro-v2 summary{cursor:pointer;color:#a8bac5;font-size:12px;padding:6px 0}.vocal-pro-v2 details .vocal-knobs{display:flex;flex-wrap:wrap;gap:16px 8px;padding:14px 0}.vocal-pro-v2 details label{display:flex;gap:6px;align-items:center;font-size:11px;margin:10px 0}.vocal-space-map{background:#191e2a;border:1px solid #51485f;padding:13px 11px;color:#c5bcd8;font:10px monospace}.vocal-space-map>div{display:flex;justify-content:space-between;margin:15px 0;gap:10px}.vocal-space-map b{display:block;margin-top:8px;color:#e9e4f3;font-size:15px}.vocal-space-map small{color:#998cae;font:11px sans-serif;line-height:1.5}.vocal-rhythm{display:flex;justify-content:space-between;align-items:center;font-size:11px;gap:8px}.vocal-character-label{text-align:center;color:#d5c58f;padding:24px 0;border-bottom:1px solid #4a4432;font-size:14px}.vocal-pro-v2 footer{display:flex;align-items:center;gap:16px;background:#161d21;padding:16px}.vocal-signal{flex:1;min-width:0}.vocal-signal>span{color:#8299a3;font-size:10px;letter-spacing:1px}.vocal-signal canvas{width:100%;height:65px;display:block}.vocal-engine-credit{padding:10px 18px;background:#12181b;color:#82939d;font-size:10px;letter-spacing:.3px}
@media(max-width:780px){.vocal-pro-v2{min-width:0;width:100%;overflow:hidden}.vocal-pro-v2 .vocal-modules{grid-template-columns:1fr}.vocal-pro-v2 .vocal-module{padding:14px 12px}.vocal-pro-v2 .vocal-main-knobs{flex-wrap:wrap;justify-content:flex-start}.vocal-pro-v2 [data-vocal-tone]{height:160px}.vocal-pro-v2 footer{flex-wrap:wrap}.vocal-pro-v2 .vocal-signal{flex-basis:100%}}