:root{color-scheme:dark;--bg-0: #030303;--bg-1: #070707;--bg-2: #0a0a0a;--bg-3: #141414;--surface: rgba(12, 12, 12, .82);--surface-strong: rgba(20, 20, 20, .94);--border: rgba(250, 204, 21, .18);--border-strong: rgba(250, 204, 21, .35);--text: #fafaf9;--text-soft: #d6d3d1;--text-mute: #8e8b85;--accent: #facc15;--accent-2: #fde047;--accent-3: #ca8a04;--gold-deep: #8b6914;--success: #4ade80;--warning: #facc15;--danger: #f87171;--shadow: 0 30px 60px -25px rgba(250, 204, 21, .32), 0 8px 24px -8px rgba(0, 0, 0, .7)}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg-0);color:var(--text);font-family:Plus Jakarta Sans,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%;overflow:hidden}body{background:radial-gradient(ellipse 100% 70% at 50% -25%,rgba(250,204,21,.16),transparent 52%),radial-gradient(ellipse 50% 45% at 100% 40%,rgba(250,204,21,.05),transparent 50%),linear-gradient(180deg,#0a0a0a,#030303,#000);background-attachment:fixed;height:100dvh;overflow:hidden}#root{height:100%;display:flex;flex-direction:column;overflow:hidden}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,select,textarea{font-family:inherit;color:inherit}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}::selection{background:#facc1566;color:#000}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#facc1533;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#facc1566}.app{display:flex;flex-direction:column;flex:1;height:100dvh;max-height:100dvh;width:100%;position:relative;z-index:1;overflow:hidden}@keyframes neonDrift{0%{opacity:.55;transform:scale(1) translate(0)}to{opacity:.85;transform:scale(1.08) translate(-2%,1%)}}@keyframes neonPulse{0%,to{box-shadow:0 0 20px #facc152e,0 0 40px #ca8a041f,inset 0 0 30px #facc150a}50%{box-shadow:0 0 28px #facc1552,0 0 56px #ca8a0438,inset 0 0 40px #facc1514}}@keyframes neonBorderSpin{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(20deg)}}@keyframes creditShimmer{0%{opacity:.35}50%{opacity:1}to{opacity:.35}}.neon-app:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 900px 480px at 15% 5%,rgba(250,204,21,.08),transparent 55%),radial-gradient(ellipse 800px 500px at 92% 8%,rgba(253,224,71,.06),transparent 50%),radial-gradient(ellipse 700px 600px at 50% 100%,rgba(202,138,4,.06),transparent 55%);animation:neonDrift 22s ease-in-out infinite alternate}.neon-text{font-variant-numeric:tabular-nums;color:#fef9c3;text-shadow:0 0 12px rgba(250,204,21,.85),0 0 28px rgba(253,224,71,.55),0 0 42px rgba(202,138,4,.35)}.neon-text-soft{font-variant-numeric:tabular-nums;color:#fef3c7;text-shadow:0 0 10px rgba(250,204,21,.5)}.neon-surface{border-radius:16px;padding:10px 14px 12px;background:linear-gradient(145deg,#080808f5,#0e0e0eeb);border:1px solid rgba(250,204,21,.32);box-shadow:0 0 0 1px #facc151a,0 8px 32px -8px #000000b3,0 0 24px #facc152e;animation:neonPulse 4.5s ease-in-out infinite}.neon-surface.loading{animation:neonPulse 1.8s ease-in-out infinite}.neon-edge{box-shadow:0 0 16px #facc151f,inset 0 0 20px #facc150a}.neon-card{position:relative;isolation:isolate;z-index:0;border-color:#facc1533!important;box-shadow:var(--shadow),0 0 40px #facc1514,inset 0 1px #facc150f}.neon-card:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;padding:1px;background:linear-gradient(130deg,#fde04773,#facc1580,#ca8a0466);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.45}.status-stack{display:flex;flex-direction:column;align-items:stretch;gap:10px;width:100%;max-width:100%}.status-credit{min-width:0;width:100%;text-align:left}.status-credit-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.credit-label{font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#fde047d9;text-shadow:0 0 12px rgba(250,204,21,.5)}.credit-value{font-size:26px;font-weight:800;line-height:1.1;margin-top:2px;letter-spacing:-.02em}.credit-shimmer{display:inline-block;animation:creditShimmer 1s ease-in-out infinite;letter-spacing:.2em}.credit-total-line{margin-top:6px;font-size:11px;color:var(--text-mute);text-align:left}.credit-age{margin-top:2px;text-align:left;font-size:10.5px;letter-spacing:.02em;opacity:.78}.credit-cover{display:inline-block;margin-left:8px;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:2px 7px;border-radius:999px;border:1px solid currentColor;vertical-align:middle}.credit-cover.ok{color:#6ee7b7;background:#34d39914}.credit-cover.warn{color:#fcd34d;background:#fbbf241a}.credit-details-toggle{margin-top:6px;display:inline-flex;align-items:center;gap:4px;font-size:11px;color:#fde047d9;background:transparent;border:1px solid rgba(253,224,71,.22);padding:4px 9px;border-radius:999px;text-shadow:0 0 10px rgba(250,204,21,.4);transition:border-color .15s ease,background .15s ease,color .15s ease}.credit-details-toggle:hover{border-color:#facc158c;color:#fef3c7;background:#facc1514}.credit-details{list-style:none;margin:8px 0 0;padding:8px;background:#00000047;border-radius:12px;border:1px solid rgba(255,255,255,.05);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;max-height:220px;overflow:auto;text-align:left}@media(max-width:480px){.credit-details{grid-template-columns:1fr}}.credit-details li{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:6px;padding:5px 8px;border-radius:8px;background:#ffffff08;border:1px solid transparent;font-size:11.5px;font-variant-numeric:tabular-nums;min-width:0}.credit-details li.ok{color:#d1fae5}.credit-details li.fail{color:#fecaca;background:#f8717114;border-color:#f871712e}.credit-details li.depleted{color:#fecaca;background:#f871710f;border-color:#f8717140;position:relative}.credit-details li.depleted:before{content:"";position:absolute;top:4px;left:4px;right:4px;bottom:4px;border-left:2px solid rgba(248,113,113,.55);border-radius:2px;pointer-events:none}.credit-details li.depleted .credit-row-value{color:#fecaca}.credit-details li.active{border-color:#facc158c;box-shadow:inset 0 0 0 1px #facc1540}.credit-details li.clickable{cursor:pointer;transition:transform .12s ease,border-color .12s ease,background .12s ease}.credit-details li.clickable:hover{transform:translateY(-1px);border-color:#facc158c;background:#facc1514}.credit-details li.clickable:focus-visible{outline:2px solid rgba(250,204,21,.55);outline-offset:1px}.credit-row-tag{font-size:9.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:1px 6px;border-radius:999px;background:#ffffff0f;color:var(--text-mute)}.credit-row-tag.warn{background:#f8717126;color:#fecaca;border:1px solid rgba(248,113,113,.35)}.credit-auto-switch{display:flex;align-items:flex-start;gap:8px;margin-top:8px;padding:7px 10px;border-radius:10px;background:linear-gradient(135deg,#22c55e1a,#a855f71a);border:1px solid rgba(34,197,94,.3);color:#bbf7d0;line-height:1.45}.credit-auto-switch:before{content:"↻";flex-shrink:0;font-weight:800;color:#86efac;font-size:13px;line-height:1.2}.credit-auto-switch-x{background:transparent;border:0;color:#bbf7d099;font-size:14px;line-height:1;padding:0 2px;cursor:pointer;margin-left:auto;align-self:flex-start}.credit-auto-switch-x:hover{color:#fff}.credit-row-idx{font-size:10px;color:var(--text-mute);letter-spacing:.04em}.credit-row-value{font-weight:700;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.credit-details li.ok .credit-row-value{color:#fef9c3;text-shadow:0 0 10px rgba(250,204,21,.35)}.credit-row-err{grid-column:1 / -1;margin-top:2px;color:#fecacad9;font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.credit-row-retry{font-size:9.5px;color:#fde047b3;padding:1px 5px;border-radius:999px;background:#facc151a;border:1px solid rgba(250,204,21,.22)}.credit-err{margin-top:6px;color:var(--danger);text-align:left;max-width:100%}.credit-refresh{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:10px;border:1px solid rgba(250,204,21,.35);background:#0006;color:#fde047f2;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.credit-refresh:hover:not(:disabled){border-color:#facc15a6;box-shadow:0 0 16px #facc1566;color:#fef3c7}.credit-refresh:disabled{opacity:.45;cursor:wait}.credit-refresh svg{animation:none}.credit-refresh:hover:not(:disabled) svg{animation:spinOnce .65s ease-out}@keyframes spinOnce{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.form-col::-webkit-scrollbar,.result-col::-webkit-scrollbar,.result-scroll::-webkit-scrollbar,.settings-wrap::-webkit-scrollbar,.history-list::-webkit-scrollbar,.result-lyrics::-webkit-scrollbar{width:6px}.form-col::-webkit-scrollbar-thumb,.result-col::-webkit-scrollbar-thumb,.result-scroll::-webkit-scrollbar-thumb,.settings-wrap::-webkit-scrollbar-thumb,.history-list::-webkit-scrollbar-thumb,.result-lyrics::-webkit-scrollbar-thumb{background:#facc1533;border-radius:999px}.form-col::-webkit-scrollbar-thumb:hover,.result-col::-webkit-scrollbar-thumb:hover,.result-scroll::-webkit-scrollbar-thumb:hover,.settings-wrap::-webkit-scrollbar-thumb:hover,.history-list::-webkit-scrollbar-thumb:hover,.result-lyrics::-webkit-scrollbar-thumb:hover{background:#facc1573}.form-col,.result-col,.result-scroll,.settings-wrap,.history-list,.result-lyrics{scrollbar-width:thin;scrollbar-color:rgba(250,204,21,.25) transparent}.shell{display:flex;flex-direction:row;flex:1;min-height:0;min-width:0;width:100%;height:100%;overflow:hidden}.sidebar{width:276px;flex-shrink:0;display:flex;flex-direction:column;gap:22px;padding:22px 16px 28px;border-right:1px solid rgba(250,204,21,.18);background:linear-gradient(185deg,#080808fa,#030303f5 45%,#080808f0);box-shadow:8px 0 40px -18px #facc151a;position:sticky;top:0;align-self:flex-start;height:100dvh;max-height:100dvh;overflow-y:auto;overflow-x:hidden;z-index:25}.sidebar-brand{display:flex;flex-direction:column;align-items:center;gap:10px;min-width:0;padding:4px 2px 12px;text-align:center}.sidebar-brand .logo{display:inline-flex;flex-shrink:0;filter:drop-shadow(0 8px 22px rgba(250,204,21,.45)) drop-shadow(0 0 18px rgba(253,224,71,.32));transition:transform .3s ease,filter .3s ease}.sidebar-brand .logo img{display:block;width:130px;height:130px;object-fit:contain;border-radius:50%}.sidebar-brand:hover .logo{transform:scale(1.04);filter:drop-shadow(0 10px 28px rgba(250,204,21,.6)) drop-shadow(0 0 24px rgba(253,224,71,.45))}.sidebar-brand .brand-text{display:none}.sidebar-brand .brand-text h1{font-family:Unbounded,Plus Jakarta Sans,system-ui,sans-serif;font-weight:800;font-size:22px;line-height:1;letter-spacing:-.02em;margin:0 0 6px;background:linear-gradient(110deg,#fef9c3,#fde047 25%,#facc15 55%,#ca8a04 80%,#fef3c7);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 18px rgba(250,204,21,.55)) drop-shadow(0 0 28px rgba(202,138,4,.3));animation:brandShimmer 8s ease-in-out infinite}@keyframes brandShimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.sidebar-brand .brand-text span{font-size:10px;color:var(--text-mute);letter-spacing:.14em;text-transform:uppercase;line-height:1.4;display:block;font-family:Plus Jakarta Sans,system-ui,sans-serif;font-weight:500}.sidebar-brand .brand-text .brand-by{margin-bottom:6px;font-size:10px;font-weight:700;letter-spacing:.22em;color:#fde047eb;text-shadow:0 0 14px rgba(250,204,21,.55);text-transform:uppercase}.sidebar-tabs{flex-direction:column;width:100%;justify-self:stretch;border-radius:16px;padding:5px}.sidebar-tabs--top{display:none}.sidebar-tabs .tab{width:100%;justify-content:flex-start;border-radius:12px;padding:11px 14px}.sidebar-nav{display:flex;flex-direction:column;gap:8px;width:100%;margin-top:4px}.nav-item{position:relative;display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:10px;width:100%;padding:11px 14px 11px 12px;border-radius:14px;background:linear-gradient(180deg,#ffffff06,#ffffff03);border:1px solid rgba(255,255,255,.06);color:var(--text-soft);font-size:14px;font-weight:600;letter-spacing:.01em;cursor:pointer;text-align:left;isolation:isolate;transition:transform .15s ease,color .15s ease,border-color .18s ease,background .2s ease,box-shadow .2s ease}.nav-item:before{display:none}.nav-item:hover{color:#fef3c7;border-color:#facc1547;background:linear-gradient(180deg,#facc1514,#ca8a040d);transform:translate(2px)}.nav-item:hover:before{opacity:.6;transform:scaleY(1)}.nav-item:hover .nav-item-arrow{opacity:.85;transform:translate(2px)}.nav-item.is-active{color:#1a1300;border-color:#fde0478c;background:linear-gradient(135deg,#fde047,#facc15,#eab308);box-shadow:0 8px 28px -10px #facc1599,0 0 26px #facc1533,inset 0 0 18px #ffffff2e}.nav-item.is-active:before{opacity:1;transform:scaleY(1);background:linear-gradient(180deg,#fef9c3,#facc15,#ca8a04);box-shadow:0 0 14px #facc15b3}.nav-item.is-active .nav-item-ico{color:#1a1300;background:#0000002e;border-color:#00000040;box-shadow:inset 0 0 8px #ffffff2e}.nav-item.is-active .nav-item-label{background:none;-webkit-background-clip:initial;background-clip:initial;color:#1a1300;filter:none;font-weight:800}.nav-item-ico{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;color:var(--text-mute);background:#ffffff0a;border:1px solid rgba(255,255,255,.06);transition:color .18s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease}.nav-item:hover .nav-item-ico{color:#fef3c7;border-color:#facc1559;background:#facc151f}.nav-item-label{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-item-arrow{display:inline-flex;align-items:center;color:var(--text-mute);opacity:0;transform:translate(-2px);transition:opacity .18s ease,transform .18s ease}.nav-item.is-active .nav-item-arrow{opacity:.95;color:#1a1300;transform:translate(0)}.nav-item-badge{display:inline-flex;align-items:center;justify-content:center;height:18px;padding:0 7px;font-family:ui-monospace,Cascadia Code,Menlo,monospace;font-size:9.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#1a1300;background:linear-gradient(120deg,#fde047,#facc15);border-radius:999px;box-shadow:0 0 14px #facc1580}a.nav-item,.nav-item--external{text-decoration:none;color:inherit}.nav-item-ext{display:inline-flex;align-items:center;justify-content:center;margin-left:auto;color:#fde047b3;transition:color .18s ease,transform .18s ease}.nav-item--external:hover .nav-item-ext{color:#fef3c7;transform:translate(1px,-1px)}.sidebar-tabs--secondary{background:transparent;border:1px solid rgba(255,255,255,.05);padding:4px;border-radius:12px;margin-bottom:12px}.sidebar-tabs--secondary .tab.tab-secondary{display:inline-flex;align-items:center;gap:10px;padding:9px 12px;font-size:13px;color:var(--text-soft);border-radius:10px;background:transparent;border:1px solid transparent}.sidebar-tabs--secondary .tab.tab-secondary svg{flex-shrink:0;opacity:.85}.sidebar-tabs--secondary .tab.tab-secondary:hover{background:#ffffff0a;color:#fff}.sidebar-tabs--secondary .tab.tab-secondary.active{background:linear-gradient(135deg,#fde047,#facc15);border-color:#fde04780;color:#1a1300;box-shadow:0 0 18px #facc1580,inset 0 0 12px #ffffff26;font-weight:800}.sidebar-tabs--secondary .tab.tab-secondary .dot.warn{margin-left:auto}.sidebar-bottom{margin-top:auto;padding-top:16px;border-top:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;gap:0}.sidebar-status{margin-top:0;padding-top:0;border-top:0}.sidebar .credit-details-toggle{width:100%;justify-content:center}.sidebar .status{flex-wrap:wrap;white-space:normal;justify-content:flex-start;width:100%}.sidebar .credit-details{grid-template-columns:1fr;max-height:200px}.main-wrap{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0;height:100%;overflow:hidden}.mobile-nav{display:none}@media(max-width:980px){.sidebar{display:none}.mobile-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:8px 8px max(8px,env(safe-area-inset-bottom,0px));background:linear-gradient(180deg,#080808eb,#030303fa);border-top:1px solid rgba(250,204,21,.22);box-shadow:0 -8px 24px -10px #000000b3,0 -2px 18px #facc151f;flex-shrink:0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:50}.mobile-nav-item{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 4px 6px;border-radius:12px;background:transparent;border:1px solid transparent;color:var(--text-mute);font-size:10.5px;font-weight:600;letter-spacing:.02em;cursor:pointer;text-align:center;transition:color .15s ease,background .18s ease,border-color .18s ease,transform .12s ease}.mobile-nav-item:active{transform:scale(.96)}.mobile-nav-item svg{flex-shrink:0;transition:transform .18s ease,filter .18s ease}.mobile-nav-item.is-active{color:#1a1300;background:linear-gradient(135deg,#fde047,#facc15,#eab308);border-color:#fde04799;box-shadow:0 0 18px #facc1580,inset 0 0 12px #ffffff2e}.mobile-nav-item.is-active svg{color:#1a1300;filter:drop-shadow(0 0 6px rgba(255,255,255,.35));transform:translateY(-1px)}.mobile-nav-item.is-active span{background:none;-webkit-background-clip:initial;background-clip:initial;color:#1a1300;font-weight:800}.mobile-nav-badge{position:absolute;top:2px;right:8px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:linear-gradient(135deg,#facc15,#ca8a04);color:#1a1300;font-size:9.5px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 0 10px #facc158c}.mobile-nav-dot{position:absolute;top:6px;right:18px;width:7px;height:7px;border-radius:50%;background:var(--warning);box-shadow:0 0 8px var(--warning)}}.tabs{display:flex;gap:4px;padding:4px;background:#ffffff0d;border:1px solid var(--border);border-radius:999px}.tabs .tab{position:relative;padding:8px 18px;font-size:14px;font-weight:600;color:var(--text-soft);border-radius:999px;display:inline-flex;align-items:center;gap:8px;transition:color .15s ease,background .15s ease}.tabs .tab:hover{color:#fff}.tabs .tab.active{background:linear-gradient(135deg,#fde047,#facc15);color:#1a1300;box-shadow:0 0 24px #facc1580,0 0 48px #facc152e,inset 0 0 20px #ffffff26;border:1px solid rgba(253,224,71,.45)}.tabs .tab .dot.warn{width:8px;height:8px;border-radius:50%;background:var(--warning);display:inline-block}.status{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:#4ade801a;color:var(--success);font-size:12px;font-weight:600;border:1px solid rgba(74,222,128,.25);white-space:nowrap}.status.warn{background:#facc151f;color:var(--warning);border-color:#facc1559}.status .dot{width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor;animation:pulse 1.6s ease-in-out infinite}.status-sep{opacity:.4}.status-model{font-size:11px;letter-spacing:.04em;opacity:.85}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.main{flex:1;width:100%;max-width:1280px;margin:0 auto;padding:clamp(12px,2vw,20px);min-height:0;overflow:hidden;display:flex;flex-direction:column}.create-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:20px;align-items:stretch;flex:1;min-height:0;overflow:hidden}@media(max-width:980px){.create-grid{grid-template-columns:1fr;overflow-y:auto;overflow-x:hidden}.form-col,.result-col{overflow:visible;min-height:0;height:auto}.result-grid{overflow:visible}.result-scroll{overflow:visible;padding-right:0}.history-card{flex:0 0 auto}.history-list{flex:0 0 auto;max-height:220px;overflow:auto}.main{padding:12px}.result-col-head{padding:9px 12px;margin-bottom:10px;border-radius:12px}.result-col-head h2{font-size:14px;line-height:1.2}.result-col-head p{font-size:10.5px;line-height:1.35}.result-col-head:before{width:3px}.result-card{padding:11px 12px 10px;border-radius:14px}.result-head{margin-bottom:8px;gap:8px}.result-head h3{font-size:12px}.result-icon{width:26px;height:26px;border-radius:8px}.result-icon svg{width:14px;height:14px}.result-head .muted.small{font-size:10.5px}.btn-copy{padding:6px 10px;font-size:12px;border-radius:8px}.btn-copy svg{width:14px;height:14px}.result-title{font-size:20px!important}.result-lyrics{font-size:13.5px;line-height:1.55}.result-style{font-size:12.5px;line-height:1.5;padding:10px 12px}.result-grid,.result-scroll{gap:10px}.form-card{padding:14px 14px 12px;border-radius:16px}.form-head h2{font-size:15px}.form-head p{font-size:11.5px}.form{gap:10px;margin-top:10px}.label{font-size:11px}.history-card{padding:11px 12px 10px;border-radius:12px}.history-head h3{font-size:12px}.history-title{font-size:13px}.history-meta{font-size:11px}.history-time{font-size:10px}.create-grid[data-mobile-tab=create] .result-col,.create-grid[data-mobile-tab=create] .history-card,.create-grid[data-mobile-tab=result] .form-col{display:none}.create-grid[data-mobile-tab=history] .form-col>.form-card,.create-grid[data-mobile-tab=history] .result-col{display:none}.create-grid[data-mobile-tab=history] .form-col{overflow:visible}.create-grid[data-mobile-tab=history] .history-card{margin-top:0}.create-grid[data-mobile-tab=history] .history-list{max-height:none}}.card,.form-card{background:var(--surface);border:1px solid var(--border);border-radius:22px;padding:clamp(10px,1.5vw,16px);box-shadow:var(--shadow);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);min-height:0}.form-col{display:flex;flex-direction:column;gap:14px;min-height:0;overflow:hidden}.form-card{display:flex;flex-direction:column;flex-shrink:0}.card-head{display:flex;align-items:flex-start;gap:12px;justify-content:space-between;margin-bottom:16px}.card-head .badge{background:#facc151f;color:#fef3c7;border:1px solid rgba(250,204,21,.4);font-size:12px;padding:4px 10px;border-radius:999px;font-weight:600}.banner{margin:12px 0 18px;padding:12px 14px;border-radius:14px;font-size:14px;border:1px solid}.banner.warn{background:#facc1514;border-color:#facc1566;color:#fde68a}.form{display:flex;flex-direction:column;gap:7px;margin-top:6px}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.field.full{grid-column:1 / -1}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.field-row-2x2{grid-template-columns:1fr 1fr;grid-template-rows:auto auto}@media(max-width:520px){.field-row{grid-template-columns:1fr}}.label.label--row{flex-wrap:wrap;row-gap:2px}.label .label-hint{font-size:11px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--text-mute);white-space:nowrap}@media(max-width:520px){.label .label-hint{white-space:normal}}.label{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--text-soft)}.input optgroup{background:#0f0f0f;color:#fef3c7;font-weight:700;letter-spacing:.04em}.input optgroup option{color:var(--text);font-weight:500;padding-left:8px}.input{width:100%;background:#00000080;border:1px solid var(--border);color:var(--text);border-radius:10px;padding:6px 10px;font-size:13px;outline:none;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease;resize:none}.input:hover{border-color:var(--border-strong)}.input:focus{border-color:#facc1599;box-shadow:0 0 0 4px #facc1529;background:#0009}.input.mono,.mono{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:12.5px}select.input{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23facc15' stroke-width='2'><path d='M6 9l6 6 6-6' stroke-linecap='round' stroke-linejoin='round'/></svg>");background-repeat:no-repeat;background-position:right 12px center;padding-right:38px}select.input option{background:#0a0a0a;color:var(--text)}input[type=range].input{padding:12px 0;background:transparent;border:none;box-shadow:none}.checkbox{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;color:var(--text-soft);cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox input{width:15px;height:15px;accent-color:#facc15;flex-shrink:0}.checkbox-field{flex-direction:row;align-items:center;gap:14px}.checkbox-field .label{margin-right:12px}.form-actions{display:flex;flex-direction:column;align-items:stretch;gap:8px;margin-top:2px}.btn-full{width:100%;justify-content:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;font-size:13.5px;font-weight:600;border-radius:10px;transition:transform .06s ease,box-shadow .15s ease,background .15s ease,border-color .15s ease;border:1px solid transparent;white-space:nowrap}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,#fde047,#facc15,#eab308);color:#1a1300;border:1px solid rgba(253,224,71,.55);box-shadow:0 14px 36px -10px #facc158c,0 0 28px #facc154d,inset 0 1px #ffffff40;font-weight:800}.btn-primary:hover:not(:disabled){filter:brightness(1.06);box-shadow:0 18px 44px -10px #facc15a6,0 0 40px #facc1566,inset 0 1px #ffffff4d}.btn-ghost{background:#ffffff0a;color:var(--text);border:1px solid var(--border)}.btn-ghost:hover:not(:disabled){background:#facc1514;border-color:#facc154d}.btn-danger{background:#f871712e;color:var(--danger);border:1px solid rgba(248,113,113,.35)}.btn-copy{background:#ffffff0d;border:1px solid var(--border);color:var(--text-soft);padding:8px 12px;font-size:13px;border-radius:10px}.btn-copy:hover:not(:disabled){border-color:#facc1580;color:#fef3c7;background:#facc1514}.btn-copy.copied{background:#4ade802e;border-color:#4ade8080;color:var(--success)}.icon-btn{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;border:1px solid var(--border);background:#ffffff0a;color:var(--text-soft);cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease}.icon-btn:hover{background:#ffffff12;border-color:#fff3;color:var(--text)}.icon-btn:focus-visible{outline:2px solid rgba(250,204,21,.55);outline-offset:2px}.icon-btn--danger:hover{border-color:#f8717173;background:#f871711a;color:var(--danger)}.icon-btn--copy:hover{border-color:#facc1580;background:#facc151f;color:#fef3c7}.icon-btn--copy.is-copied,.icon-btn--copy.is-copied:hover{border-color:#4ade808c;background:#4ade802e;color:var(--success);transform:scale(1.04)}.link{background:none;border:none;color:var(--accent);font-weight:600;cursor:pointer;font-size:inherit;padding:0}.link:hover{text-decoration:underline}.link.danger{color:var(--danger)}.link.small{font-size:12px}.result-col{display:flex;flex-direction:column;min-height:0;overflow:hidden}.result-col-head{display:flex;align-items:center;gap:12px;margin-bottom:12px;padding:12px 16px;border-radius:14px;border:1px solid rgba(250,204,21,.32);background:radial-gradient(120% 200% at 0% 0%,rgba(250,204,21,.18),transparent 55%),radial-gradient(120% 200% at 100% 100%,rgba(202,138,4,.14),transparent 55%),linear-gradient(180deg,#141004d9,#0a0802eb);box-shadow:0 0 0 1px #0000004d inset,0 8px 28px -12px #facc1552,0 0 22px #facc151a;position:relative;flex-shrink:0;overflow:hidden}.result-col-head:before{display:none}.result-col-head-text{display:flex;flex-direction:column;gap:2px;min-width:0}.result-col-head h2{margin:0;font-size:16px;font-weight:800;letter-spacing:-.01em;background:linear-gradient(90deg,#fef9c3,#fde047,#facc15 70%,#fef3c7);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(0 0 12px rgba(250,204,21,.45))}.result-col-head p{margin:0;font-size:11.5px;line-height:1.4;color:#fde047c7;letter-spacing:.01em}.result-grid{display:flex;flex-direction:column;gap:14px;flex:1;min-height:0;overflow:hidden}.result-scroll{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:14px;padding-right:4px}.result-handoff{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border-radius:18px;border:1px solid rgba(250,204,21,.32);background:radial-gradient(120% 140% at 0% 0%,rgba(250,204,21,.16),transparent 55%),radial-gradient(120% 140% at 100% 100%,rgba(202,138,4,.14),transparent 55%),#0a0a0acc;box-shadow:0 0 0 1px #00000040 inset,0 14px 40px #facc1524;flex-shrink:0}.result-handoff__text{display:flex;flex-direction:column;gap:2px;min-width:0}.result-handoff__text strong{font-size:16px;letter-spacing:.01em;color:#fef3c7}.result-handoff__eyebrow{font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#fde047d1}.btn-handoff{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;border:1px solid rgba(253,224,71,.55);background:linear-gradient(135deg,#fde047,#facc15,#eab308);color:#1a1300;font-size:13px;font-weight:800;letter-spacing:.02em;cursor:pointer;box-shadow:0 0 24px #facc1566,inset 0 1px #ffffff40;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease;white-space:nowrap}.btn-handoff:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.06);box-shadow:0 0 32px #facc158c,inset 0 1px #ffffff4d}.btn-handoff:disabled{opacity:.55;cursor:not-allowed;filter:grayscale(.4)}.btn-handoff:focus-visible{outline:2px solid rgba(250,204,21,.8);outline-offset:3px}.btn-handoff.is-sent{background:linear-gradient(100deg,#22c55e,#16a34a);border-color:#4ade8099;box-shadow:0 0 28px #22c55e66;color:#fff}.btn-handoff__ico,.btn-handoff__hint{display:inline-flex;align-items:center;justify-content:center}.btn-handoff__hint{opacity:.85;margin-left:2px}.result-handoff__actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.btn-docx{display:inline-flex;align-items:center;gap:7px;padding:10px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:#ffffff12;color:#e2e8f0;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .15s ease,border-color .15s ease,transform .15s ease}.btn-docx:hover:not(:disabled){background:#ffffff21;border-color:#ffffff4d;transform:translateY(-1px)}.btn-docx:disabled{opacity:.45;cursor:not-allowed}.btn-docx:focus-visible{outline:2px solid rgba(255,255,255,.5);outline-offset:3px}@media(max-width:980px){.result-handoff{flex-direction:column;align-items:stretch;gap:0;padding:0;border:none;background:transparent;box-shadow:none;border-radius:12px}.result-handoff__text{display:none}.result-handoff__actions{flex-direction:column;width:100%;gap:8px}.btn-docx,.btn-handoff{justify-content:center;padding:12px 16px;font-size:14px;border-radius:12px;width:100%}}.result-card{position:relative;background:var(--surface-strong);border:1px solid rgba(250,204,21,.18);border-radius:16px;padding:14px 16px 12px;box-shadow:var(--shadow),0 0 32px #facc150f,inset 0 0 0 1px #facc150a}.neon-app .result-card:hover{border-color:#facc1559;box-shadow:var(--shadow),0 0 40px #facc1526}.result-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.result-head-main{display:flex;align-items:center;gap:10px;min-width:0}.result-head h3{font-size:14px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin:0;color:var(--text-soft)}.result-icon{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;background:linear-gradient(135deg,#facc1538,#ca8a0433);border:1px solid rgba(250,204,21,.4);color:#fde047}.result-title{font-family:Unbounded,Plus Jakarta Sans,system-ui,sans-serif;font-size:clamp(20px,2.4vw,28px);font-weight:800;margin:0;letter-spacing:-.02em;background:linear-gradient(90deg,#fef9c3,#facc15 60%);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1.15}.result-lyrics{margin:0;font-family:inherit;font-size:15px;line-height:1.7;white-space:pre-wrap;word-break:break-word;color:var(--text)}.result-style{margin:0;font-size:14px;color:var(--text);background:#facc150d;border:1px dashed rgba(250,204,21,.32);padding:12px 14px;border-radius:12px;white-space:pre-wrap;word-break:break-word;line-height:1.55}.result-state{background:var(--surface);border:1px dashed var(--border-strong);border-radius:18px;padding:24px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}.result-state.error{border-style:solid;border-color:#f8717173;background:#f8717114}.result-state h3{margin:4px 0 0;font-size:18px;font-weight:700}.result-state p{margin:0;max-width:44ch;font-size:14px}.state-icon{width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,#facc1566,#ca8a0459);display:inline-flex;align-items:center;justify-content:center;font-size:26px;font-weight:700;color:#1a1300;box-shadow:0 10px 30px -10px #facc158c}.result-state.error .state-icon{background:linear-gradient(135deg,#f87171,#ef4444)}.spinner{width:38px;height:38px;border-radius:50%;border:3px solid rgba(250,204,21,.15);border-top-color:#facc15;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.raw-details{margin-top:4px;background:#ffffff0a;border:1px solid var(--border);border-radius:12px;padding:8px 12px}.raw-details summary{cursor:pointer;font-size:13px;color:var(--text-soft)}.raw-details pre{margin:8px 0 0;white-space:pre-wrap;word-break:break-word;font-size:12px;color:var(--text-mute);max-height:30vh;overflow:auto}.settings-wrap{position:relative;flex:1;min-height:0;overflow-y:auto}.settings-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:24px}@media(max-width:980px){.settings-grid{grid-template-columns:1fr}}.settings-info-banner{margin:0 0 16px;padding:12px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;font-size:.92rem;line-height:1.5}.settings-info-banner a{color:var(--accent, #facc15)}.settings-model-section{display:grid;gap:10px;margin-bottom:18px}.settings-add-section{margin-top:18px;padding-top:18px;border-top:1px solid rgba(255,255,255,.08)}.settings-add-error{margin:8px 0 0;color:#f87171;font-size:.88rem}.provider-badge{display:inline-flex;align-items:center;justify-content:center;min-width:28px;padding:2px 6px;border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.04em;background:#facc1526;color:#fde047}.backend-selector{display:flex;gap:12px;flex-wrap:wrap;margin-top:4px}.backend-option{display:flex;align-items:center;gap:12px;flex:1;min-width:200px;padding:14px 16px;border-radius:12px;border:1.5px solid var(--border);background:#ffffff08;cursor:pointer;transition:border-color .15s,background .15s}.backend-option:hover{border-color:var(--accent, #7c6af7);background:#7c6af70f}.backend-option.active{border-color:var(--accent, #7c6af7);background:#7c6af71a}.backend-option input[type=radio]{accent-color:var(--accent, #7c6af7);width:16px;height:16px;flex-shrink:0}.backend-option-body{display:flex;flex-direction:column;gap:2px}.backend-option-body strong{font-size:14px;font-weight:600}.backend-option-body .muted{font-size:12px}.muted{color:var(--text-mute)}.small{font-size:12px}.row{display:flex;align-items:center}.row.gap{gap:12px}.row-end{display:flex;align-items:center;justify-content:flex-end}.row-end.gap{gap:8px}.row-head{display:flex;align-items:center;justify-content:space-between;margin:14px 0 6px}.key-input{display:flex;flex-direction:column;gap:8px}.keys-list ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.keys-list li{display:grid;grid-template-columns:auto auto 1fr auto auto auto;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:#ffffff08;border:1px solid var(--border)}.key-credit{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.01em;border:1px solid transparent;font-variant-numeric:tabular-nums;white-space:nowrap}.key-credit--muted{background:#ffffff0a;border-color:#ffffff14;color:var(--text-mute)}.key-credit--ok{background:#22c55e29;border-color:#22c55e66;color:#86efac}.key-credit--depleted{background:#f8717129;border-color:#f8717166;color:#fca5a5}.key-credit--err{background:#facc1524;border-color:#facc1566;color:#fde68a;cursor:help}.key-credit-refresh{display:inline-flex;align-items:center;gap:5px}.key-credit-refresh.is-loading{opacity:.7;cursor:wait}.key-credit-refresh.is-loading svg{animation:keys-spin 1s linear infinite}@keyframes keys-spin{to{transform:rotate(360deg)}}@media(max-width:640px){.keys-list li{grid-template-columns:auto auto 1fr auto auto;grid-auto-rows:auto;row-gap:8px}.keys-list li .key-credit{grid-column:1 / -1;justify-self:flex-start}}.keys-list li.active{border-color:#c084fc8c;box-shadow:0 0 0 1px #c084fc59}.keys-list li .idx{font-size:12px;color:var(--text-mute);font-weight:600;font-variant-numeric:tabular-nums}.keys-list li code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.keys-list li .star{color:var(--text-mute);display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px}.keys-list li.active .star{color:#fbbf24}.keys-list .muted.small{display:inline-flex;align-items:center;gap:6px;margin-top:8px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:640px){.form-grid{grid-template-columns:1fr}}.toast{position:fixed;bottom:32px;left:50%;transform:translate(-50%);padding:10px 16px;border-radius:12px;background:#080808f2;border:1px solid var(--border);box-shadow:var(--shadow);font-size:14px;color:var(--text);z-index:50}.toast-ok{border-color:#4ade8080}.toast-warn{border-color:#facc1580}.toast-err{border-color:#f8717180}.lang-select{position:relative}.lang-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;background:#00000080;border:1px solid var(--border);border-radius:14px;color:var(--text);text-align:left;transition:border-color .15s ease,background .15s ease}.lang-trigger:hover{border-color:var(--border-strong)}.lang-trigger-main{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0}.lang-name{font-size:14.5px;font-weight:600}.lang-native{font-size:12px;color:var(--text-mute)}.lang-pop{background:#080808fa;border:1px solid var(--border-strong);border-radius:14px;box-shadow:0 30px 60px -20px #000c;overflow:hidden;display:flex;flex-direction:column}.lang-search{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--border);color:var(--text-mute)}.lang-search input{flex:1;background:transparent;border:none;outline:none;font-size:14px;color:var(--text)}.lang-clear{background:none;border:none;color:var(--text-mute);font-size:18px;cursor:pointer;padding:0 4px}.lang-list{flex:1;overflow:auto;padding:4px}.lang-item{width:100%;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;text-align:left;color:var(--text)}.lang-item:hover{background:#ffffff0d}.lang-item.active{background:linear-gradient(90deg,#facc152e,#ca8a041f);color:#fef3c7}.lang-item .lang-name{font-size:14px;font-weight:600}.lang-item .lang-native{font-size:12px;color:var(--text-mute)}.lang-empty{padding:18px;text-align:center;color:var(--text-mute);font-size:13px}.lang-foot{padding:8px 12px;border-top:1px solid var(--border)}.bottom{padding:8px clamp(12px,2vw,20px);border-top:1px solid var(--border);flex-shrink:0}.bottom-inner{max-width:1280px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.bottom-links{display:flex;gap:16px}.form-head{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.form-card .form-head h2,.card-head h2{margin:0;font-size:14px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--accent)}.form-head p,.card-head p{margin:0;font-size:11px}.btn-reset-sm{display:inline-flex;align-items:center;padding:3px 10px;font-size:11px;font-weight:700;letter-spacing:.04em;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#ffffff0d;color:var(--text-mute);cursor:pointer;transition:border-color .15s ease,color .15s ease,background .15s ease;white-space:nowrap;flex-shrink:0}.btn-reset-sm:hover:not(:disabled){border-color:#facc1566;color:#fef3c7;background:#facc1512}.btn-reset-sm:disabled{opacity:.35;cursor:not-allowed}.persisted-pill{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;background:#34d3991f;color:#6ee7b7;border:1px solid rgba(52,211,153,.32);font-weight:600;letter-spacing:.02em;text-shadow:0 0 12px rgba(52,211,153,.45)}.bottom-links .link.danger{color:var(--danger);opacity:.78}.bottom-links .link.danger:hover{opacity:1}.history-card{margin-top:0;padding:12px 14px 10px;border-radius:14px;background:linear-gradient(180deg,#0c0c0cd9,#060606eb);border:1px solid rgba(250,204,21,.2);box-shadow:0 24px 48px -22px #facc154d,inset 0 0 0 1px #facc150a;flex:1;min-height:0;display:flex;flex-direction:column}.history-card.neon-card:after{opacity:.32}.history-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:6px;flex-shrink:0}.history-head h3{margin:0 0 2px;font-size:14px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--text-soft)}.history-head p{margin:0}.history-list{list-style:none;margin:0;padding:0 2px 0 0;display:flex;flex-direction:column;gap:6px;flex:1;min-height:0;overflow:auto}.history-list li{position:relative;display:grid;grid-template-columns:1fr auto;gap:4px;align-items:stretch;border-radius:12px;background:#ffffff06;border:1px solid rgba(255,255,255,.05);transition:border-color .15s ease,background .15s ease}.history-list li:hover{border-color:#facc1552;background:#facc150a}.history-list li.active{border-color:#facc1599;box-shadow:0 0 0 1px #facc154d,0 0 18px #facc152e}.history-item{text-align:left;display:flex;align-items:center;gap:10px;padding:9px 10px 9px 12px;color:var(--text);background:transparent;border:none;width:100%;border-radius:12px 0 0 12px}.history-main{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.history-title{font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:linear-gradient(90deg,#fef9c3,#facc15);-webkit-background-clip:text;background-clip:text;color:transparent}.history-meta{font-size:11.5px;color:var(--text-mute);display:flex;align-items:center;gap:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-meta .dotsep{opacity:.45}.history-time{font-size:10.5px;color:#fde047b3;letter-spacing:.04em}.history-remove{display:inline-flex;align-items:center;justify-content:center;padding:0 12px;color:var(--text-mute);border-left:1px solid rgba(255,255,255,.05);border-radius:0 12px 12px 0}.history-remove:hover{color:var(--danger);background:#f8717114}.ide-musik-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}@media(max-width:980px){.ide-musik-grid{grid-template-columns:1fr}}.ide-musik-form,.ide-musik-output{padding:22px 22px 18px}.ide-musik-out-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.06)}.ide-musik-out-head h2{margin:0;font-size:17px;font-weight:800}.ide-musik-out-actions{display:flex;gap:8px}.btn-mini{padding:5px 11px;font-size:11.5px;font-weight:600;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#e2e8f0;cursor:pointer;transition:.18s;font-family:inherit}.btn-mini:hover:not(:disabled){background:#a855f726;border-color:#a855f773;color:#fff}.btn-mini:disabled{opacity:.45;cursor:not-allowed}.ide-musik-placeholder{margin:0;line-height:1.6;padding:8px 0 4px}.ide-musik-loading{padding:12px 0}.ide-musik-body{min-height:120px}.ide-musik-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.ide-musik-row{display:flex;flex-wrap:wrap;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:12px;background:#0f172a8c;border:1px solid rgba(255,255,255,.06)}.ide-musik-line{flex:1;min-width:200px;font-size:13.5px;line-height:1.55;color:#f8fafceb}.ide-musik-raw{margin:0;padding:14px;border-radius:12px;background:#00000059;border:1px solid rgba(255,255,255,.06);font-size:12.5px;line-height:1.6;white-space:pre-wrap;word-break:break-word;color:#e2e8f0e0;max-height:min(70vh,640px);overflow:auto}@keyframes modalScrimIn{0%{opacity:0}to{opacity:1}}@keyframes modalCardIn{0%{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:grid;place-items:center;padding:20px;background:#0302089e;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:modalScrimIn .18s ease-out}.modal-card{width:min(420px,100%);background:linear-gradient(180deg,#0e0e0ef5,#060606fa);border:1px solid rgba(250,204,21,.32);border-radius:22px;padding:22px 22px 18px;box-shadow:0 30px 60px -20px #000000bf,0 0 0 1px #facc150f inset,0 0 40px #facc1524;animation:modalCardIn .22s cubic-bezier(.22,1,.36,1);text-align:left}.modal-card--danger{border-color:#f8717166;box-shadow:0 30px 60px -20px #000c,0 0 0 1px #ffffff0a inset,0 0 40px #f8717138}.modal-icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;margin-bottom:14px;background:linear-gradient(135deg,#facc1552,#ca8a0447);border:1px solid rgba(250,204,21,.5);color:#fde047;box-shadow:0 0 20px #facc1559}.modal-card--danger .modal-icon{background:linear-gradient(135deg,#f8717159,#f472b64d);border-color:#f871718c;color:#fecaca;box-shadow:0 0 20px #f8717166}.modal-title{margin:0 0 6px;font-size:18px;font-weight:700;letter-spacing:-.01em;color:#fef3c7}.modal-message{margin:0 0 18px;font-size:14px;line-height:1.55;color:var(--text-soft)}.modal-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.btn-danger-strong{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:1px solid rgba(252,165,165,.5);box-shadow:0 14px 36px -10px #dc262699,0 0 24px #f8717152,inset 0 1px #ffffff2e}.btn-danger-strong:hover:not(:disabled){filter:brightness(1.08);box-shadow:0 18px 44px -10px #dc2626bf,0 0 36px #f8717173,inset 0 1px #ffffff38}.btn-danger-strong:focus-visible{outline:2px solid rgba(252,165,165,.7);outline-offset:2px}.history-empty{display:none}.history-empty-inner{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:32px 16px}.history-empty-icon{display:grid;place-items:center;width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,#a855f740,#22d3ee2e);border:1px solid rgba(192,132,252,.35);color:#f5d0fe;margin-bottom:4px;box-shadow:0 0 24px #a855f74d}.history-empty h3{margin:0;font-size:16px;font-weight:700;color:#fff}.history-empty p{margin:0;max-width:28ch}@media(max-width:980px){.create-grid[data-mobile-tab=history] .history-empty{display:block}}.loading-lyrics-wrap{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 16px 64px;overflow:hidden;flex:1;min-height:360px;-webkit-user-select:none;user-select:none}.loading-lyrics-glow{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.loading-lyrics-glow:after{content:"";width:280px;height:280px;border-radius:50%;background:#facc1524;filter:blur(64px)}.loading-lyrics-orbit{position:relative;display:flex;align-items:center;justify-content:center;width:200px;height:200px;margin-bottom:28px;flex-shrink:0}.loading-orbit-outer{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:1.5px dashed rgba(250,204,21,.15)}.loading-orbit-dots{position:absolute;top:0;right:0;bottom:0;left:0}.loading-dot{position:absolute;top:50%;left:50%;width:4px;height:4px;border-radius:50%;transition:background-color .3s ease,box-shadow .3s ease}.loading-orbit-mid{position:absolute;top:22px;right:22px;bottom:22px;left:22px;border-radius:50%;border:1.5px solid rgba(250,204,21,.12);border-top-color:#facc1599;border-right-color:#facc154d}.loading-orbit-inner{position:absolute;top:48px;right:48px;bottom:48px;left:48px;border-radius:50%;border:2px solid rgba(250,204,21,.08);border-bottom-color:#fde047cc}.loading-orbit-radar{position:absolute;top:22px;right:22px;bottom:22px;left:22px;border-radius:50%;overflow:hidden}.loading-radar-sweep{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:conic-gradient(from 0deg,transparent 0deg,rgba(250,204,21,.18) 60deg,transparent 90deg)}.loading-orbit-center{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:76px;height:76px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 40% 35%,#fde0472e,#facc150f);border:1.5px solid rgba(250,204,21,.35);box-shadow:0 0 24px #facc1540,inset 0 0 16px #facc1514}.loading-phase-icon{width:30px;height:30px;color:#facc15;filter:drop-shadow(0 0 10px rgba(250,204,21,.7))}.loading-particle{position:absolute;width:2.5px;height:2.5px;border-radius:50%;background:#facc15}.loading-lyrics-text{text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px;z-index:10;width:100%;max-width:300px}.loading-phase-title{font-family:Unbounded,Plus Jakarta Sans,system-ui,sans-serif;font-weight:800;font-size:clamp(18px,4vw,26px);line-height:1.1;letter-spacing:.04em;margin:0;background:linear-gradient(135deg,#fde047,#facc15,#ca8a04);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 12px rgba(250,204,21,.4))}.loading-phase-sub{font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--text-mute);margin:0}.loading-amin-wrap{display:flex;flex-direction:column;align-items:center;gap:4px;padding-top:12px}.loading-bismillah{font-size:10px;font-weight:800;letter-spacing:.3em;text-transform:uppercase;color:#8b6914d9;margin:0}.loading-amin{font-family:Unbounded,Plus Jakarta Sans,system-ui,sans-serif;font-weight:800;font-size:clamp(36px,8vw,52px);letter-spacing:.35em;color:#facc15;margin:0;line-height:1}.loading-bottom-bar{position:absolute;bottom:12px;left:16px;right:16px;display:flex;align-items:center;justify-content:space-between}.loading-bottom-left{display:flex;align-items:center;gap:6px}.loading-pulse-dot{width:6px;height:6px;border-radius:50%;background:#facc15;box-shadow:0 0 8px #facc1599;flex-shrink:0}.loading-bottom-label{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.2em;color:#8b6914b3}.loading-progress-dots{display:flex;align-items:center;gap:4px}.loading-prog-dot{width:4px;height:4px;border-radius:50%;background:#facc15}.loading-bottom-right{display:flex;align-items:center;gap:8px}.loading-elapsed{font-size:9px;font-weight:700;letter-spacing:.08em;color:#facc1573;font-variant-numeric:tabular-nums;white-space:nowrap}.loading-elapsed--slow{color:#fab415bf}.loading-elapsed-hint{font-weight:500;opacity:.8}@keyframes confettiFall{0%{transform:translateY(-20px) rotate(0);opacity:1}to{transform:translateY(110vh) rotate(720deg);opacity:0}}@keyframes congratsIn{0%{opacity:0;transform:scale(.5)}60%{transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@keyframes congratsOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}.congrats-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;pointer-events:none;display:flex;align-items:center;justify-content:center;overflow:hidden}.congrats-card{position:relative;z-index:10;padding:24px 40px;border-radius:24px;background:linear-gradient(180deg,#0c0c0cf5,#060606fa);border:2px solid #facc15;box-shadow:0 0 60px #facc1580,0 30px 80px -20px #000c;text-align:center;animation:congratsIn .45s cubic-bezier(.22,1,.36,1) forwards;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.congrats-title{font-family:Unbounded,Plus Jakarta Sans,system-ui,sans-serif;font-weight:800;font-size:clamp(22px,4vw,44px);line-height:1.1;letter-spacing:-.02em;margin:0 0 8px;background:linear-gradient(135deg,#fef9c3,#fde047 40%,#facc15,#ca8a04);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 20px rgba(250,204,21,.6))}.congrats-sub{font-size:11px;font-weight:800;letter-spacing:.3em;text-transform:uppercase;color:#fde047b3;margin:0}.confetti-piece{position:fixed;top:-20px;animation:confettiFall linear forwards}@keyframes shake{0%,to{transform:translate(0)}15%{transform:translate(-6px)}30%{transform:translate(5px)}45%{transform:translate(-4px)}60%{transform:translate(3px)}75%{transform:translate(-2px)}90%{transform:translate(1px)}}.shake{animation:shake .45s ease-out;border-color:#facc15b3!important;box-shadow:0 0 0 3px #facc1538!important}.btn-disabled-hint{opacity:.45;cursor:not-allowed;filter:grayscale(.3)}.btn-disabled-hint:hover{filter:none;opacity:.55}.btn-spinner{width:16px;height:16px;border-radius:50%;border:2.5px solid rgba(26,19,0,.3);border-top-color:#1a1300;animation:spin .8s linear infinite;flex-shrink:0}.btn-primary.btn-full:has(.btn-spinner){opacity:.82;cursor:wait}