.valab-page{--bg:#0B0B0C;--panel:#101012;--field:#0E0E10;--line:rgba(255,255,255,0.09);--line-2:rgba(255,255,255,0.16);--text:#FAFAFA;--text-2:#9A9AA2;--text-3:#6A6A72;--solid:#FAFAFA;--red:#FF6B81;background:var(--bg)!important;min-height:100vh!important}.vx{display:block!important;max-width:680px!important;margin:0 auto!important;padding:88px 24px 140px!important;color:var(--text);font-family:Inter,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}.vx-head{margin-bottom:40px!important}.vx-kicker{display:inline-block!important;font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--text-3);margin-bottom:18px!important}.vx-h1{font-size:clamp(34px,5.4vw,52px);font-weight:700;line-height:1.06;letter-spacing:-.035em;color:var(--text);margin:0!important}.vx-compose{display:grid!important;gap:16px!important}.vx-lyrics,.vx-prompt{width:100%!important;box-sizing:border-box!important;background:var(--field)!important;color:var(--text)!important;border:1px solid var(--line)!important;border-radius:14px!important;padding:18px!important;font-family:inherit;font-size:17px;line-height:1.5;resize:none!important;outline:none;transition:border-color .18s ease}.vx-lyrics{font-size:15px;resize:vertical!important}.vx-lyrics::placeholder,.vx-prompt::placeholder{color:var(--text-3)}.vx-lyrics:focus,.vx-prompt:focus{border-color:var(--line-2)!important}.vx-controls{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:10px!important}.vx-pillset{display:inline-flex!important;gap:4px!important;padding:4px!important;border:1px solid var(--line)!important;border-radius:12px!important;background:var(--field)}.vx-pill{appearance:none;border:none;cursor:pointer;background:transparent;color:var(--text-2);font-family:inherit;font-size:13.5px;font-weight:500;padding:8px 14px!important;border-radius:8px;transition:background .15s,color .15s}.vx-pill.on,.vx-pill:hover{color:var(--text)}.vx-pill.on{background:rgba(255,255,255,.1)}.vx-generate{margin-left:auto!important;appearance:none;border:none;cursor:pointer;border-radius:12px;padding:12px 26px!important;font-family:inherit;font-size:14.5px;font-weight:650;color:#0A0A0B;background:var(--solid);display:inline-flex!important;align-items:center!important;gap:9px!important;transition:opacity .16s ease,transform .12s ease}.vx-generate:hover{opacity:.86}.vx-generate:active{transform:scale(.985)}.vx-generate:disabled{opacity:.5;cursor:progress}.vx-spin{width:13px;height:13px;border-radius:999px;border:2px solid rgba(10,10,11,.3);border-top-color:#0a0a0b;animation:vxSpin .7s linear infinite}@keyframes vxSpin{to{transform:rotate(1turn)}}.vx-msg{font-size:14px;color:var(--text-2);margin:4px 0 0!important}.vx-msg a{color:var(--text);text-decoration:underline;text-underline-offset:3px;font-weight:500}.vx-msg-err{color:var(--red)}.vx-library{margin-top:64px!important}.vx-lib-head{display:flex!important;align-items:center!important;gap:12px!important;padding-bottom:16px!important;border-bottom:1px solid var(--line);margin-bottom:4px!important}.vx-h2{font-size:15px;font-weight:600;letter-spacing:-.01em;color:var(--text);margin:0!important}.vx-count{font-size:12px;color:var(--text-3);background:var(--field);border:1px solid var(--line);border-radius:999px;padding:2px 9px!important}.vx-lib-empty{color:var(--text-3);font-size:14.5px;padding:28px 2px!important}.vx-tracks{list-style:none!important;padding:0!important;margin:0!important}.vx-track{padding:20px 2px!important;border-bottom:1px solid var(--line);display:grid!important;gap:13px!important}.vx-track-row{display:flex!important;align-items:baseline!important;justify-content:space-between!important;gap:16px!important}.vx-track-name{margin:0!important;font-size:15px;line-height:1.5;color:var(--text);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.vx-track-time{flex-shrink:0;font-size:12.5px;color:var(--text-3);white-space:nowrap}.vx-audio{width:100%!important;height:36px}.vx-bar{height:2px;background:var(--line);border-radius:999px;overflow:hidden}.vx-bar span{display:block;height:100%;width:35%;background:var(--text-2);border-radius:999px;animation:vxSlide 1.3s ease-in-out infinite}@keyframes vxSlide{0%{margin-left:-35%}to{margin-left:100%}}@media (max-width:560px){.vx{padding:56px 18px 96px!important}.vx-generate{margin-left:0!important;width:100%;justify-content:center}}