@import "https://fonts.googleapis.com/css2?family=Sora:wght@300;400;500;600;700;800&family=Poppins:wght@300;400;500;600;700&family=Noto+Sans+Arabic:wght@300;400;500;600;700&display=swap";:root{--dn-violet:#6a0dff;--dn-pink:#ff2db1;--dn-electric-blue:#00d4ff;--dn-teal:#00f2c3;--dn-deep-navy:#0a0d0d;--dn-bg-0:#040608;--dn-bg-1:#0a0d14;--dn-bg-2:#0e1220;--dn-bg-3:#161b2c;--dn-bg-4:#1e2440;--dn-ink:#1b1b2e;--dn-light:#f4f0fa;--dn-sand-gold:#e2c38b;--dn-slate:#4a4f63;--dn-glass:#0a0d14a6;--dn-glass-border:#ffffff0f;--dn-glass-hover:#ffffff0a;--dn-glass-glow:#6a0dff14;--dn-ink-0:#f0f0f8;--dn-ink-1:#c4c8d8;--dn-ink-2:#7880a0;--dn-ink-3:#485070;--dn-red:#ff2db1;--dn-red-soft:#ff2db11f;--dn-red-glow:#ff2db140;--dn-gold:gold;--dn-gold-soft:#ffd7001f;--dn-cyan:#00d4ff;--dn-cyan-soft:#00d4ff1a;--dn-teal-soft:#00f2c31a;--dn-violet-soft:#6a0dff1f;--dn-violet-glow:#6a0dff4d;--dn-success:#00f2c3;--dn-warning:gold;--dn-error:#ff2db1;--dn-info:#00d4ff;--dn-grad-brand:linear-gradient(135deg, #6a0dff 0%, #ff2db1 50%, #00d4ff 100%);--dn-grad-cta:linear-gradient(135deg, #ff2db1, #ff6bd4);--dn-grad-violet:linear-gradient(135deg, #6a0dff, #a050ff);--dn-grad-card:linear-gradient(145deg, #6a0dff14, #ff2db10a);--dn-grad-glow:radial-gradient(ellipse at 50% 0%, #6a0dff26 0%, transparent 70%);--dn-grad-hero:radial-gradient(ellipse at 50% 30%, #6a0dff33 0%, #ff2db114 40%, transparent 75%);--dn-grad-teal:linear-gradient(135deg, #00f2c3, #00d4ff);--dn-grad-neon:linear-gradient(90deg, #6a0dff, #ff2db1, #00d4ff, #00f2c3);--dn-grad-surface:linear-gradient(180deg, #6a0dff0d 0%, transparent 100%);--dn-grad-progress:linear-gradient(90deg, #6a0dff, #ff2db1);--dn-font:"Sora", "Noto Sans Arabic", system-ui, sans-serif;--dn-font-display:"Sora", "Noto Sans Arabic", sans-serif;--dn-font-body:"Poppins", "Noto Sans Arabic", sans-serif;--dn-font-mono:"SF Mono", "Cascadia Code", "Consolas", monospace;--dn-fw-light:300;--dn-fw-regular:400;--dn-fw-medium:500;--dn-fw-semibold:600;--dn-fw-bold:700;--dn-fw-extrabold:800;--dn-fs-2xs:10px;--dn-fs-xs:11px;--dn-fs-sm:13px;--dn-fs-md:15px;--dn-fs-lg:18px;--dn-fs-xl:24px;--dn-fs-2xl:36px;--dn-fs-3xl:48px;--dn-fs-4xl:64px;--dn-fs-5xl:80px;--dn-sp-1:4px;--dn-sp-2:8px;--dn-sp-3:12px;--dn-sp-4:16px;--dn-sp-5:20px;--dn-sp-6:24px;--dn-sp-8:32px;--dn-sp-10:40px;--dn-sp-12:48px;--dn-sp-16:64px;--dn-sp-20:80px;--dn-sp-24:96px;--dn-r-sm:6px;--dn-r-md:10px;--dn-r-lg:16px;--dn-r-xl:24px;--dn-r-2xl:32px;--dn-r-full:9999px;--dn-rule:#ffffff0d;--dn-rule-strong:#ffffff1a;--dn-rule-accent:#6a0dff40;--dn-shadow-sm:0 1px 3px #0006;--dn-shadow-md:0 4px 16px #00000080;--dn-shadow-lg:0 8px 40px #0000008c;--dn-shadow-xl:0 16px 60px #000000a6;--dn-shadow-glow:0 0 40px #6a0dff26, 0 0 80px #ff2db114;--dn-shadow-teal:0 0 30px #00f2c31f;--dn-shadow-neon:0 0 20px #6a0dff33, 0 0 60px #ff2db11a;--dn-ease:cubic-bezier(.22, .61, .36, 1);--dn-ease-bounce:cubic-bezier(.34, 1.56, .64, 1);--dn-ease-spring:cubic-bezier(.16, 1, .3, 1);--dn-dur-fast:.15s;--dn-dur-md:.25s;--dn-dur-slow:.4s;--dn-dur-enter:.6s;--dn-c-vox:#ff2db1;--dn-c-keys:#00d4ff;--dn-c-bass:#00f2c3;--dn-c-drums:gold;--dn-c-synth:#a070d0;--dn-c-strings:#d0b060;--dn-c-oud:#d4a853;--dn-c-qanun:#70b8d0;--dn-z-base:1;--dn-z-card:10;--dn-z-nav:50;--dn-z-modal:100;--dn-z-toast:200;--dn-z-overlay:500}[dir=rtl]{font-family:Noto Sans Arabic,Sora,system-ui,sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;overflow:hidden}body{font-family:var(--dn-font-body);background:var(--dn-bg-0);color:var(--dn-ink-0);-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border-radius:var(--dn-r-full);background:#6a0dff40}::-webkit-scrollbar-thumb:hover{background:#6a0dff73}::selection{color:#fff;background:#6a0dff4d}.dn-app{flex-direction:column;height:100vh;display:flex;position:relative;overflow:hidden}.dn-app:before{content:"";background:var(--dn-grad-hero);pointer-events:none;z-index:0;position:fixed;inset:0}.dn-header{padding:0 var(--dn-sp-6);border-bottom:1px solid var(--dn-glass-border);-webkit-backdrop-filter:blur(24px)saturate(1.4);backdrop-filter:blur(24px)saturate(1.4);height:60px;z-index:var(--dn-z-nav);background:#040608cc;flex-shrink:0;justify-content:space-between;align-items:center;display:flex;position:relative}.dn-brand{align-items:center;gap:var(--dn-sp-3);display:flex}.dn-brand-icon{border-radius:var(--dn-r-md);background:var(--dn-grad-brand);color:#fff;width:34px;height:34px;box-shadow:var(--dn-shadow-neon);justify-content:center;align-items:center;font-size:16px;font-weight:800;display:flex;position:relative;overflow:hidden}.dn-brand-icon:after{content:"";pointer-events:none;background:linear-gradient(135deg,#0000 40%,#fff3);position:absolute;inset:0}.dn-brand-name{font:700 var(--dn-fs-lg)/1 var(--dn-font-display);letter-spacing:-.02em;background:var(--dn-grad-brand);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.dn-tm{vertical-align:super;background:var(--dn-grad-brand);-webkit-text-fill-color:transparent;letter-spacing:.02em;-webkit-background-clip:text;margin-left:1px;font-size:.45em;font-weight:400}.dn-brand-sub{font:500 var(--dn-fs-2xs)/1 var(--dn-font-body);color:var(--dn-ink-2);margin-left:var(--dn-sp-2);letter-spacing:.06em;text-transform:uppercase}.dn-nav{border:1px solid var(--dn-glass-border);border-radius:var(--dn-r-full);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#161b2cb3;gap:2px;padding:3px;display:flex}.dn-nav-btn{color:var(--dn-ink-2);font:500 var(--dn-fs-sm)/1 var(--dn-font);border-radius:var(--dn-r-full);cursor:pointer;transition:all var(--dn-dur-fast) var(--dn-ease);background:0 0;border:none;align-items:center;gap:6px;padding:7px 18px;display:flex;position:relative}.dn-nav-btn:hover{color:var(--dn-ink-0)}.dn-nav-btn.active{background:var(--dn-violet);color:#fff;box-shadow:0 0 16px var(--dn-violet-glow)}.dn-controls{align-items:center;gap:var(--dn-sp-3);display:flex}.dn-select{background:var(--dn-bg-3);border:1px solid var(--dn-glass-border);border-radius:var(--dn-r-sm);color:var(--dn-ink-1);font:400 var(--dn-fs-xs)/1 var(--dn-font);cursor:pointer;transition:border-color var(--dn-dur-fast);outline:none;padding:6px 12px}.dn-select:hover{border-color:var(--dn-violet)}.dn-main{z-index:1;scroll-behavior:smooth;flex:1;position:relative;overflow:hidden auto}.glass{border:1px solid var(--dn-glass-border);border-radius:var(--dn-r-lg);-webkit-backdrop-filter:blur(20px)saturate(1.3);backdrop-filter:blur(20px)saturate(1.3);transition:border-color var(--dn-dur-md) var(--dn-ease),box-shadow var(--dn-dur-md) var(--dn-ease);background:#0a0d148c;position:relative;overflow:hidden}.glass:before{content:"";background:var(--dn-grad-surface);pointer-events:none;border-radius:inherit;position:absolute;inset:0}.glass:hover{border-color:#6a0dff26;box-shadow:0 0 30px #6a0dff0d}.glass-header{padding:var(--dn-sp-4) var(--dn-sp-5);border-bottom:1px solid var(--dn-rule);justify-content:space-between;align-items:center;display:flex;position:relative}.glass-header h3{font:600 var(--dn-fs-md)/1 var(--dn-font-display);letter-spacing:-.01em}.glass-body{padding:var(--dn-sp-5);position:relative}.simple{padding:var(--dn-sp-8) var(--dn-sp-6) calc(var(--dn-sp-8) + 60px);flex-direction:column;align-items:center;min-height:min-content;display:flex;position:relative}.simple-hero{text-align:center;margin-bottom:var(--dn-sp-10)}.simple-title{font:800 var(--dn-fs-3xl)/1.1 var(--dn-font-display);letter-spacing:-.03em;background:var(--dn-grad-brand);-webkit-text-fill-color:transparent;margin-bottom:var(--dn-sp-3);-webkit-background-clip:text;animation:4s ease-in-out infinite alternate titleGlow}@keyframes titleGlow{0%{filter:brightness()drop-shadow(0 0 #0000)}to{filter:brightness(1.1)drop-shadow(0 0 20px #6a0dff4d)}}.simple-subtitle{font:400 var(--dn-fs-md)/1.6 var(--dn-font-body);color:var(--dn-ink-2);max-width:480px;margin:0 auto}.simple-form{gap:var(--dn-sp-4);flex-direction:column;width:100%;max-width:680px;display:flex}.simple-prompt{width:100%;min-height:110px;padding:var(--dn-sp-5);border:1px solid var(--dn-glass-border);border-radius:var(--dn-r-lg);color:var(--dn-ink-0);font:400 var(--dn-fs-md)/1.6 var(--dn-font-body);resize:none;transition:border-color var(--dn-dur-md),box-shadow var(--dn-dur-md);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0e1220b3;outline:none}.simple-prompt::placeholder{color:var(--dn-ink-3)}.simple-prompt:focus{border-color:var(--dn-violet);box-shadow:0 0 0 3px var(--dn-violet-soft),var(--dn-shadow-neon)}.simple-selectors{gap:var(--dn-sp-3);grid-template-columns:1fr 1fr;display:grid}.simple-selector{gap:var(--dn-sp-1);flex-direction:column;display:flex}.simple-selector label{font:600 var(--dn-fs-xs)/1 var(--dn-font);color:var(--dn-ink-2);text-transform:uppercase;letter-spacing:.08em}.simple-selector select{border:1px solid var(--dn-glass-border);border-radius:var(--dn-r-md);color:var(--dn-ink-0);font:500 var(--dn-fs-sm)/1 var(--dn-font);cursor:pointer;transition:border-color var(--dn-dur-fast);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0e1220cc;outline:none;padding:10px 14px}.simple-selector select:focus{border-color:var(--dn-violet)}.simple-gen-btn{border-radius:var(--dn-r-lg);font:700 var(--dn-fs-lg)/1 var(--dn-font-display);cursor:pointer;transition:all var(--dn-dur-md) var(--dn-ease);letter-spacing:-.01em;border:none;padding:16px 32px;position:relative;overflow:hidden}.simple-gen-btn.ready{background:var(--dn-grad-cta);color:#fff;box-shadow:0 4px 24px var(--dn-red-glow),0 0 60px #ff2db114}.simple-gen-btn.ready:hover{box-shadow:0 8px 36px var(--dn-red-glow),0 0 80px #ff2db11f;transform:translateY(-2px)scale(1.01)}.simple-gen-btn.ready:after{content:"";background:linear-gradient(135deg,#0000 40%,#ffffff1a 50%,#0000 60%);width:200%;height:200%;animation:3s ease-in-out infinite btnSheen;position:absolute;top:-50%;left:-50%}@keyframes btnSheen{0%,to{transform:translate(-100%)}50%{transform:translate(100%)}}.simple-gen-btn.busy{background:var(--dn-bg-3);color:var(--dn-ink-2);cursor:wait}.simple-gen-btn.disabled{background:var(--dn-bg-3);color:var(--dn-ink-3);cursor:not-allowed}.simple-results{width:100%;max-width:680px;margin-top:var(--dn-sp-8);gap:var(--dn-sp-3);flex-direction:column;display:flex}.simple-results-title{font:600 var(--dn-fs-sm)/1 var(--dn-font-display);color:var(--dn-ink-2);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--dn-sp-2)}.tp{align-items:center;gap:var(--dn-sp-3);padding:var(--dn-sp-3) var(--dn-sp-4);border:1px solid var(--dn-glass-border);border-radius:var(--dn-r-md);transition:border-color var(--dn-dur-fast),box-shadow var(--dn-dur-fast);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0d148c;display:flex}.tp:hover{border-color:#6a0dff33;box-shadow:0 0 20px #6a0dff0f}.tp-num{font:600 var(--dn-fs-xs)/1 var(--dn-font-mono);color:var(--dn-ink-3);min-width:20px}.tp-play{border-radius:var(--dn-r-full);background:var(--dn-violet-soft);width:34px;height:34px;color:var(--dn-violet);cursor:pointer;transition:all var(--dn-dur-fast);border:none;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;display:flex}.tp-play:hover{background:var(--dn-violet);color:#fff;box-shadow:0 0 16px var(--dn-violet-glow);transform:scale(1.08)}.tp-play.playing{background:var(--dn-violet);color:#fff;box-shadow:0 0 16px var(--dn-violet-glow)}.tp-play.error{background:var(--dn-warning);color:#000}.tp-body{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.tp-top{justify-content:space-between;align-items:center;display:flex}.tp-title{font:500 var(--dn-fs-sm)/1 var(--dn-font);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.tp-badge{font:600 9px/1 var(--dn-font-mono);border-radius:var(--dn-r-full);background:var(--dn-cyan-soft);color:var(--dn-cyan);margin-left:var(--dn-sp-2);letter-spacing:.04em;text-transform:uppercase;padding:2px 8px}.tp-time{font:400 var(--dn-fs-xs)/1 var(--dn-font-mono);color:var(--dn-ink-3)}.tp-seek{background:var(--dn-bg-3);border-radius:var(--dn-r-full);cursor:pointer;height:4px;position:relative;overflow:hidden}.tp-seek-fill{background:var(--dn-grad-progress);border-radius:var(--dn-r-full);height:100%;transition:width .1s linear}.tp-vol{align-items:center;gap:var(--dn-sp-1);flex-shrink:0;display:flex}.tp-vol-icon{cursor:pointer;font-size:12px}.tp-vol input[type=range]{appearance:none;background:var(--dn-bg-3);border-radius:var(--dn-r-full);outline:none;width:60px;height:3px}.tp-vol input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--dn-violet);cursor:pointer;width:10px;height:10px;box-shadow:0 0 6px var(--dn-violet-glow);border-radius:50%}.tp-dl{border-radius:var(--dn-r-sm);width:28px;height:28px;color:var(--dn-ink-2);cursor:pointer;transition:color var(--dn-dur-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;display:flex}.tp-dl:hover{color:var(--dn-gold)}.tp-dl.done{color:var(--dn-success)}.adv{grid-template-columns:1fr 340px;height:100%;display:grid;overflow:visible}.adv-main{padding:var(--dn-sp-4);padding-bottom:calc(var(--dn-sp-4) + 80px);gap:var(--dn-sp-4);grid-template-columns:1fr 1fr;align-content:start;display:grid;overflow-y:auto}.adv-main .adv-col{gap:var(--dn-sp-4);flex-direction:column;min-width:0;display:flex}.adv-main .adv-full{grid-column:1/-1}.adv-chat{border-left:1px solid var(--dn-glass-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0a0d1480;flex-direction:column;display:flex}.adv-chat-header{padding:var(--dn-sp-4) var(--dn-sp-5);border-bottom:1px solid var(--dn-rule);font:600 var(--dn-fs-sm)/1 var(--dn-font-display)}.adv-chat-msgs{padding:var(--dn-sp-4);gap:var(--dn-sp-3);flex-direction:column;flex:1;display:flex;overflow-y:auto}.adv-chat-msg{padding:var(--dn-sp-3) var(--dn-sp-4);border-radius:var(--dn-r-md);font:400 var(--dn-fs-sm)/1.5 var(--dn-font-body);word-wrap:break-word;max-width:90%}.adv-chat-msg.system{background:var(--dn-bg-3);color:var(--dn-ink-2);text-align:center;max-width:100%;font-size:var(--dn-fs-xs);border:1px solid var(--dn-rule);align-self:center}.adv-chat-msg.user{background:var(--dn-violet-soft);color:var(--dn-ink-0);border:1px solid #6a0dff26;align-self:flex-end}.adv-chat-msg.assistant{color:var(--dn-ink-0);border:1px solid var(--dn-glass-border);background:#0e122099;align-self:flex-start}.adv-chat-input{gap:var(--dn-sp-2);padding:var(--dn-sp-3);border-top:1px solid var(--dn-rule);display:flex}.adv-chat-input input{background:var(--dn-bg-2);border:1px solid var(--dn-glass-border);border-radius:var(--dn-r-md);color:var(--dn-ink-0);font:400 var(--dn-fs-sm)/1 var(--dn-font-body);transition:border-color var(--dn-dur-fast);outline:none;flex:1;padding:10px 14px}.adv-chat-input input:focus{border-color:var(--dn-violet);box-shadow:0 0 0 2px var(--dn-violet-soft)}.adv-chat-input button{border-radius:var(--dn-r-md);background:var(--dn-grad-violet);color:#fff;font:600 var(--dn-fs-sm)/1 var(--dn-font);cursor:pointer;transition:box-shadow var(--dn-dur-fast);border:none;padding:10px 16px}.adv-chat-input button:hover{box-shadow:0 0 16px var(--dn-violet-glow)}.lyrics-area{width:100%;min-height:240px;padding:var(--dn-sp-4);border:1px solid var(--dn-glass-border);border-radius:var(--dn-r-md);color:var(--dn-ink-0);font:400 var(--dn-fs-sm)/1.7 var(--dn-font-body);resize:vertical;transition:border-color var(--dn-dur-md);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0e122099;outline:none}.lyrics-area:focus{border-color:var(--dn-violet);box-shadow:0 0 0 2px var(--dn-violet-soft)}.tag-bar{margin-top:var(--dn-sp-2);flex-wrap:wrap;gap:4px;display:flex}.tag-btn{border:1px solid var(--dn-glass-border);border-radius:var(--dn-r-full);color:var(--dn-ink-2);font:500 var(--dn-fs-xs)/1 var(--dn-font-mono);cursor:pointer;transition:all var(--dn-dur-fast);background:0 0;padding:4px 12px}.tag-btn:hover{border-color:var(--dn-violet);color:var(--dn-violet);background:var(--dn-violet-soft)}.style-grid{gap:var(--dn-sp-3);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));display:grid}.style-grid.full{grid-column:1/-1}.field-label{font:600 var(--dn-fs-xs)/1 var(--dn-font);color:var(--dn-ink-2);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--dn-sp-1);display:block}.field-input{border:1px solid var(--dn-glass-border);border-radius:var(--dn-r-md);width:100%;color:var(--dn-ink-0);font:400 var(--dn-fs-sm)/1 var(--dn-font-body);transition:border-color var(--dn-dur-fast);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0e122099;outline:none;padding:10px 14px}.field-input:focus{border-color:var(--dn-violet);box-shadow:0 0 0 2px var(--dn-violet-soft)}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--dn-glass-border);border-radius:var(--dn-r-full);color:var(--dn-ink-2);font:500 var(--dn-fs-xs)/1 var(--dn-font);cursor:pointer;transition:all var(--dn-dur-fast);background:0 0;padding:5px 14px}.chip:hover{border-color:var(--dn-ink-2);color:var(--dn-ink-0)}.chip.on{border-color:var(--dn-violet);color:var(--dn-violet);background:var(--dn-violet-soft)}.voice-drop{padding:var(--dn-sp-8);border-radius:var(--dn-r-lg);cursor:pointer;transition:all var(--dn-dur-md);justify-content:center;align-items:center;gap:var(--dn-sp-2);background:#6a0dff08;border:2px dashed #6a0dff33;flex-direction:column;display:flex}.voice-drop:hover{border-color:var(--dn-violet);background:var(--dn-violet-soft);box-shadow:var(--dn-shadow-neon)}.voice-drop-icon{font-size:28px}.voice-drop-text{font:500 var(--dn-fs-sm)/1 var(--dn-font);color:var(--dn-ink-2)}.voice-drop-hint{font:400 var(--dn-fs-xs)/1 var(--dn-font-body);color:var(--dn-ink-3)}.gen-row{align-items:center;gap:var(--dn-sp-3);flex-wrap:wrap;display:flex}.gen-toggle{border:1px solid var(--dn-glass-border);border-radius:var(--dn-r-full);background:#161b2cb3;gap:2px;padding:3px;display:flex}.gen-toggle button{color:var(--dn-ink-2);font:500 var(--dn-fs-xs)/1 var(--dn-font);border-radius:var(--dn-r-full);cursor:pointer;transition:all var(--dn-dur-fast);background:0 0;border:none;padding:7px 14px}.gen-toggle button.on{background:var(--dn-violet);color:#fff;box-shadow:0 0 12px var(--dn-violet-glow)}.gen-btn{border-radius:var(--dn-r-lg);font:700 var(--dn-fs-md)/1 var(--dn-font-display);cursor:pointer;background:var(--dn-grad-cta);color:#fff;box-shadow:0 4px 20px var(--dn-red-glow);transition:all var(--dn-dur-md);border:none;padding:12px 28px;position:relative;overflow:hidden}.gen-btn:hover{box-shadow:0 6px 28px var(--dn-red-glow);transform:translateY(-1px)}.gen-btn:disabled{background:var(--dn-bg-3);color:var(--dn-ink-3);box-shadow:none;cursor:not-allowed;transform:none}.dn-status{align-items:center;gap:var(--dn-sp-3);padding:0 var(--dn-sp-6);border-top:1px solid var(--dn-glass-border);height:30px;font:400 var(--dn-fs-xs)/1 var(--dn-font-body);color:var(--dn-ink-3);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:var(--dn-z-nav);background:#040608d9;flex-shrink:0;display:flex}.dn-status-dot{background:var(--dn-success);border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #00f2c34d}.dn-status-dot.busy{background:var(--dn-warning);animation:1.5s infinite pulse;box-shadow:0 0 8px #ffd7004d}.dn-status-progress{background:var(--dn-bg-3);border-radius:var(--dn-r-full);flex:1;max-width:200px;height:3px;overflow:hidden}.dn-status-progress-fill{background:var(--dn-grad-progress);border-radius:var(--dn-r-full);height:100%;transition:width .3s}.dn-powered{font:400 var(--dn-fs-xs)/1 var(--dn-font-body);color:var(--dn-ink-3);letter-spacing:.04em}.dn-powered strong{background:var(--dn-grad-brand);-webkit-text-fill-color:transparent;letter-spacing:.06em;-webkit-background-clip:text;font-weight:700}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn var(--dn-dur-enter) var(--dn-ease) both}@media (width<=768px){.simple-selectors,.adv,.adv-main{grid-template-columns:1fr}.adv-chat{display:none}.simple-title{font-size:var(--dn-fs-2xl)}}.tp-rendering{animation:2s ease-in-out infinite tp-pulse;border-color:var(--dn-violet)!important}@keyframes tp-pulse{0%,to{border-color:#6a0dff4d;box-shadow:0 0 #6a0dff00}50%{border-color:#6a0dff99;box-shadow:0 0 16px #6a0dff26}}.tp-play.tp-loading{background:var(--dn-violet-soft);color:var(--dn-violet);cursor:wait}.tp-play.tp-loading:hover{background:#6a0dff33;transform:none}.tp-spinner{font-size:14px;animation:1.2s linear infinite spin;display:inline-block}.tp-seek-rendering{border-radius:var(--dn-r-full);background:linear-gradient(90deg,transparent,var(--dn-violet),transparent);background-size:200% 100%;height:100%;animation:1.5s ease-in-out infinite tp-shimmer}@keyframes tp-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.tp-badge-rendering{animation:1.5s infinite pulse;background:var(--dn-violet-soft)!important;color:var(--dn-violet)!important}.chat-starters{padding:var(--dn-sp-3);gap:var(--dn-sp-2);flex-direction:column;display:flex}.chat-starters-title{font:600 var(--dn-fs-sm)/1.3 var(--dn-font-body);color:var(--dn-ink-1);text-align:center;padding:var(--dn-sp-2) 0}.chat-starter-btn{border-radius:var(--dn-r-md);padding:var(--dn-sp-3) var(--dn-sp-4);color:var(--dn-ink-0);font:400 var(--dn-fs-sm)/1.4 var(--dn-font-body);cursor:pointer;text-align:left;background:#6a0dff14;border:1px solid #6a0dff33;transition:all .2s}.chat-starter-btn:hover{background:#6a0dff26;border-color:#6a0dff66;transform:translateY(-1px)}.chat-copy-btn{margin-top:var(--dn-sp-2);border-radius:var(--dn-r-sm);padding:var(--dn-sp-2) var(--dn-sp-3);color:var(--dn-violet);font:500 var(--dn-fs-xs)/1 var(--dn-font-body);cursor:pointer;background:linear-gradient(135deg,#6a0dff26,#ff00801a);border:1px solid #6a0dff4d;transition:all .2s;display:block}.chat-copy-btn:hover{background:linear-gradient(135deg,#6a0dff40,#ff008033);transform:scale(1.02)}.track-generating{opacity:.7;position:relative;overflow:hidden}.track-generating:after{content:"";background:linear-gradient(90deg,#0000,#6a0dff1a,#0000);width:100%;height:100%;animation:2s infinite shimmer;position:absolute;top:0;left:-100%}@keyframes shimmer{to{left:100%}}