@import "https://fonts.googleapis.com/css2?family=Sora:wght@300;400;500;600;700;800&family=Inter:wght@300;400;500;600;700&family=Poppins:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&family=Noto+Sans+Arabic:wght@300;400;500;600;700&display=swap";@font-face{font-family:IBMPlexSansArabic;src:url(/fonts/IBMPlexSansArabic-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:IBMPlexSansArabic;src:url(/fonts/IBMPlexSansArabic-Bold.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Almarai;src:url(/fonts/Almarai-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Almarai;src:url(/fonts/Almarai-Bold.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Amiri;src:url(/fonts/Amiri-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Amiri;src:url(/fonts/Amiri-Bold.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Tajawal;src:url(/fonts/Tajawal-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Tajawal;src:url(/fonts/Tajawal-Bold.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}:root,[data-theme=sovereign-gold]{--dn-gold:#d4af5f;--dn-gold-2:#f3dc9b;--dn-gold-3:#fff1be;--dn-violet:#d4af5f;--dn-amethyst:#7b6cff;--dn-pink:#f3dc9b;--dn-coral:#ff6a3d;--dn-electric-blue:#3fd6a6;--dn-teal:#3fd6a6;--dn-deep-navy:#040509;--dn-cta-ink:#140f04;--dn-bg-0:#040509;--dn-bg-1:#0b0e18;--dn-bg-2:#101524;--dn-bg-3:#161d30;--dn-bg-4:#1e2740;--dn-ink:#141826;--dn-light:#f1ede4;--dn-sand-gold:#e2c38b;--dn-slate:#5e5a52;--dn-glass:#0b0e18bd;--dn-glass-border:#d4af5f3d;--dn-glass-hover:#f3dc9b0f;--dn-glass-glow:#d4af5f24;--dn-ink-0:#f1ede4;--dn-ink-1:#c9c3b6;--dn-ink-2:#969082;--dn-ink-3:#625e54;--dn-red:#d4af5f;--dn-red-soft:#d4af5f24;--dn-red-glow:#d4af5f80;--dn-gold-soft:#d4af5f24;--dn-cyan:#3fd6a6;--dn-cyan-soft:#3fd6a61f;--dn-teal-soft:#3fd6a61f;--dn-violet-soft:#d4af5f24;--dn-violet-glow:#d4af5f6b;--dn-success:#3fd6a6;--dn-warning:#f3dc9b;--dn-error:#ff6a3d;--dn-info:#5eead4;--dn-grad-brand:linear-gradient(135deg, #fff6df 0%, #f3dc9b 45%, #d4af5f 80%, #3fd6a6 100%);--dn-grad-cta:linear-gradient(135deg, #f6e2a6 0%, #d4af5f 55%, #a7843c 100%);--dn-grad-violet:linear-gradient(135deg, #f3dc9b 0%, #d4af5f 60%, #9e7932 100%);--dn-grad-card:linear-gradient(160deg, #d4af5f16, #3fd6a606, #ffffff04);--dn-grad-glow:radial-gradient(ellipse at 50% 0%, #d4af5f29 0%, transparent 70%);--dn-grad-hero:radial-gradient(ellipse at 50% 24%, #d4af5f26 0%, #7b6cff14 42%, #3fd6a60d 68%, transparent 82%);--dn-grad-teal:linear-gradient(135deg, #3fd6a6, #5eead4);--dn-grad-neon:linear-gradient(90deg, #d4af5f, #f3dc9b, #3fd6a6, #7b6cff);--dn-grad-surface:linear-gradient(180deg, #f3dc9b0e 0%, transparent 100%);--dn-grad-progress:linear-gradient(90deg, #d4af5f, #f3dc9b, #3fd6a6);--orb-core-rgb:255, 243, 207;--orb-mid-rgb:212, 175, 95;--orb-elem-rgb:63, 214, 166;--orb-glow-rgb:123, 108, 255;--nebula-op-1:.15;--nebula-op-2:.12;--nebula-op-3:.1;--nebula-swell:1;--nebula-px:0px;--nebula-py:0px;--dn-font:"IBMPlexSansArabic", "Almarai", "Sora", "Tajawal", "Noto Sans Arabic", system-ui, sans-serif;--dn-font-display:"Amiri", "IBMPlexSansArabic", "Sora", "Almarai", serif;--dn-font-body:"IBMPlexSansArabic", "Almarai", "Poppins", "Tajawal", sans-serif;--dn-font-poetic:"Amiri", "IBMPlexSansArabic", "Almarai", serif;--dn-font-mono:"JetBrains 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:11.5px;--dn-fs-sm:13.5px;--dn-fs-md:15.5px;--dn-fs-lg:18.5px;--dn-fs-xl:24px;--dn-fs-2xl:36px;--dn-fs-3xl:46px;--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:8px;--dn-r-md:12px;--dn-r-lg:18px;--dn-r-xl:24px;--dn-r-2xl:32px;--dn-r-full:9999px;--dn-rule:#d4af5f24;--dn-rule-strong:#f3dc9b57;--dn-rule-accent:#d4af5f70;--dn-shadow-sm:0 2px 6px #00000073;--dn-shadow-md:0 6px 20px #0000008c;--dn-shadow-lg:0 12px 44px #000000a6;--dn-shadow-xl:0 20px 64px #000000bf;--dn-shadow-glow:0 0 40px #d4af5f2e, 0 0 80px #3fd6a614;--dn-shadow-teal:0 0 30px #3fd6a629;--dn-shadow-neon:0 8px 34px -6px #d4af5f6b, 0 0 50px #f3dc9b1f;--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:.16s;--dn-dur-md:.26s;--dn-dur-slow:.42s;--dn-dur-enter:.62s;--dn-c-vox:#f3dc9b;--dn-c-keys:#3fd6a6;--dn-c-bass:#7b6cff;--dn-c-drums:#ff6a3d;--dn-c-synth:#5eead4;--dn-c-strings:#d4af5f;--dn-c-oud:#e5b85b;--dn-c-qanun:#6fe7d2;--dn-z-base:1;--dn-z-card:10;--dn-z-nav:50;--dn-z-modal:100;--dn-z-toast:200;--dn-z-overlay:500}[data-theme=neon-studio]{--dn-violet:#6a0dff;--dn-amethyst:#a050ff;--dn-pink:#ff2db1;--dn-coral:#ff2db1;--dn-electric-blue:#00d4ff;--dn-teal:#00f2c3;--dn-deep-navy:#0a0d0d;--dn-cta-ink:#fff;--dn-bg-0:#0a001d;--dn-bg-1:#0a0d14;--dn-bg-2:#0e1220;--dn-bg-3:#161b2c;--dn-bg-4:#1e2440;--dn-glass:#0a0d14a6;--dn-glass-border:#ffffff12;--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-2:#ffe57f;--dn-gold-soft:#ffd7001f;--dn-cyan:#00d4ff;--dn-cyan-soft:#00d4ff1a;--dn-teal-soft:#00f2c31a;--dn-violet-soft:#6a0dff1f;--dn-violet-glow:#6a0dff4d;--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);--orb-mid-rgb:106, 13, 255;--orb-elem-rgb:0, 212, 255;--orb-glow-rgb:255, 45, 177;--dn-rule:#ffffff0d;--dn-rule-strong:#ffffff1a;--dn-rule-accent:#6a0dff40;--dn-shadow-neon:0 0 20px #6a0dff33, 0 0 60px #ff2db11a}[dir=rtl]{font-family:IBMPlexSansArabic,Almarai,Tajawal,Noto Sans Arabic,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:radial-gradient(380px at 50% 24%,#010207b8 0%,#0000 100%),radial-gradient(circle at 50% 0,#080514 0%,#030712 42%,#02050b 72%,#010206 100%) fixed;background-color:var(--dn-bg-0);color:var(--dn-ink-0);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}body:before,body:after{content:"";z-index:0;pointer-events:none;will-change:transform, opacity;transition:opacity 2.4s cubic-bezier(.22,1,.36,1),filter 2.4s cubic-bezier(.22,1,.36,1);position:fixed;inset:-12%}body:before{background:radial-gradient(ellipse 860px 580px at 26% 18%, rgba(var(--orb-mid-rgb), var(--nebula-op-1)) 0%, transparent 64%), radial-gradient(ellipse 840px 560px at 74% 20%, rgba(var(--orb-elem-rgb), var(--nebula-op-2)) 0%, transparent 64%), radial-gradient(ellipse 960px 640px at 50% 52%, rgba(var(--orb-glow-rgb), var(--nebula-op-3)) 0%, transparent 68%), radial-gradient(ellipse 680px 420px at 50% 14%, #d4af5f0e 0%, transparent 58%);animation:36s ease-in-out infinite alternate deepSpaceNebulaDriftA}body:after{background:radial-gradient(circle 320px at 50% 24%, #0102079e 0%, #0102073d 58%, transparent 100%), radial-gradient(ellipse 920px 600px at 66% 36%, rgba(var(--orb-mid-rgb), .09) 0%, transparent 66%), radial-gradient(ellipse 880px 580px at 34% 40%, rgba(var(--orb-elem-rgb), .08) 0%, transparent 66%), radial-gradient(circle at 50% 50%, transparent 48%, #010206d1 100%);animation:48s ease-in-out infinite alternate deepSpaceNebulaDriftB}@keyframes deepSpaceNebulaDriftA{0%{transform:translate3d(calc(var(--nebula-px) - 2.2%), calc(var(--nebula-py) - 1.4%), 0) scale(var(--nebula-swell)) rotate(-1.5deg)}50%{transform:translate3d(calc(var(--nebula-px) + 1.8%), calc(var(--nebula-py) + 1.2%), 0) scale(calc(var(--nebula-swell) * 1.04)) rotate(1deg)}to{transform:translate3d(calc(var(--nebula-px) - 1.2%), calc(var(--nebula-py) + 2.1%), 0) scale(calc(var(--nebula-swell) * 1.02)) rotate(2.2deg)}}@keyframes deepSpaceNebulaDriftB{0%{transform:translate3d(calc(var(--nebula-px) * -.6 + 1.8%), calc(var(--nebula-py) * -.6 + 1.4%), 0) scale(1.02) rotate(1.5deg)}50%{transform:translate3d(calc(var(--nebula-px) * -.6 - 1.6%), calc(var(--nebula-py) * -.6 - 1.2%), 0) scale(.98) rotate(-1.2deg)}to{transform:translate3d(calc(var(--nebula-px) * -.6 + 1.1%), calc(var(--nebula-py) * -.6 - 1.8%), 0) scale(1.03) rotate(-2deg)}}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border-radius:var(--dn-r-full);background:#d4af5f47}::-webkit-scrollbar-thumb:hover{background:#f3dc9b85}::selection{color:#fff;background:#d4af5f52}.dn-app{z-index:1;flex-direction:column;height:100dvh;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(20px)saturate(1.35);backdrop-filter:blur(20px)saturate(1.35);height:62px;z-index:var(--dn-z-nav);background:linear-gradient(#05060af5,#05060ad6);flex-shrink:0;justify-content:space-between;align-items:center;display:flex;position:relative;box-shadow:0 4px 28px #00000073}.dn-brand{align-items:center;gap:var(--dn-sp-3);display:flex}.dn-brand-icon{background:conic-gradient(from 200deg, var(--dn-gold), #fff3cf, var(--dn-gold), #6b5524, var(--dn-gold));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;font-weight:800;display:flex;position:relative;overflow:hidden;box-shadow:0 0 20px #d4af5f6b,inset 0 0 8px #00000080}.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.2 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:#0c101cbf;gap:4px;padding:4px;display:flex}.dn-nav-btn{color:var(--dn-ink-1);font:500 var(--dn-fs-sm)/1.15 var(--dn-font);border-radius:var(--dn-r-full);cursor:pointer;transition:all var(--dn-dur-fast) var(--dn-ease);background:0 0;border:1px solid #0000;align-items:center;gap:6px;padding:7px 16px;display:flex;position:relative}.dn-nav-btn:hover{color:var(--dn-ink-0);background:#ffffff0a;border-color:#d4af5f38}.dn-nav-btn.active{background:var(--dn-grad-cta);color:var(--dn-cta-ink,#140f04);box-shadow:0 6px 24px -6px var(--dn-violet-glow);font-weight:700}[data-theme=sovereign-gold] .dn-nav-btn.active img,:root:not([data-theme=neon-studio]) .dn-nav-btn.active img{filter:brightness(.12)sepia()hue-rotate(10deg)!important}.dn-controls{align-items:center;gap:var(--dn-sp-3);display:flex}.dn-select{border:1px solid var(--dn-glass-border);border-radius:var(--dn-r-sm);color:var(--dn-ink-0);font:500 var(--dn-fs-xs)/1.2 var(--dn-font);cursor:pointer;transition:border-color var(--dn-dur-fast);background:#0c101ceb;outline:none;padding:6px 12px}.dn-select:hover{border-color:var(--dn-gold)}.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(16px)saturate(1.25);backdrop-filter:blur(16px)saturate(1.25);transition:border-color var(--dn-dur-md) var(--dn-ease), box-shadow var(--dn-dur-md) var(--dn-ease), transform var(--dn-dur-md) var(--dn-ease);background:linear-gradient(160deg,#d4af5f11,#0b0e18c7 55%,#060912db);position:relative;overflow:hidden;box-shadow:inset 0 1px #f3dc9b24,0 14px 40px -14px #000000a6}[data-theme=neon-studio] .glass{background:#0a0d1494}.glass:before{content:"";background:var(--dn-grad-surface);pointer-events:none;border-radius:inherit;position:absolute;inset:0}.glass:hover{border-color:var(--dn-rule-accent);box-shadow:inset 0 1px #f3dc9b3d,0 18px 46px -12px #000000b8,0 0 28px #d4af5f14}.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:700 var(--dn-fs-md)/1.35 var(--dn-font);color:var(--dn-gold-2,var(--dn-ink-0));letter-spacing:0}.glass-body{padding:var(--dn-sp-5);position:relative}.simple{padding:var(--dn-sp-6) 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-8);max-width:740px}.simple-title{letter-spacing:0;background:linear-gradient(180deg, #fff6df 0%, var(--dn-gold-2,#f3dc9b) 60%, var(--dn-gold,#d4af5f) 100%);-webkit-text-fill-color:transparent;margin-bottom:var(--dn-sp-2);-webkit-background-clip:text;background-clip:text;padding-bottom:4px;font-family:Amiri,IBMPlexSansArabic,Sora,serif;font-size:clamp(34px,3.8vw,48px);font-weight:700;line-height:1.38;animation:4s ease-in-out infinite alternate titleGlow}[data-theme=neon-studio] .simple-title{background:var(--dn-grad-brand);-webkit-background-clip:text;background-clip:text}@keyframes titleGlow{0%{filter:brightness()drop-shadow(0 0 #0000)}to{filter:brightness(1.08)drop-shadow(0 0 22px #d4af5f47)}}.simple-subtitle{font:400 var(--dn-fs-md)/1.82 var(--dn-font-body);color:var(--dn-ink-1);max-width:580px;margin:0 auto}.simple-form{gap:var(--dn-sp-4);flex-direction:column;width:100%;max-width:680px;display:flex}.simple-prompt{border:1px solid var(--dn-glass-border);border-radius:var(--dn-r-lg);width:100%;min-height:118px;color:var(--dn-ink-0);font:400 16px/1.85 var(--dn-font-body);resize:none;transition:border-color var(--dn-dur-md),box-shadow var(--dn-dur-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0e18d1;outline:none;padding:18px 20px;box-shadow:inset 0 2px 10px #00000059}.simple-prompt::placeholder{color:var(--dn-ink-3)}.simple-prompt:focus{border-color:var(--dn-gold);box-shadow:0 0 0 4px #d4af5f24, 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:700 var(--dn-fs-xs)/1.3 var(--dn-font);color:var(--dn-gold-2,var(--dn-ink-2));text-transform:uppercase;letter-spacing:.06em}.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.3 var(--dn-font);cursor:pointer;transition:border-color var(--dn-dur-fast);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0c101ceb;outline:none;padding:11px 14px}.simple-selector select:focus{border-color:var(--dn-gold);box-shadow:0 0 0 3px #d4af5f1f}.simple-gen-btn{border-radius:var(--dn-r-full);font:800 var(--dn-fs-lg)/1.2 var(--dn-font);cursor:pointer;transition:all var(--dn-dur-md) var(--dn-ease);letter-spacing:0;border:none;padding:16px 32px;position:relative;overflow:hidden}.simple-gen-btn.ready{background:var(--dn-grad-cta);color:var(--dn-cta-ink,#140f04);box-shadow:0 10px 40px -10px var(--dn-red-glow), 0 0 60px #d4af5f1f}.simple-gen-btn.ready:hover{filter:brightness(1.06);box-shadow:0 14px 44px -8px var(--dn-red-glow), 0 0 80px #d4af5f2e;transform:translateY(-2px)scale(1.01)}.simple-gen-btn.ready:after{content:"";background:linear-gradient(135deg,#0000 40%,#ffffff38 50%,#0000 60%);width:200%;height:200%;animation:3.2s 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-1);border:1px solid var(--dn-glass-border);cursor:wait}.simple-gen-btn.disabled{background:var(--dn-bg-3);color:var(--dn-ink-3);cursor:not-allowed;border:1px solid #ffffff0d}.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:700 var(--dn-fs-sm)/1.3 var(--dn-font);color:var(--dn-gold-2,var(--dn-ink-2));text-transform:uppercase;letter-spacing:.06em;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:#0b0e18b8;display:flex}.tp:hover{border-color:var(--dn-rule-accent);box-shadow:0 8px 26px -8px #d4af5f2e}.tp-num{font:600 var(--dn-fs-xs)/1 var(--dn-font-mono);color:var(--dn-ink-2);min-width:20px}.tp-play{border-radius:var(--dn-r-full);background:var(--dn-violet-soft);width:36px;height:36px;color:var(--dn-gold-2,var(--dn-violet));cursor:pointer;transition:all var(--dn-dur-fast);border:1px solid #d4af5f52;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;display:flex}.tp-play:hover{background:var(--dn-grad-cta);color:var(--dn-cta-ink,#140f04);box-shadow:0 0 18px var(--dn-violet-glow);transform:scale(1.08)}.tp-play.playing{background:var(--dn-grad-cta);color:var(--dn-cta-ink,#140f04);box-shadow:0 0 18px 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:600 var(--dn-fs-sm)/1.3 var(--dn-font);color:var(--dn-ink-0);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.tp-badge{font:700 9.5px/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;border:1px solid #3fd6a647;padding:3px 9px}.tp-time{font:400 var(--dn-fs-xs)/1 var(--dn-font-mono);color:var(--dn-ink-2)}.tp-seek{background:var(--dn-bg-3);border-radius:var(--dn-r-full);cursor:pointer;height:5px;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-gold);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:30px;height:30px;color:var(--dn-ink-1);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-2)}.tp-dl.done{color:var(--dn-success)}.adv{grid-template-columns:1fr 340px;height:calc(100vh - 56px);max-height:calc(100vh - 56px);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(18px);backdrop-filter:blur(18px);background:#080b14b8;flex-direction:column;height:100%;max-height:calc(100vh - 56px);display:flex;overflow:hidden}.adv-chat-header{padding:var(--dn-sp-4) var(--dn-sp-5);border-bottom:1px solid var(--dn-rule);font:700 var(--dn-fs-sm)/1.3 var(--dn-font);color:var(--dn-gold-2)}.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.7 var(--dn-font-body);word-wrap:break-word;max-width:90%}.adv-chat-msg.system{background:var(--dn-bg-3);color:var(--dn-ink-1);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{color:var(--dn-ink-0);background:#ffffff0f;border:1px solid #ffffff1a;align-self:flex-end}.adv-chat-msg.assistant{color:var(--dn-ink-0);border:1px solid var(--dn-glass-border);background:linear-gradient(160deg,#d4af5f1f,#d4af5f08);align-self:flex-start}.adv-chat-input{gap:var(--dn-sp-2);padding:var(--dn-sp-3);border-top:1px solid var(--dn-rule);background:#00000040;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.4 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-gold);box-shadow:0 0 0 3px var(--dn-violet-soft)}.adv-chat-input button{border-radius:var(--dn-r-md);background:var(--dn-grad-cta);color:var(--dn-cta-ink,#140f04);font:700 var(--dn-fs-sm)/1 var(--dn-font);cursor:pointer;transition:box-shadow var(--dn-dur-fast), transform var(--dn-dur-fast);border:none;padding:10px 16px}.adv-chat-input button:hover{box-shadow:0 0 18px var(--dn-violet-glow);transform:translateY(-1px)}.lyrics-area{border:1px solid var(--dn-glass-border);border-radius:var(--dn-r-md);width:100%;min-height:240px;color:var(--dn-ink-0);font:400 15.5px/1.92 var(--dn-font-body);resize:vertical;transition:border-color var(--dn-dur-md), box-shadow var(--dn-dur-md);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0e18c7;outline:none;padding:16px 18px}.lyrics-area:focus{border-color:var(--dn-gold);box-shadow:0 0 0 3px var(--dn-violet-soft)}.tag-bar{margin-top:var(--dn-sp-2);flex-wrap:wrap;gap:5px;display:flex}.tag-btn{border:1px solid var(--dn-glass-border);border-radius:var(--dn-r-full);color:var(--dn-ink-1);font:600 var(--dn-fs-xs)/1.2 var(--dn-font-mono);cursor:pointer;transition:all var(--dn-dur-fast);background:#d4af5f0a;padding:5px 12px}.tag-btn:hover{border-color:var(--dn-gold);color:var(--dn-gold-2);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:700 var(--dn-fs-xs)/1.35 var(--dn-font);color:var(--dn-gold-2,var(--dn-ink-2));text-transform:uppercase;letter-spacing:.05em;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.45 var(--dn-font-body);transition:border-color var(--dn-dur-fast), box-shadow var(--dn-dur-fast);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0e18c7;outline:none;padding:11px 14px}.field-input:focus{border-color:var(--dn-gold);box-shadow:0 0 0 3px 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-1);font:500 var(--dn-fs-xs)/1.2 var(--dn-font);cursor:pointer;transition:all var(--dn-dur-fast);background:#ffffff05;padding:6px 14px}.chip:hover{border-color:var(--dn-gold);color:var(--dn-ink-0)}.chip.on{border-color:var(--dn-gold);color:var(--dn-gold-2);background:#d4af5f24;font-weight:700;box-shadow:0 0 14px #d4af5f2e}.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:#d4af5f09;border:2px dashed #d4af5f47;flex-direction:column;display:flex}.voice-drop:hover{border-color:var(--dn-gold);background:var(--dn-violet-soft);box-shadow:var(--dn-shadow-neon)}.voice-drop-icon{font-size:28px}.voice-drop-text{font:600 var(--dn-fs-sm)/1.3 var(--dn-font);color:var(--dn-gold-2)}.voice-drop-hint{font:400 var(--dn-fs-xs)/1.4 var(--dn-font-body);color:var(--dn-ink-2)}.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:#0c101ccc;gap:2px;padding:3px;display:flex}.gen-toggle button{color:var(--dn-ink-1);font:600 var(--dn-fs-xs)/1.2 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-grad-cta);color:var(--dn-cta-ink,#140f04);box-shadow:0 0 14px var(--dn-violet-glow);font-weight:700}.gen-btn{border-radius:var(--dn-r-full);font:800 var(--dn-fs-md)/1.2 var(--dn-font);cursor:pointer;background:var(--dn-grad-cta);color:var(--dn-cta-ink,#140f04);box-shadow:0 8px 32px -8px var(--dn-red-glow);transition:all var(--dn-dur-md);border:none;padding:12px 28px;position:relative;overflow:hidden}.gen-btn:hover{filter:brightness(1.06);box-shadow:0 12px 36px -6px var(--dn-red-glow);transform:translateY(-1px)}.simple-gen-btn{z-index:10;position:sticky;bottom:20px}.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:32px;font:400 var(--dn-fs-xs)/1 var(--dn-font-body);color:var(--dn-ink-2);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:var(--dn-z-nav);background:#040509eb;flex-shrink:0;display:flex}.dn-status-dot{background:var(--dn-success);border-radius:50%;width:7px;height:7px;box-shadow:0 0 10px #3fd6a68c}.dn-status-dot.busy{background:var(--dn-gold);animation:1.5s infinite pulse;box-shadow:0 0 10px #d4af5f8c}.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-2);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}.dn-orb-live-badge{color:var(--dn-gold-2,#f3dc9b);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0b0e18d1;border:1px solid #d4af5f5c;border-radius:999px;align-items:center;gap:8px;margin:4px auto 12px;padding:6px 16px;font-size:12px;font-weight:600;display:inline-flex;box-shadow:0 6px 24px -8px #d4af5f59,inset 0 1px #ffffff14}.dn-orb-live-dot{background:#3fd6a6;border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse;box-shadow:0 0 10px #3fd6a6}@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{grid-template-columns:1fr}.adv{flex-direction:column;height:auto;max-height:none;display:flex;overflow-y:auto}.adv-main{flex-direction:column;display:flex;overflow:visible}.adv-main .adv-col{display:contents}.adv-chat{border-left:none;border-bottom:1px solid var(--dn-glass-border);order:-1;min-height:500px;max-height:600px}.adv-generate{order:998}.adv-full{order:999}.simple-title{font-size:var(--dn-fs-2xl)}}.tp-rendering{animation:2s ease-in-out infinite tp-pulse;border-color:var(--dn-gold)!important}@keyframes tp-pulse{0%,to{border-color:#d4af5f4d;box-shadow:0 0 #d4af5f00}50%{border-color:#f3dc9ba6;box-shadow:0 0 18px #d4af5f38}}.tp-play.tp-loading{background:var(--dn-violet-soft);color:var(--dn-gold-2);cursor:wait}.tp-play.tp-loading:hover{background:#d4af5f33;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-gold),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-gold-2)!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.45 var(--dn-font-body);cursor:pointer;text-align:left;background:#d4af5f12;border:1px solid #d4af5f3d;transition:all .2s}.chat-starter-btn:hover{border-color:var(--dn-gold);background:#d4af5f26;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-gold-2);font:600 var(--dn-fs-xs)/1.2 var(--dn-font-body);cursor:pointer;background:linear-gradient(135deg,#d4af5f29,#3fd6a61a);border:1px solid #d4af5f59;transition:all .2s;display:block}.chat-copy-btn:hover{background:linear-gradient(135deg,#d4af5f42,#3fd6a62e);transform:scale(1.02)}.track-generating{opacity:.75;position:relative;overflow:hidden}.track-generating:after{content:"";background:linear-gradient(90deg,#0000,#d4af5f24,#0000);width:100%;height:100%;animation:2s infinite shimmer;position:absolute;top:0;left:-100%}@keyframes shimmer{to{left:100%}}@media (width<=900px){.dn-nav{-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;max-width:60vw;overflow-x:auto}.dn-nav::-webkit-scrollbar{display:none}.dn-nav-btn{white-space:nowrap;flex-shrink:0;padding:6px 12px;font-size:12px}}@media (width<=768px){.dn-header{flex-wrap:wrap;justify-content:center;gap:6px;height:auto;padding:8px 12px}.dn-brand{justify-content:center;width:100%}.dn-brand-sub{display:none}.dn-nav{-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;border-radius:8px;flex-wrap:nowrap;justify-content:flex-start;gap:4px;width:100%;max-width:100%;padding:4px;display:flex;overflow-x:auto}.dn-nav::-webkit-scrollbar{display:none}.dn-nav-btn{white-space:nowrap;flex-shrink:0;align-items:center;gap:6px;padding:8px 12px;font-size:11px;display:flex}.dn-nav-btn span{display:none}.dn-nav-btn.active span{display:inline}.dn-controls{justify-content:center;gap:8px;width:100%;font-size:11px}.simple{padding:16px 12px 80px}.simple-hero{margin-bottom:20px}.simple-title{font-size:24px!important}.simple-subtitle{font-size:13.5px}.simple-form{max-width:100%}.simple-selectors{grid-template-columns:1fr}.simple-prompt{min-height:88px;padding:14px;font-size:14.5px}.glass{border-radius:12px}.glass-body{padding:12px}.glass-header{padding:10px 12px}.dn-status{padding:4px 10px;font-size:10px}.dn-powered{font-size:9px}.chat-starter-btn{padding:8px 10px;font-size:12px}}@media (width<=480px){.dn-header{gap:4px;padding:6px 8px}.dn-brand-name{font-size:16px}.dn-brand-icon{width:28px;height:28px;font-size:13px}.dn-nav-btn{gap:3px;padding:5px 8px;font-size:10px}.simple-title{font-size:20px!important}.simple{padding:10px 8px 80px}}