@font-face{font-family:Outfit;font-style:normal;font-weight:300;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.1spbknb88wd48.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:300;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.1gsd1jahc5dg_.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:400;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.1spbknb88wd48.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:400;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.1gsd1jahc5dg_.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:500;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.1spbknb88wd48.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:500;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.1gsd1jahc5dg_.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:600;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.1spbknb88wd48.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:600;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.1gsd1jahc5dg_.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:700;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.1spbknb88wd48.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:700;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.1gsd1jahc5dg_.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:800;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.1spbknb88wd48.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:800;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.1gsd1jahc5dg_.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit Fallback;src:local(Arial);ascent-override:100.18%;descent-override:26.05%;line-gap-override:0.0%;size-adjust:99.82%}.outfit_3e72e36d-module__2luixG__className{font-family:Outfit,Outfit Fallback;font-style:normal}.outfit_3e72e36d-module__2luixG__variable{--font-outfit:"Outfit", "Outfit Fallback"}
@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/04c5164763c40239-s.1kd-r_s9smv5m.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/26f284dcc38c84c0-s.3hlisc-pwq13z.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/7e7f32a39836f228-s.0-oo9_1x_xmvg.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/fa39153a3fc630ba-s.36fqqi66-3tjb.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/6a5386fd6038edbe-s.3_z45zcoc-xoz.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/051742360c26797e-s.p.1bkzbscqrt8rl.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/04c5164763c40239-s.1kd-r_s9smv5m.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/26f284dcc38c84c0-s.3hlisc-pwq13z.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/7e7f32a39836f228-s.0-oo9_1x_xmvg.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/fa39153a3fc630ba-s.36fqqi66-3tjb.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/6a5386fd6038edbe-s.3_z45zcoc-xoz.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/051742360c26797e-s.p.1bkzbscqrt8rl.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:700;font-display:swap;src:url(../media/04c5164763c40239-s.1kd-r_s9smv5m.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:700;font-display:swap;src:url(../media/26f284dcc38c84c0-s.3hlisc-pwq13z.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:700;font-display:swap;src:url(../media/7e7f32a39836f228-s.0-oo9_1x_xmvg.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:700;font-display:swap;src:url(../media/fa39153a3fc630ba-s.36fqqi66-3tjb.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:700;font-display:swap;src:url(../media/6a5386fd6038edbe-s.3_z45zcoc-xoz.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:700;font-display:swap;src:url(../media/051742360c26797e-s.p.1bkzbscqrt8rl.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono Fallback;src:local(Arial);ascent-override:75.79%;descent-override:22.29%;line-gap-override:0.0%;size-adjust:134.59%}.jetbrains_mono_bda2f9bf-module__um46RW__className{font-family:JetBrains Mono,JetBrains Mono Fallback;font-style:normal}.jetbrains_mono_bda2f9bf-module__um46RW__variable{--font-jetbrains-mono:"JetBrains Mono", "JetBrains Mono Fallback"}
:root{--bg-primary:#0a0915;--bg-panel:#12102499;--bg-card:#1a183473;--border-color:#ffffff12;--border-focus:#9333ea99;--text-primary:#f4f4f6;--text-secondary:#a1a0af;--text-muted:#6e6d7d;--accent-purple:#9333ea;--accent-purple-glow:#9333ea59;--accent-cyan:#06b6d4;--accent-cyan-glow:#06b6d44d;--accent-rose:#f43f5e;--glass-bg:#ffffff05;--glass-blur:blur(16px);--glass-shadow:0 10px 40px -10px #00000080;--radius-lg:16px;--radius-md:10px;--radius-sm:6px;--transition:all .3s cubic-bezier(.25, .8, .25, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-outfit), -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;position:relative;overflow-x:hidden}.bg-glow{filter:blur(130px);z-index:-1;pointer-events:none;opacity:.45;border-radius:50%;position:absolute}.bg-glow-1{background:radial-gradient(circle, var(--accent-purple) 0%, #0000 70%);width:500px;height:500px;top:-100px;left:-100px}.bg-glow-2{background:radial-gradient(circle, var(--accent-cyan) 0%, #0000 70%);width:600px;height:600px;bottom:-150px;right:-100px}.bg-glow-3{background:radial-gradient(circle,#ec4899 0%,#0000 70%);width:400px;height:400px;top:40%;left:50%;transform:translate(-50%,-50%)}.app-container{flex-direction:column;max-width:1400px;min-height:100vh;margin:0 auto;padding:24px;display:flex}.app-header{background:var(--bg-panel);border:1px solid var(--border-color);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);justify-content:space-between;align-items:center;margin-bottom:24px;padding:16px 24px;display:flex}.logo-area{align-items:center;gap:16px;display:flex}.logo-icon{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--accent-purple), var(--accent-cyan));color:#fff;width:48px;height:48px;box-shadow:0 0 15px var(--accent-purple-glow);justify-content:center;align-items:center;font-size:24px;animation:3s infinite alternate pulse-glow;display:flex}.logo-text h1{letter-spacing:.5px;background:linear-gradient(135deg, #fff 40%, var(--text-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:22px;font-weight:800}.sub-logo{color:var(--accent-cyan);letter-spacing:1px;text-transform:uppercase;font-size:12px;font-weight:500}.header-actions{align-items:center;gap:16px;display:flex}.status-badge{background:#ffffff08;border:1px solid #0000;border-radius:30px;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:600;display:flex}.status-badge .dot{border-radius:50%;width:8px;height:8px}.status-connected{color:#4ade80;background:#22c55e0d;border-color:#22c55e33}.status-connected .dot{background-color:#22c55e;box-shadow:0 0 10px #22c55e}.status-disconnected{color:#fb7185;background:#f43f5e0d;border-color:#f43f5e33}.status-disconnected .dot{background-color:#f43f5e;box-shadow:0 0 10px #f43f5e}.icon-btn{border:1px solid var(--border-color);color:var(--text-primary);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);background:#ffffff0d;align-items:center;gap:8px;padding:10px 16px;font-family:inherit;font-size:14px;font-weight:500;display:flex}.icon-btn:hover{background:#ffffff1a;border-color:#fff3}.primary-btn{background:linear-gradient(135deg, var(--accent-purple), #7c3aed);color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);border:none;justify-content:center;align-items:center;gap:10px;padding:12px 24px;font-family:inherit;font-size:15px;font-weight:600;display:flex}.primary-btn:hover{box-shadow:0 6px 20px var(--accent-purple-glow)}.glow-btn{box-shadow:0 0 15px var(--accent-purple-glow)}.text-link-btn{color:var(--accent-cyan);cursor:pointer;transition:var(--transition);background:0 0;border:none;align-items:center;gap:6px;font-family:inherit;font-size:13px;font-weight:600;display:inline-flex}.text-link-btn:hover{color:#22d3ee;text-decoration:underline}.workspace-grid{flex:1;grid-template-columns:430px 1fr;align-items:stretch;gap:24px;display:grid}.panel{background:var(--bg-panel);border:1px solid var(--border-color);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);flex-direction:column;display:flex;overflow:hidden}.panel-header{border-bottom:1px solid var(--border-color);padding:20px 24px}.panel-header h2{align-items:center;gap:10px;font-size:18px;font-weight:700;display:flex}.panel-header h2 i{color:var(--accent-purple)}.tab-container{border-radius:var(--radius-md);border:1px solid var(--border-color);background:#0003;margin:16px 24px;padding:4px;display:flex}.tab-btn{color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition);background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-family:inherit;font-size:14px;font-weight:600;display:flex}.tab-btn.active{background:var(--bg-card);color:var(--text-primary);box-shadow:0 4px 12px #00000040}#generator-form{flex-direction:column;flex:1;gap:20px;padding:0 24px 24px;display:flex;overflow-y:auto}.form-group{flex-direction:column;gap:8px;display:flex}.label-row{justify-content:space-between;align-items:center;display:flex}label{color:var(--text-primary);letter-spacing:.3px;font-size:14px;font-weight:600}textarea,input[type=text],input[type=password],select{border:1px solid var(--border-color);color:var(--text-primary);border-radius:var(--radius-md);transition:var(--transition);background:#00000040;outline:none;width:100%;padding:12px 16px;font-family:inherit;font-size:14px}textarea{resize:vertical;min-height:120px}textarea:focus,input[type=text]:focus,input[type=password]:focus,select:focus{border-color:var(--border-focus);background:#00000059;box-shadow:0 0 10px #9333ea40}.tag-suggestions{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.tag-badge{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;transition:var(--transition);background:#ffffff0a;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:600}.tag-badge:hover{background:var(--accent-cyan-glow);color:var(--accent-cyan);border-color:#06b6d466}.options-accordion{border:1px solid var(--border-color);border-radius:var(--radius-md);background:#00000026;overflow:hidden}.accordion-header{color:var(--text-secondary);cursor:pointer;transition:var(--transition);background:#0000001a;justify-content:space-between;align-items:center;padding:12px 16px;font-size:13px;font-weight:700;display:flex}.accordion-header:hover{color:var(--text-primary);background:#ffffff05}.accordion-content{flex-direction:column;gap:16px;padding:16px;display:flex}.toggle-row{justify-content:space-between;align-items:center;display:flex}.toggle-label-group{flex-direction:column;display:flex}.toggle-desc{color:var(--text-muted);font-size:11px}.switch{width:44px;height:24px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;border:1px solid var(--border-color);background-color:#ffffff1a;transition:all .4s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;width:16px;height:16px;transition:all .4s;position:absolute;bottom:3px;left:3px;box-shadow:0 2px 5px #0000004d}input:checked+.slider{background-color:var(--accent-purple)}input:checked+.slider:before{transform:translate(20px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.margin-top-sm{margin-top:8px}.hidden{display:none!important}#generate-btn{height:48px;margin-top:8px}#generate-btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.panel-tabs{border-bottom:1px solid var(--border-color);background:#00000026;display:flex}.panel-tab-btn{color:var(--text-secondary);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-bottom:2px solid #0000;flex:1;justify-content:center;align-items:center;gap:10px;padding:16px;font-family:inherit;font-size:15px;font-weight:600;display:flex}.panel-tab-btn:hover{color:var(--text-primary);background:#ffffff03}.panel-tab-btn.active{color:var(--accent-cyan);border-bottom-color:var(--accent-cyan);background:#0003}.panel-body{flex:1;padding:24px;overflow-y:auto}.view-content{height:100%;display:none}.view-content.active{display:block}.empty-state{text-align:center;height:100%;min-height:350px;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-icon{background:linear-gradient(135deg, var(--text-muted), #ffffff0d);-webkit-text-fill-color:transparent;opacity:.5;-webkit-background-clip:text;margin-bottom:20px;font-size:56px}.empty-state h3{color:var(--text-secondary);margin-bottom:8px;font-size:18px;font-weight:600}.empty-state p{max-width:320px;font-size:14px;line-height:1.5}.cards-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;display:grid}.song-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:var(--transition);flex-direction:column;gap:16px;padding:20px;display:flex;position:relative;overflow:hidden}.song-card:hover{border-color:#06b6d440;box-shadow:0 10px 30px #0000004d}.song-card:before{content:"";background:linear-gradient(to bottom, var(--accent-purple), var(--accent-cyan));opacity:.8;width:4px;height:100%;position:absolute;top:0;left:0}.song-meta{align-items:center;gap:14px;display:flex}.album-art-wrapper{border:2px solid var(--border-color);background:radial-gradient(circle,#251e3e 0%,#0a0915 100%);border-radius:50%;flex-shrink:0;width:64px;height:64px;position:relative;overflow:hidden;box-shadow:0 4px 15px #0006}.album-art{object-fit:cover;width:100%;height:100%}.album-art-placeholder{width:100%;height:100%;color:var(--accent-purple);background:linear-gradient(135deg,#1f1b3e,#0e2942);justify-content:center;align-items:center;font-size:24px;display:flex}.song-card.playing .album-art-wrapper{border-color:var(--accent-cyan);box-shadow:0 0 15px var(--accent-cyan-glow);animation:12s linear infinite spin}.song-info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.song-title-row{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.song-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:16px;font-weight:700;overflow:hidden}.delete-track-btn{color:var(--text-muted);cursor:pointer;transition:var(--transition);background:0 0;border:none;padding:4px;font-size:13px}.delete-track-btn:hover{color:var(--accent-rose)}.song-style{color:var(--accent-cyan);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:500;overflow:hidden}.song-model-tag{color:var(--text-muted);background:#ffffff0a;border-radius:4px;align-self:flex-start;padding:2px 6px;font-size:10px}.custom-player{border-radius:var(--radius-md);background:#0003;border:1px solid #ffffff08;flex-direction:column;gap:8px;padding:12px 14px;display:flex}.player-controls{align-items:center;gap:12px;display:flex}.play-pause-btn{color:#000;cursor:pointer;width:36px;height:36px;transition:var(--transition);background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:14px;display:flex;box-shadow:0 4px 10px #0000004d}.play-pause-btn:hover{background:var(--accent-cyan);color:#fff;box-shadow:0 0 12px var(--accent-cyan-glow);transform:scale(1.08)}.timeline-container{flex:1;align-items:center;gap:8px;display:flex}.time-display{font-size:11px;font-family:var(--font-jetbrains-mono), monospace;color:var(--text-muted);width:32px}.time-display.total{text-align:right}.scrub-bar{appearance:none;cursor:pointer;background:#ffffff1a;border-radius:5px;outline:none;flex:1;height:5px;position:relative}.scrub-bar::-webkit-slider-thumb{appearance:none;background:var(--accent-cyan);cursor:pointer;border-radius:50%;width:12px;height:12px;transition:transform .1s;box-shadow:0 0 5px #00000080}.scrub-bar::-webkit-slider-thumb:hover{transform:scale(1.25)}.player-sub-row{justify-content:space-between;align-items:center;margin-top:2px;display:flex}.volume-container{color:var(--text-muted);align-items:center;gap:8px;font-size:12px;display:flex}.volume-slider{appearance:none;cursor:pointer;background:#ffffff1a;border-radius:3px;outline:none;width:60px;height:3px}.volume-slider::-webkit-slider-thumb{appearance:none;background:var(--text-secondary);border-radius:50%;width:8px;height:8px}.volume-slider::-webkit-slider-thumb:hover{background:var(--accent-cyan)}.card-action-buttons{gap:8px;display:flex}.card-action-btn{border:1px solid var(--border-color);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);background:#ffffff08;align-items:center;gap:5px;padding:6px 10px;font-size:11px;font-weight:600;text-decoration:none;display:inline-flex}.card-action-btn:hover{color:#fff;background:#ffffff14;border-color:#ffffff26}.card-action-btn.active-action{color:var(--accent-cyan);background:var(--accent-cyan-glow);border-color:#06b6d44d}.queue-list{flex-direction:column;gap:12px;display:flex}.queue-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);justify-content:space-between;align-items:center;padding:16px;display:flex;position:relative;overflow:hidden}.queue-card:before{content:"";background:var(--accent-purple);opacity:.6;width:3px;height:100%;position:absolute;top:0;left:0}.queue-card.processing:before{background:var(--accent-cyan);animation:1.5s infinite alternate pulse-border}.queue-info{flex-direction:column;flex:1;gap:4px;display:flex}.queue-title{color:#fff;font-size:14px;font-weight:700}.queue-prompt{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;max-width:350px;font-size:12px;overflow:hidden}.queue-status-area{align-items:center;gap:12px;display:flex}.queue-spinner{color:var(--accent-cyan);font-size:16px}.queue-status-text{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:3px 8px;font-size:12px;font-weight:600}.status-pending{color:#fbbf24;background:#eab30814;border:1px solid #eab30833}.status-running{color:#22d3ee;background:#06b6d414;border:1px solid #06b6d433}.status-failed{color:#fb7185;background:#f43f5e14;border:1px solid #f43f5e33}.modal-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;opacity:1;width:100vw;height:100vh;transition:var(--transition);background:#05040cd9;justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0}.modal-card{border:1px solid var(--border-color);border-radius:var(--radius-lg);background:#110f22;flex-direction:column;width:500px;max-width:90%;animation:.3s cubic-bezier(.34,1.56,.64,1) modal-enter;display:flex;box-shadow:0 20px 50px #0009}.lyrics-view-card{width:600px}.modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-header h3{color:#fff;font-size:18px;font-weight:700}.close-btn{color:var(--text-muted);cursor:pointer;transition:var(--transition);background:0 0;border:none;font-size:20px}.close-btn:hover{color:#fff}.modal-body{flex-direction:column;gap:18px;padding:24px;display:flex}.modal-info{color:var(--text-secondary);font-size:13.5px;line-height:1.5}.modal-info a{color:var(--accent-cyan);text-decoration:none}.modal-info a:hover{text-decoration:underline}.input-with-icon{align-items:center;display:flex;position:relative}.input-with-icon input{padding-right:48px}.input-inner-btn{color:var(--text-muted);cursor:pointer;transition:var(--transition);background:0 0;border:none;font-size:14px;position:absolute;right:12px}.input-inner-btn:hover{color:var(--text-primary)}.field-help{color:var(--text-muted);font-size:11px;line-height:1.4}.notice-box{color:#4ade80;border-radius:var(--radius-md);background:#22c55e0d;border:1px solid #22c55e33;align-items:flex-start;gap:10px;padding:12px 16px;font-size:13px;line-height:1.4;display:flex}.notice-box i{margin-top:3px;font-size:14px}.modal-footer{border-top:1px solid var(--border-color);border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg);background:#0000001a;justify-content:flex-end;padding:16px 24px;display:flex}.lyrics-pre{border:1px solid var(--border-color);border-radius:var(--radius-md);white-space:pre-wrap;max-height:400px;color:var(--text-primary);background:#0003;padding:20px;font-family:inherit;font-size:14px;line-height:1.6;overflow-y:auto}#lyrics-result-textarea{min-height:180px;font-family:inherit;font-size:13px;line-height:1.5}.loading-state{color:var(--accent-cyan);flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:30px;font-size:14px;font-weight:500;display:flex}.loading-state i{font-size:32px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes modal-enter{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes pulse-glow{0%{box-shadow:0 0 10px #9333ea4d}to{box-shadow:0 0 25px #9333ea99}}@keyframes pulse-border{0%{opacity:.5}to{opacity:1}}.form-fade{animation:.4s forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.custom-form-wrapper{flex-direction:column;gap:20px;display:flex}.vocals-config-card{border:1px solid var(--border-color);background:#00000026;border-radius:10px;flex-direction:column;gap:14px;padding:16px;display:flex}.queue-card-layout{flex-direction:column;align-items:stretch;gap:14px;display:flex}.queue-progress-header{color:var(--text-secondary);justify-content:space-between;margin-bottom:6px;font-size:11px;display:flex}.queue-progress-bar-container{background:#ffffff14;border-radius:3px;width:100%;height:6px;overflow:hidden}@media (max-width:1024px){.workspace-grid{grid-template-columns:1fr}.app-container{padding:16px}}@media (max-width:600px){.app-container{gap:12px!important;padding:15px!important}.app-header{flex-direction:row;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px!important;padding:10px 8px!important}.logo-area{justify-content:flex-start;gap:8px!important}.logo-text h1{font-size:18px}.logo-text .sub-logo{display:none}.panel{box-shadow:none!important;background:#1210244d!important;border:none!important;padding:10px 0!important}.panel-header{margin-bottom:12px!important;padding:12px 10px!important}.panel-body{padding:10px 0!important}.tab-container{margin:10px 8px!important;padding:2px!important}#generator-form{padding-bottom:16px!important;gap:12px!important;padding-inline:0!important}.workspace-grid{gap:12px!important}.form-group{gap:6px!important}.custom-form-wrapper{gap:10px!important}.vocals-config-card{gap:8px!important;margin-top:4px!important;padding:10px!important}.queue-card-layout{gap:8px!important}.queue-progress-header{margin-bottom:4px!important}.queue-list{gap:8px!important}textarea,input[type=text],input[type=password],select{padding:10px 12px!important;font-size:13.5px!important}.song-card{border-radius:var(--radius-md)!important;gap:10px!important;padding:12px!important}.queue-card{border-radius:var(--radius-md)!important;padding:10px!important}.custom-player{gap:8px!important;padding:8px!important}.player-sub-row{margin-top:4px!important}.modal-card{width:95%}.cards-grid{grid-template-columns:1fr;gap:8px!important}}.download-toast{border:1px solid var(--border-focus);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-md);z-index:1000;background:#0f0c22eb;flex-direction:column;gap:10px;width:330px;padding:16px;animation:.35s cubic-bezier(.25,.8,.25,1) forwards slide-in-up;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 10px 40px #0009,0 0 20px #9333ea40}.download-toast-header{color:#fff;letter-spacing:.3px;justify-content:space-between;align-items:center;font-size:13.5px;font-weight:700;display:flex}.download-toast-title{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;max-width:250px;font-size:12px;overflow:hidden}.download-toast-spinner{color:var(--accent-cyan)}.download-toast-success-icon{color:#4ade80}@keyframes slide-in-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hamburger-btn{border:1px solid var(--border-color);color:var(--text-primary);border-radius:var(--radius-md);cursor:pointer;width:44px;height:44px;transition:var(--transition);background:#ffffff0d;justify-content:center;align-items:center;font-size:20px;display:none}.hamburger-btn:hover{background:#ffffff1a;border-color:#fff3}.mobile-drawer-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:900;opacity:0;pointer-events:none;background:#05040cb3;width:100vw;height:100vh;transition:opacity .3s;position:fixed;top:0;left:0}.mobile-drawer-overlay.active{opacity:1;pointer-events:all}.mobile-drawer{border-left:1px solid var(--border-color);background:#110f22;flex-direction:column;width:290px;height:100%;transition:transform .3s cubic-bezier(.25,.8,.25,1);display:flex;position:absolute;top:0;right:0;transform:translate(100%);box-shadow:-10px 0 40px #0009}.mobile-drawer-overlay.active .mobile-drawer{transform:translate(0)}.mobile-drawer-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:20px;display:flex}.mobile-drawer-body{flex-direction:column;flex:1;gap:24px;padding:24px 20px;display:flex}.drawer-section{flex-direction:column;gap:6px;display:flex}.drawer-section label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);font-size:11px;font-weight:700}.drawer-footer{text-align:center;border-top:1px solid #ffffff08;margin-top:auto;padding-top:20px}@media (max-width:768px){.header-actions{display:none!important}.hamburger-btn{display:flex!important}.workspace-grid{grid-template-columns:1fr!important}}