@font-face{font-family:Playfair Display;font-style:normal;font-weight:700;font-display:swap;src:url(../media/65c558afe41e89d6-s.113htgw8u-emy.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Playfair Display;font-style:normal;font-weight:700;font-display:swap;src:url(../media/14e23f9b59180572-s.08.c8psu~gif9.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:Playfair Display;font-style:normal;font-weight:700;font-display:swap;src:url(../media/b49b0d9b851e4899-s.0yfy_qj1.2qn0.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:Playfair Display;font-style:normal;font-weight:700;font-display:swap;src:url(../media/2a65768255d6b625-s.p.14by5b4al-y~f.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:Playfair Display;font-style:normal;font-weight:900;font-display:swap;src:url(../media/65c558afe41e89d6-s.113htgw8u-emy.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Playfair Display;font-style:normal;font-weight:900;font-display:swap;src:url(../media/14e23f9b59180572-s.08.c8psu~gif9.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:Playfair Display;font-style:normal;font-weight:900;font-display:swap;src:url(../media/b49b0d9b851e4899-s.0yfy_qj1.2qn0.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:Playfair Display;font-style:normal;font-weight:900;font-display:swap;src:url(../media/2a65768255d6b625-s.p.14by5b4al-y~f.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:Playfair Display Fallback;src:local(Times New Roman);ascent-override:97.25%;descent-override:22.56%;line-gap-override:0.0%;size-adjust:111.26%}.playfair_display_d5a9657b-module__ldIuAG__className{font-family:Playfair Display,Playfair Display Fallback;font-style:normal}.playfair_display_d5a9657b-module__ldIuAG__variable{--font-playfair:"Playfair Display", "Playfair Display Fallback"}
@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/2c55a0e60120577a-s.0bjc5tiuqdqro.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:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.0m6w47a4e5dy9.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/ad66f9afd8947f86-s.11u06r12fd6v_.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/5476f68d60460930-s.0wxq9webf.ew4.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:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.067x_6k0k23tk.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:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/1bffadaabf893a1e-s.16ipb6fqu393i.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:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.0q-301v4kxxnr.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:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/2c55a0e60120577a-s.0bjc5tiuqdqro.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:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.0m6w47a4e5dy9.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/ad66f9afd8947f86-s.11u06r12fd6v_.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/5476f68d60460930-s.0wxq9webf.ew4.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:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.067x_6k0k23tk.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:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/1bffadaabf893a1e-s.16ipb6fqu393i.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:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.0q-301v4kxxnr.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:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../media/2c55a0e60120577a-s.0bjc5tiuqdqro.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:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.0m6w47a4e5dy9.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../media/ad66f9afd8947f86-s.11u06r12fd6v_.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../media/5476f68d60460930-s.0wxq9webf.ew4.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:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.067x_6k0k23tk.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:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../media/1bffadaabf893a1e-s.16ipb6fqu393i.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:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.0q-301v4kxxnr.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:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_29f246d4-module__8Y_Bfa__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_29f246d4-module__8Y_Bfa__variable{--font-inter:"Inter", "Inter Fallback"}
*{box-sizing:border-box;margin:0;padding:0}:root{--primary-color:#6366f1;--primary-hover:#4f46e5;--link-color:#22d3ee;--link-hover:#06b6d4;--success-color:#10b981;--warning-color:#f59e0b;--error-color:#ef4444;--bg-dark:#1f2937;--bg-medium:#374151;--bg-light:#4b5563;--text-primary:#f9fafb;--text-secondary:#d1d5db;--border-color:#6b7280;--bg-primary:#111827;--bg-secondary:#1f2937;--text-muted:#9ca3af}@font-face{font-family:CpuVideoLatinClean;src:url(/fonts/cpu-video/latin/clean/Inter-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:CpuVideoLatinBold;src:url(/fonts/cpu-video/latin/bold/AntonSC-Regular.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:CpuVideoLatinClassic;src:url(/fonts/cpu-video/latin/classic/lora.regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:CpuVideoLatinMinimal;src:url(/fonts/cpu-video/latin/minimal/Sansation-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:CpuVideoLatinRomantic;src:url(/fonts/cpu-video/latin/romantic/GreatVibes-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:CpuVideoThaiClean;src:url(/fonts/cpu-video/thai/clean/Sarabun-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:CpuVideoThaiBold;src:url(/fonts/cpu-video/thai/bold/Kanit-Bold.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:CpuVideoThaiClassic;src:url(/fonts/cpu-video/thai/classic/Taviraj-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:CpuVideoThaiMinimal;src:url(/fonts/cpu-video/thai/minimal/Prompt-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:CpuVideoThaiRomantic;src:url(/fonts/cpu-video/thai/romantic/Sriracha-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}body{color:var(--text-primary);word-wrap:break-word;overflow-wrap:break-word;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}a{color:var(--link-color);text-decoration:none}a:hover{color:var(--link-hover);text-decoration:underline}.container{background:var(--bg-dark);border-radius:12px;max-width:1200px;margin:0 auto;overflow:hidden;box-shadow:0 8px 32px #0000004d}main{padding:30px}.config-section,.input-section,.status-section,.results-section,.log-section{background:var(--bg-medium);border:1px solid var(--border-color);border-radius:8px;margin-bottom:20px;padding:25px}h2{color:var(--primary-color);border-bottom:2px solid var(--primary-color);margin-bottom:20px;padding-bottom:10px;font-size:1.5em}.input-group{margin-bottom:20px}.input-group label{color:var(--text-secondary);margin-bottom:8px;font-weight:600;display:block}.input-group input[type=text],.input-group input[type=email],.input-group input[type=password],.input-group textarea,.input-group select{background:var(--bg-dark);border:2px solid var(--border-color);width:100%;color:var(--text-primary);border-radius:6px;padding:12px;font-family:inherit;font-size:16px;transition:border-color .3s}textarea.lyrics-textarea.lang-ja,textarea.edit-lyrics-textarea.lang-ja{font-family:Noto Sans JP,Noto Sans,sans-serif!important;line-height:1.75!important}textarea.lyrics-textarea.lang-ko,textarea.edit-lyrics-textarea.lang-ko{font-family:Noto Sans KR,Noto Sans,sans-serif!important;line-height:1.75!important}textarea.lyrics-textarea.lang-th,textarea.edit-lyrics-textarea.lang-th{font-family:Noto Sans Thai,Noto Sans,sans-serif!important;font-weight:400!important;line-height:1.75!important}textarea.lyrics-textarea.lang-zh,textarea.edit-lyrics-textarea.lang-zh{font-family:Noto Sans SC,Noto Sans,sans-serif!important;font-weight:400!important;line-height:1.75!important}.input-group textarea.lyrics-textarea.lang-ja,.input-group textarea.edit-lyrics-textarea.lang-ja,textarea[data-lyrics-lang=ja]{font-family:Noto Sans JP,sans-serif!important;font-weight:400!important}.input-group textarea.lyrics-textarea.lang-ko,.input-group textarea.edit-lyrics-textarea.lang-ko,textarea[data-lyrics-lang=ko]{font-family:Noto Sans KR,sans-serif!important;font-weight:400!important}.input-group textarea.lyrics-textarea.lang-th,.input-group textarea.edit-lyrics-textarea.lang-th,textarea[data-lyrics-lang=th]{font-family:Noto Sans Thai,sans-serif!important;font-weight:400!important}.input-group textarea.lyrics-textarea.lang-zh,.input-group textarea.edit-lyrics-textarea.lang-zh,textarea[data-lyrics-lang=zh]{font-family:Noto Sans SC,sans-serif!important;font-weight:400!important}@media (max-width:520px){textarea.lyrics-textarea,textarea.edit-lyrics-textarea{font-size:clamp(11px,3vw,14px);overflow-x:auto}textarea.lyrics-textarea.lang-ja,textarea.edit-lyrics-textarea.lang-ja,textarea.lyrics-textarea.lang-ko,textarea.edit-lyrics-textarea.lang-ko,textarea.lyrics-textarea.lang-th,textarea.edit-lyrics-textarea.lang-th,textarea.lyrics-textarea.lang-zh,textarea.edit-lyrics-textarea.lang-zh{font-size:clamp(12.5px,3.4vw,15px)!important;overflow-x:hidden!important}}.input-group input:focus,.input-group textarea:focus,.input-group select:focus{border-color:var(--primary-color);outline:none}.input-group textarea{resize:vertical;min-height:80px}.button-group{gap:15px;margin-top:25px;display:flex}.btn{cursor:pointer;border:none;border-radius:6px;flex:1;padding:12px 30px;font-size:1.1em;font-weight:600;transition:all .3s}.btn-primary{background:var(--primary-color);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 4px 12px #6366f166}.btn-secondary{background:var(--bg-light);color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background:var(--border-color)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-text{color:#6366f1;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:6px 12px;font-size:14px;transition:all .2s}.btn-text:hover{color:#818cf8;background:#6366f11a}.btn-danger{background:var(--error-color);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:10px 20px;font-weight:600;transition:all .3s}.btn-danger:hover{background:#dc2626;transform:translateY(-1px)}.nav-menu{background:var(--bg-medium);border-bottom:2px solid var(--border-color);flex-wrap:wrap;align-items:center;padding:0;display:flex}.nav-left{align-items:center;padding:0 15px;display:flex}.nav-left .logo{color:var(--primary-color);margin:0;padding:15px 0;font-size:1.5em;font-weight:700}.nav-center{flex:1;justify-content:center;gap:5px;display:flex}.nav-right{align-items:center;padding:0 15px;display:flex}.nav-item{color:var(--text-secondary);white-space:nowrap;border-bottom:3px solid #0000;padding:15px 20px;font-weight:500;text-decoration:none;transition:all .3s}.nav-item:hover{color:var(--text-primary);background:#6366f11a;text-decoration:none}.nav-item.active{color:var(--primary-color);border-bottom-color:var(--primary-color)}.user-info{align-items:center;gap:12px;display:flex}.user-credits{color:var(--warning-color);font-size:14px;font-weight:600}.user-name{color:var(--text-secondary);font-size:14px}.profile-card{background:var(--bg-medium);border:1px solid var(--border-color);border-radius:8px;margin-bottom:20px;padding:25px}.profile-header{border-bottom:1px solid var(--border-color);align-items:center;gap:20px;margin-bottom:20px;padding-bottom:20px;display:flex}.profile-avatar{background:linear-gradient(135deg, var(--primary-color), var(--primary-hover));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;font-size:32px;font-weight:700;display:flex}.profile-info h2{color:var(--text-primary);border:none;margin:0 0 5px;padding:0}.plan-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:6px;padding:6px 14px;font-size:12px;font-weight:700;display:inline-block}.plan-free{color:#9ca3af;background:#374151}.plan-pro{color:#6366f1;background:#6366f133}.plan-creator{color:#f59e0b;background:#fbbf2433}.profile-stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px;display:grid}.stat-card{text-align:center;background:var(--bg-dark);border:1px solid var(--border-color);border-radius:6px;padding:15px}.stat-value{color:var(--primary-color);margin-bottom:5px;font-size:32px;font-weight:700}.stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:13px}.quick-actions{background:var(--bg-medium);border:1px solid var(--border-color);border-radius:8px;margin-bottom:20px;padding:25px}.action-buttons{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;display:grid}.action-button{background:var(--bg-dark);border:2px solid var(--border-color);color:var(--text-primary);border-radius:8px;align-items:center;gap:15px;padding:20px;text-decoration:none;transition:all .3s;display:flex}.action-button:hover{border-color:var(--primary-color);text-decoration:none;transform:translateY(-2px);box-shadow:0 4px 12px #6366f14d}.action-icon{font-size:32px}.action-title{margin-bottom:5px;font-weight:600}.action-description{color:var(--text-secondary);font-size:13px}.generation-card{background:var(--bg-dark);border:1px solid var(--border-color);border-radius:8px;margin-bottom:15px;padding:15px}.generation-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.generation-status{text-transform:uppercase;border-radius:12px;align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.generation-date{color:var(--text-secondary);font-size:13px}.generation-prompt{color:var(--text-primary);margin-bottom:10px;font-size:14px}.recent-generations{background:var(--bg-medium);border:1px solid var(--border-color);border-radius:8px;padding:25px}.pricing-section{background:var(--bg-medium);border:1px solid var(--border-color);border-radius:8px;margin-bottom:30px;padding:40px 25px}.pricing-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px;margin-top:30px;display:grid}.pricing-card{background:#1f2937;border:2px solid #374151;border-radius:12px;flex-direction:column;padding:30px;transition:all .3s;display:flex;position:relative}.pricing-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000004d}.pricing-card.popular{border-color:#6366f1;box-shadow:0 0 20px #6366f14d}.pricing-card.current{background:linear-gradient(135deg,#10b9811a 0%,#0596691a 100%);border-color:#10b981}.popular-badge{color:#fff;letter-spacing:1px;background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:20px;padding:6px 20px;font-size:11px;font-weight:700;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.pricing-header{text-align:center;border-bottom:1px solid #374151;margin-bottom:25px;padding-bottom:25px}.pricing-header h3{color:#f3f4f6;margin-bottom:15px;font-size:1.8em}.price-amount{color:#fff;font-size:3em;font-weight:700}.price-period{color:#9ca3af;margin-left:5px;font-size:1em}.pricing-features{flex:1;margin-bottom:25px}.feature-item{color:#d1d5db;border-bottom:1px solid #374151;padding:12px 0;font-size:.95em}.pricing-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:8px;width:100%;padding:15px;font-size:1.05em;font-weight:600;transition:all .3s}.pricing-button:hover:not(:disabled){background:linear-gradient(135deg,#4f46e5,#4338ca);transform:translateY(-2px)}.pricing-button.current-plan{cursor:default;background:#10b981}.pricing-button:disabled{opacity:.7;cursor:not-allowed}.pricing-button.downgrade{background:linear-gradient(135deg,#6b7280,#4b5563)}.pricing-button.downgrade:hover{background:linear-gradient(135deg,#4b5563,#374151)}.pricing-description{color:#9ca3af;margin-top:10px;font-size:.95em}.pricing-price{margin:20px 0}.tier-free .pricing-header h3{color:#9ca3af}.tier-pro .pricing-header h3{color:#818cf8}.tier-creator .pricing-header h3{color:#fbbf24}.generation-actions{margin-top:10px}.status-box{border:2px solid;border-radius:6px;align-items:center;gap:12px;padding:15px 20px;font-size:1.05em;display:flex}.status-idle{background:var(--bg-light);border-color:var(--border-color);color:var(--text-secondary)}.status-processing{color:#93c5fd;background:#3b82f61a;border-color:#3b82f6}.status-success{border-color:var(--success-color);color:#6ee7b7;background:#10b9811a}.status-error{border-color:var(--error-color);color:#fca5a5;background:#ef44441a}.status-warning{border-color:var(--warning-color);color:#fcd34d;background:#f59e0b1a}.log-info{color:#93c5fd}.log-success{color:var(--success-color)}.log-warning{color:var(--warning-color)}.log-error{color:var(--error-color)}.preset-card{background:var(--bg-dark);border:2px solid var(--border-color);cursor:pointer;border-radius:8px;padding:15px;transition:all .3s}.preset-card:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 12px #6366f14d}.preset-card.selected{border-color:var(--primary-color);background:linear-gradient(135deg,#6366f11a 0%,#6366f10d 100%)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner{animation:1s linear infinite spin}.auth-container{background:#111827cc;border:1px solid #6366f14d;border-radius:12px;max-width:400px;margin:50px auto;padding:30px}.auth-header{text-align:center;margin-bottom:30px}.auth-header h1{color:#6366f1;margin-bottom:10px}.auth-header p{color:#9ca3af;font-size:14px}.form-group{margin-bottom:20px}.form-group label{color:#d1d5db;margin-bottom:8px;font-weight:500;display:block}.form-group input{color:#f3f4f6;box-sizing:border-box;background:#1f293780;border:1px solid #4b556380;border-radius:6px;width:100%;padding:12px;font-size:14px}.form-group input:focus{background:#1f2937cc;border-color:#6366f1;outline:none}.form-group small{color:#9ca3af;margin-top:5px;font-size:12px;display:block}.auth-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border:none;border-radius:6px;width:100%;padding:12px;font-size:16px;font-weight:600;transition:transform .2s}.auth-btn:hover:not(:disabled){transform:translateY(-2px)}.auth-btn:disabled{opacity:.5;cursor:not-allowed}.auth-footer{text-align:center;color:#9ca3af;margin-top:20px;font-size:14px}.error-message{color:#fca5a5;background:#ef44441a;border:1px solid #ef44444d;border-radius:6px;margin-bottom:20px;padding:12px;font-size:14px}.success-message{color:#86efac;background:#22c55e1a;border:1px solid #22c55e4d;border-radius:6px;margin-bottom:20px;padding:12px;font-size:14px}.legal-container{background:var(--bg-secondary);border-radius:12px;max-width:900px;margin:40px auto;padding:20px}.legal-header{border-bottom:2px solid var(--primary-color);margin-bottom:30px;padding-bottom:20px}.legal-section{margin-bottom:30px}.legal-section h2{color:var(--primary-color);margin-top:30px;margin-bottom:15px}.legal-section h3{margin-top:20px;margin-bottom:10px}.legal-updated{color:var(--text-muted);font-size:.9em}.site-footer{background:var(--bg-dark);border-top:2px solid var(--border-color);margin-top:60px;padding:40px 20px 20px}.footer-content{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px;max-width:1200px;margin:0 auto 30px;display:grid}.footer-section h4{color:var(--primary-color);margin-bottom:15px;font-size:1.1em}.footer-section a{color:var(--link-color);margin-bottom:10px;font-size:.95em;text-decoration:none;transition:color .2s,transform .2s;display:block}.footer-section a:hover{color:var(--link-hover);transform:translate(3px)}.footer-bottom{text-align:center;border-top:1px solid var(--border-color);color:var(--text-secondary);padding-top:20px;font-size:.9em}.footer-bottom p{margin:5px 0}.modal{z-index:10000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.modal.active{display:flex}.modal-content{background:#1f2937;border-radius:12px;max-width:90%;max-height:90vh;overflow:hidden;box-shadow:0 20px 60px #00000080}.modal-header{background:linear-gradient(135deg,#6366f1,#4f46e5);justify-content:space-between;align-items:center;padding:20px 25px;display:flex}.modal-header h2{color:#fff;border:none;margin:0;padding:0;font-size:20px}.modal-close{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:32px;transition:background .2s;display:flex}.modal-close:hover{background:#fff3}.modal-body{color:#d1d5db;padding:25px}.loading-spinner{text-align:center;color:var(--text-secondary);padding:40px;font-size:16px}.settings-container{max-width:900px;margin:20px auto;padding:20px}.settings-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;margin-bottom:20px;padding:25px}.setting-row{border-bottom:1px solid #6b728033;justify-content:space-between;align-items:center;padding:15px 0;display:flex}.setting-row:last-child{border-bottom:none}.setting-label{flex:1}.setting-label h3{margin-bottom:5px;font-size:1.1em}.setting-label p{color:var(--text-secondary);margin:0;font-size:.9em}.setting-value{text-align:right;min-width:200px}.setting-value .value{color:var(--primary-color);margin-bottom:5px;font-weight:600;display:block}.gallery-header{text-align:center;color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:40px 20px}.gallery-header h1{margin:0 0 10px;font-size:2.5em}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:25px;max-width:1200px;margin:0 auto;padding:20px;display:grid}.song-card{cursor:pointer;background:#2a2a2a;border-radius:12px;transition:transform .3s,box-shadow .3s;overflow:hidden}.song-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000004d}.history-filters{background:var(--bg-medium);border:1px solid var(--border-color);border-radius:8px;margin-bottom:20px;padding:20px}.history-list{background:var(--bg-medium);border:1px solid var(--border-color);border-radius:8px;padding:25px}.history-card{background:var(--bg-dark);border:1px solid var(--border-color);border-radius:8px;margin-bottom:15px;padding:20px;transition:all .3s}.history-card:hover{border-color:var(--primary-color);box-shadow:0 2px 8px #6366f133}@media (max-width:768px){body{padding:10px}main{padding:15px}.button-group{flex-direction:column}.btn{width:100%}.nav-menu{flex-wrap:wrap}.footer-content{grid-template-columns:1fr}.profile-header{text-align:center;flex-direction:column}.profile-stats{grid-template-columns:1fr}.setting-row{flex-direction:column;gap:10px}.setting-value{text-align:left;min-width:unset}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-dark);border-radius:5px}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--bg-light)}audio{border-radius:4px;width:100%;margin-top:10px}