/* Unified 2026 customer experience — visual-only overrides. */
:root{--ui-ink:#111827;--ui-muted:#64748b;--ui-line:#e3e9f2;--ui-blue:#3157e2;--ui-cyan:#06a7c9;--ui-lime:#b9f542;--ui-surface:#fff;--ui-soft:#f5f8fc;--ui-radius:20px}
html{scroll-behavior:smooth}body{background:radial-gradient(circle at 5% 4%,#eef3ff 0,transparent 27%),radial-gradient(circle at 95% 9%,#ecfeff 0,transparent 25%),#f7f9fc;color:var(--ui-ink);font-family:Inter,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}nav{height:68px;padding:0 max(20px,calc((100vw - 1180px)/2));border-color:#e8edf4;background:#ffffffde;box-shadow:0 8px 30px #0f172a08}.brand{font-size:17px;letter-spacing:-.2px}.brand img{width:38px;height:38px;box-shadow:0 6px 16px #3159ff22}#account button{min-height:40px;padding:9px 14px;border-color:#dfe5ee;border-radius:11px;box-shadow:0 5px 15px #0f172a08}
[hidden]{display:none!important}
main{display:flex;max-width:1180px;flex-direction:column;padding:0 24px}.hero{order:1;min-height:auto;grid-template-columns:minmax(0,1.48fr) minmax(270px,.52fr);gap:48px;padding:54px 0 38px}.hero h1{margin:17px 0 16px;font-size:clamp(48px,6.2vw,70px);line-height:.98;letter-spacing:-3.8px}.hero-copy>p{max-width:720px;font-size:16px;line-height:1.65}.pill{padding:6px 10px;border:1px solid #dfe6ff;background:#f0f4ff;font-size:9px}.trust{gap:12px 22px;margin-top:20px;font-size:13px}.success-guidance{margin-top:18px!important;padding:14px 16px!important;border:1px solid #dce5f3!important;border-radius:14px!important;background:#ffffff9c!important;box-shadow:0 8px 25px #102a5608!important}.success-guidance b{font-size:12px!important}.success-guidance span{font-size:12px!important;line-height:1.5}.hero-actions{margin-top:16px}.hero-actions a{min-height:42px;padding:10px 15px;border-radius:11px;font-size:12px}.quality-card{padding:24px;border:1px solid #263a65;border-radius:24px;box-shadow:0 22px 60px #312e8122}.quality-ring{width:137px;height:137px;border-width:10px}.quality-ring b{font-size:38px}.quality-card p{margin-top:22px;font-size:13px}
.work-area{order:2;grid-template-columns:minmax(0,1.5fr) minmax(300px,.72fr);gap:16px;margin:4px 0 20px}.card{border-color:var(--ui-line);border-radius:var(--ui-radius);box-shadow:0 14px 40px #0f172a0b}.create-card,.wallet{padding:22px}.section-title>span{width:33px;height:33px;border-radius:10px}.section-title h2{font-size:20px}.create-card textarea{min-height:126px;margin-top:17px;border-color:#dbe2ec;background:#f9fbfd}.quote{gap:12px;margin:10px 0;padding:10px 12px;font-size:12px}.primary,.topup{min-height:45px;border-radius:11px}.wallet{background:linear-gradient(150deg,#111827,#17223a 70%,#1d3155)}.wallet h2{font-size:40px}.amounts{margin:17px 0 8px}.amounts button{padding:9px 7px;font-size:12px}.custom-topup-toggle{font-size:11px!important}.receive{margin:12px 0;font-size:12px}
#notice{order:3}.payment{order:4}.history{order:5;margin:22px 0 26px}.history-head{margin-bottom:8px}.history article,.empty{margin-top:8px;padding:13px 15px;border-color:var(--ui-line);box-shadow:0 8px 24px #0f172a08}.history article{grid-template-columns:46px 1fr auto auto}.history article>span{padding:8px 6px}.history article b{font-size:13px}.history article small{font-size:11px}.showcase{order:6;margin:0 0 20px}.featured-community{order:7;margin:0 0 20px!important}.free{order:8}.disclosure{order:9}
.support-card{grid-template-columns:minmax(0,1fr) 178px;gap:28px;padding:26px 28px!important;border-width:1px!important;border-radius:22px!important;background:linear-gradient(135deg,#fff,#f3f6ff)!important;box-shadow:0 15px 45px #1d4ed812!important}.featured-community:before{right:15px;top:14px;padding:5px 8px;font-size:8px}.featured-community .support-copy h2{max-width:750px;margin:11px 0 6px;font-size:27px}.support-copy>p{font-size:13px}.support-links{gap:9px;margin:15px 0}.support-link{padding:10px 14px;border-radius:10px;font-size:12px}.group-gift{padding:12px 14px;border-radius:11px}.group-gift b{font-size:12px}.group-gift span{font-size:11px}.zalo-qr{gap:6px}.zalo-qr img{border-width:6px;border-radius:17px;box-shadow:0 12px 32px #1e3a8a20}.zalo-qr small{font-size:9px}
.featured-free{grid-template-columns:.65fr 1.35fr;gap:24px;margin:0 0 24px;padding:25px!important;border-width:1px!important;border-radius:22px!important;background:linear-gradient(135deg,#0f1d24,#102f31)!important;color:#fff;box-shadow:0 18px 50px #064e3b20!important}.featured-free:before{right:18px;top:16px;padding:6px 9px;font-size:8px}.featured-free .pill.dark{border-color:#83d7b5;background:#123f36;color:#a7f3d0}.featured-free h2{margin:12px 0 6px;color:#fff;font-size:25px}.featured-free>div>p{color:#a9c4bd}.featured-free .tool{padding:12px;border:1px solid #ffffff12;border-radius:16px;background:#ffffff0b;box-shadow:none}.featured-free .tool textarea{min-height:112px;border-color:#ffffff19;background:#091b20}.featured-free .tool button{min-height:38px}.disclosure{display:flex;align-items:flex-start;justify-content:space-between;gap:28px;padding:20px 0 32px;font-size:11px}.disclosure p:first-child{max-width:760px}.disclosure p:last-child{flex:none;white-space:nowrap}
.promo-banner{position:sticky!important;top:68px!important;z-index:19;display:grid!important;grid-template-columns:auto auto;align-items:center;justify-content:center;min-height:46px;gap:8px 16px;padding:8px 20px!important;font-size:12px!important;line-height:1.3;box-shadow:0 10px 28px #0004!important}.promo-banner b{font-size:13px!important;letter-spacing:.01em;white-space:nowrap}.promo-banner span{max-width:720px;font-size:11px!important;font-weight:700;white-space:normal}.payment{padding:20px}.job-modal-card{border:1px solid #e1e7ef;border-radius:22px}.job-modal-card h2{font-size:24px}
@media(max-width:850px){main{padding:0 16px}.hero{grid-template-columns:1fr;gap:24px;padding:38px 0 28px}.hero h1{font-size:clamp(43px,11vw,62px)}.quality-card{display:grid;grid-template-columns:120px 1fr;align-items:center;max-width:none;text-align:left}.quality-ring{width:105px;height:105px;border-width:8px}.quality-ring b{font-size:29px}.quality-card p{margin:0}.work-area{grid-template-columns:1fr}.wallet{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.wallet .amounts,.wallet .custom-topup-toggle,.wallet .custom-topup,.wallet .receive,.wallet .topup,.wallet .wallet-promo{grid-column:1/-1}.support-card{grid-template-columns:1fr 150px}.featured-free{grid-template-columns:1fr}.disclosure{display:block}}
@media(max-width:560px){nav{height:62px;padding:0 13px}.brand{font-size:15px}.brand img{width:34px;height:34px}#account b{display:none}#account button{padding:8px 10px;font-size:11px}.promo-banner{top:62px!important;grid-template-columns:1fr;min-height:58px;gap:2px;padding:8px 12px!important;text-align:center}.promo-banner b{font-size:12px!important;white-space:normal}.promo-banner span{font-size:10px!important;line-height:1.35}main{padding:0 12px}.hero{padding-top:28px}.hero h1{margin:14px 0;font-size:43px;letter-spacing:-2.5px}.hero-copy>p{font-size:14px}.trust{display:grid;gap:8px}.quality-card{grid-template-columns:88px 1fr;padding:17px}.quality-ring{width:76px;height:76px;border-width:6px;outline-width:3px}.quality-ring b{font-size:22px}.quality-ring small{font-size:6px}.quality-card p{font-size:11px}.wallet{display:block}.create-card,.wallet{padding:17px}.quote{display:grid;grid-template-columns:1fr 1fr}.quote strong{grid-column:1/-1}.history article{grid-template-columns:42px 1fr}.history article em,.history article>a{grid-column:2}.support-card{grid-template-columns:1fr;padding:21px 17px!important}.featured-community .support-copy h2{padding-right:0;font-size:24px}.featured-community:before{position:static;margin-bottom:8px}.zalo-qr{width:150px}.featured-free{padding:20px 16px!important}.featured-free:before{position:static;margin-bottom:8px}.tool footer{display:grid;grid-template-columns:1fr 1fr}.disclosure p:last-child{white-space:normal}.disclosure a{display:inline-block;margin-bottom:8px}}

/* Music AI direction — dark creative canvas with warm spectral accents. */
:root{--music-bg:#08080d;--music-panel:#121219;--music-panel-2:#171720;--music-line:#292934;--music-text:#f7f4f5;--music-muted:#a49ca5;--music-orange:#ff6a3d;--music-pink:#f43f83;--music-violet:#865cff;--music-green:#b7f34a}
body{position:relative;background:radial-gradient(circle at 12% 7%,#8b3d4d25 0,transparent 27%),radial-gradient(circle at 89% 13%,#6336b72b 0,transparent 28%),linear-gradient(180deg,#09090e,#0c0c12 55%,#08080d);color:var(--music-text)}body:before{position:fixed;inset:0;z-index:-1;opacity:.2;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,#000,transparent 75%);content:""}nav{border-color:#ffffff12;background:#0a0a10dc;box-shadow:0 10px 35px #0005}.brand{color:#fff}.brand small{color:#8f8993}.brand img{box-shadow:0 0 30px #895cff45}#account b{background:#211a2b;color:#d8c7ff}#account button{border-color:#ffffff17;background:#17171f;color:#f8f4f6;box-shadow:none}#account button:hover{border-color:#ff765b66;background:#20191e}.promo-banner{background:linear-gradient(90deg,#ff713f,#ed3e83,#825cff)!important;color:#fff!important}
.hero h1{background:linear-gradient(105deg,#fff 5%,#ffd3c5 38%,#ff6b4d 58%,#ef4387 76%,#9a77ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 12px 35px #f43f8315)}.hero-copy>p{color:#aaa3ae}.hero .pill{border-color:#ff735633;background:#ff704d12;color:#ff987b}.trust{color:#d3ccd4}.success-guidance{border-color:#ffffff13!important;background:linear-gradient(135deg,#ffffff0c,#ffffff05)!important;box-shadow:inset 0 1px #ffffff0b!important}.success-guidance b{color:#fff!important}.success-guidance span{color:#aaa3ae!important}.success-guidance strong{color:#c4f660!important}.hero-free{border-color:#ffffff18;background:#ffffff08;color:#eee9ee}.hero-free:hover{background:#ffffff10}.hero-zalo{background:linear-gradient(105deg,#ff713f,#f23f82,#865cff);box-shadow:0 13px 34px #f43f8330}.quality-card{border-color:#ffffff15;background:radial-gradient(circle at 75% 0,#8f5cff38,transparent 42%),linear-gradient(145deg,#171722,#101017);box-shadow:0 25px 70px #0007}.quality-ring{border-color:#292733;outline-color:#ff6d44;box-shadow:inset 0 0 38px #0009,0 0 35px #f43f8332}.quality-ring b{color:#ff8a61}.quality-card p{color:#aaa3ae}
.card{border-color:var(--music-line);background:linear-gradient(145deg,#15151d,#111117);box-shadow:0 18px 55px #0004}.card:hover{border-color:#3a3540;box-shadow:0 24px 70px #0006}.create-card:before{height:3px;background:linear-gradient(90deg,#ff713f,#ed3e83,#865cff)}.section-title>span{background:#27212a;color:#ff8a61}.section-title h2{color:#fff}.section-title p{color:#8f8993}.create-card textarea,textarea{border-color:#302e39;background:#0d0d13;color:#f5f1f4}.create-card textarea::placeholder,textarea::placeholder{color:#6f6973}.create-card textarea:focus,textarea:focus{border-color:#f05b76;box-shadow:0 0 0 3px #f43f8318}.quote{background:#1b1a22;color:#b5aeb8}.quote strong{color:#fff}.primary{background:linear-gradient(105deg,#ff713f,#ed3e83 55%,#815cff);box-shadow:0 13px 30px #ed3e832d}.trial{color:#7f7882}.wallet{border-color:#35303a;background:radial-gradient(circle at 100% 0,#8c5cff32,transparent 39%),linear-gradient(150deg,#18151c,#111117 72%);box-shadow:0 24px 70px #0006}.wallet>small,.price-note{color:#8e8791}.wallet h2{color:#fff}.wallet h2 i{color:#8e8791}.wallet-promo{border-color:#ff7a5252!important;background:#ff714012!important}.amounts button{border-color:#34323c;background:#1c1b24;color:#d8d1d9}.amounts button.active{border-color:#ff7655;background:linear-gradient(105deg,#ff783f,#fa4678);color:#fff;box-shadow:0 0 0 3px #f43f8320}.custom-topup-toggle{color:#c0b8c1!important}.custom-topup{border-color:#34313b!important;background:#14131a!important}.receive{color:#aaa3ae}.receive b{color:#bdff58}.topup{background:linear-gradient(105deg,#d6ff67,#a9ef3f);box-shadow:0 12px 30px #b7f34a1d}
.history .section-title h2{color:#fff}.history article,.empty{border-color:#292832;background:#121219;color:#eee9ee;box-shadow:0 10px 30px #0003}.history article:hover{border-color:#514054;background:#17161e}.history article>span{background:#211d25;color:#ff9576}.history article small{color:#8f8993}.history-head #showAllHistory,.history a{color:#b797ff}.retry75{background:#291f36;color:#cbb8ff}
.showcase{border-color:#292833;background:radial-gradient(circle at 100% 0,#865cff18,transparent 35%),linear-gradient(145deg,#15151d,#101016);box-shadow:0 20px 60px #0004}.showcase:before{background:#f43f8312}.showcase-head .pill{border-color:#ff735633;background:#ff704d12;color:#ff987b}.showcase-head h2{color:#fff}.showcase-head p{color:#8f8993}.demo-nav{border-color:#ffffff13;background:#ffffff09;box-shadow:none}.demo-nav button{color:#d8d1d9}.demo-nav button:hover{background:#ffffff10;color:#ff8b68}.demo-nav span{color:#b9b1bb}.demo-card{border-color:#302e38;background:#0d0d13;box-shadow:0 16px 45px #0005}.demo-eyebrow{color:#756f79}.demo-card h3{color:#fff}.demo-card header p{color:#8f8993}.demo-card header>b{border-color:#ff74502e;background:#ff704d10;color:#ff9275}.demo-player{border-color:#37333e}.demo-vs{border-color:#0d0d13;background:linear-gradient(135deg,#ff7141,#ef4182);box-shadow:0 7px 24px #f43f8355}.demo-card>footer .demo-link{border-color:#292832;background:#17171f!important;color:#8f8993!important}.demo-link b{color:#ece6ec}.demo-link.suno{border-color:#352b48;background:#1b1724!important}.demo-link.suno b{color:#c8b2ff}
.support-card{border-color:#332e3b!important;background:radial-gradient(circle at 93% 10%,#8b5cff25,transparent 35%),linear-gradient(135deg,#17151d,#111117)!important;box-shadow:0 20px 65px #0005!important}.featured-community:before{background:#ff704d14;color:#ff9b80}.support-copy h2{color:#fff}.support-copy>p{color:#9d969f}.support-link.zalo{background:linear-gradient(105deg,#3b70ff,#765cff)}.support-link.telegram{background:linear-gradient(105deg,#119ccf,#3f70e8)}.group-gift{border-color:#54422c;background:#211a15;color:#ffd6aa}.zalo-qr{color:#a79fa8}.zalo-qr img{border-color:#24212a;box-shadow:0 18px 45px #0006}
.featured-free{border-color:#283b35!important;background:radial-gradient(circle at 0 100%,#0d765f25,transparent 38%),linear-gradient(135deg,#101a19,#101116)!important}.featured-free .tool{border-color:#ffffff10;background:#070e0e}.featured-free .tool textarea{border-color:#29403a;background:#0a1212}.featured-free .tool button{background:linear-gradient(105deg,#cfff63,#73e6b5);color:#101611}.disclosure{border-color:#24232b;color:#77717a}.disclosure a{color:#b69aff}.payment{border-color:#3c3048;background:linear-gradient(135deg,#17151d,#111117)}#notice{background:#211923;color:#ff9aad}.job-modal{background:#050509db}.job-modal-card{border-color:#312e38;background:#15151c;color:#f7f2f6}.modal-x{color:#d8d1d9}.legal{border-color:#2c2a33;background:#15151c;color:#d8d1d9}.legal a{color:#b79aff}
@media(max-width:560px){body:before{background-size:34px 34px}.hero h1{font-size:42px}.quality-card{background:linear-gradient(145deg,#181720,#111117)}.support-card{background:linear-gradient(135deg,#17151d,#111117)!important}}

/* Contrast pass: all supporting copy remains readable on the dark canvas. */
.featured-community{order:1!important}
.hero-copy>p,.trust,.quality-card p,.success-guidance span,.section-title p,.trial,.price-note,.wallet>small,.receive,.history article small,.history-head small,.showcase-head p,.demo-card header p,.support-copy>p,.group-gift span,.featured-free>div>p,.disclosure,.modal-help{color:#c0b8c2!important}.success-guidance b,.section-title h2,.history .section-title h2,.showcase-head h2,.support-copy h2,.featured-free h2{color:#faf7f9!important}.success-guidance strong,.receive b{color:#c8ff63!important}.brand small,.demo-eyebrow,.demo-link span,.zalo-qr small,.wallet-promo small{color:#a9a1ab!important}.create-card textarea::placeholder,textarea::placeholder,input::placeholder{color:#938b96!important;opacity:1}.quote{color:#c7c0c9}.quote span{color:#bbb3bd}.quote strong{color:#fff}.wallet h2 i{color:#bbb3bd}.amounts button:not(.active){color:#d8d1d9}.custom-topup-toggle{color:#c9c1ca!important}.history .empty{color:#d4cdd5}.history article b,.history article em{color:#f4eff3}.history article .completed{color:#55dda0}.history article .failed,.error{color:#ff8498!important}.demo-nav span{color:#d0c8d2}.demo-card h3{color:#fff}.demo-card header>b{color:#ffab93}.demo-label{color:#fff}.demo-link b{color:#f2edf1}.support-card .pill{color:#ff9f83}.group-gift{color:#ffe0bb}.group-gift b{color:#fff0da}.zalo-qr{color:#c2bac4}.featured-free .pill.dark{color:#bff5db}.featured-free .tool textarea{color:#f1faf7}.disclosure p{color:#a9a1ab}.disclosure a{color:#c2adff}.job-modal-card p,.job-modal-card small{color:#c6bec8}.legal p,.legal li{color:#c8c0ca}

/* Full history modal — aligned with the Music AI theme. */
.job-modal-card:has(.history-popup){width:min(1040px,96vw);padding:0;overflow:hidden;border:1px solid #34313d;border-radius:24px;background:linear-gradient(145deg,#18171f,#111117);box-shadow:0 34px 110px #000c}.job-modal-card:has(.history-popup)>h2{margin:0;padding:24px 66px 20px 26px;border-bottom:1px solid #2c2a34;background:linear-gradient(90deg,#1c1921,#17151d);color:#fff;font-size:24px;letter-spacing:-.4px}.job-modal-card:has(.history-popup)>.modal-x{right:18px;top:15px;display:grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid #3a3742;border-radius:11px;background:#ffffff08;color:#d6ced7;font-size:23px}.job-modal-card:has(.history-popup)>.modal-x:hover{border-color:#ff765b66;background:#ff714014;color:#fff}.job-modal-card:has(.history-popup)>div{padding:0}.history-popup{display:grid;max-height:70vh;gap:9px;overflow:auto;padding:14px 16px 18px;scrollbar-color:#5b5361 #17161d;scrollbar-width:thin}.history-popup::-webkit-scrollbar{width:8px}.history-popup::-webkit-scrollbar-track{background:#17161d}.history-popup::-webkit-scrollbar-thumb{border:2px solid #17161d;border-radius:99px;background:#5b5361}.history-popup article{display:grid;grid-template-columns:52px minmax(0,1fr) auto auto;gap:12px;align-items:center;margin:0;padding:14px;border:1px solid #2c2a34;border-radius:14px;background:#14131a;transition:border-color .18s ease,background .18s ease}.history-popup article:hover{border-color:#473946;background:#19171f}.history-popup article>span{display:grid;place-items:center;min-width:44px;min-height:38px;padding:7px;border:1px solid #ff77512b;border-radius:10px;background:#ff714010;color:#ff9b7e;font-size:10px;font-weight:900}.history-popup article>div{min-width:0}.history-popup .job-song-title{display:block;overflow:hidden;color:#f8f4f7!important;font-size:14px;font-weight:850;text-overflow:ellipsis;white-space:nowrap}.history-popup .job-source-link{display:block;margin-top:4px;overflow:hidden;color:#aaa2ac!important;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.history-popup article>div>small:not(.job-source-link){display:block;margin-top:4px;color:#c1b9c3!important;font-size:10px}.history-popup article em{display:inline-flex;align-items:center;justify-content:center;min-height:29px;padding:6px 9px;border:1px solid #3a3741;border-radius:999px;background:#211f27;color:#d8d1d9;font-size:10px;font-style:normal;font-weight:850;white-space:nowrap}.history-popup article em.completed{border-color:#2f6d524f;background:#143326;color:#75e4aa}.history-popup article em.processing,.history-popup article em.queued{border-color:#7a653c55;background:#322817;color:#ffd47f}.history-popup article em.failed{border-color:#7f364755;background:#361b23;color:#ff91a3}.history-popup article>a{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:7px 10px;border:1px solid #594072;border-radius:9px;background:linear-gradient(105deg,#2a2036,#271c3a);color:#c8adff!important;font-size:10px;font-weight:850;text-decoration:none;white-space:nowrap}.history-popup article>a:hover{border-color:#9a75d0;background:#342449;color:#fff!important}.history-popup .job-customer-tools{display:flex;gap:6px;margin-top:8px}.history-popup .report-issue,.history-popup .retry75{display:inline-flex;width:auto;min-height:28px;margin:0;padding:6px 9px;border:1px solid #3a3742;border-radius:8px;background:#1d1b23;color:#c8c0ca;font-size:10px}.history-popup .report-issue:hover{border-color:#ff8d6259;color:#ffad90}.history-popup .report-issue.reported{border-color:#765f37;background:#302718;color:#ffd48b}.history-popup .retry75{border-color:#58426f;background:#261e31;color:#c9b2ec}
@media(max-width:720px){.job-modal{padding:8px}.job-modal-card:has(.history-popup){width:100%;max-height:94vh;border-radius:17px}.job-modal-card:has(.history-popup)>h2{padding:18px 56px 15px 16px;font-size:19px}.job-modal-card:has(.history-popup)>.modal-x{right:11px;top:9px;width:35px;height:35px}.history-popup{max-height:calc(94vh - 68px);gap:8px;padding:10px}.history-popup article{grid-template-columns:42px minmax(0,1fr);gap:9px;padding:11px}.history-popup article>span{min-width:38px;min-height:34px}.history-popup article em,.history-popup article>a{grid-column:2;justify-self:start}.history-popup article>a{width:100%}.history-popup .job-customer-tools{display:grid;grid-template-columns:1fr}.history-popup .job-customer-tools button{width:100%}}

/* Completed results keep their two next actions visible in both the recent
   list and the full-history dialog. */
#jobs .job-customer-tools.has-result-tools,.history-popup .job-customer-tools.has-result-tools{display:flex!important;align-items:center;gap:7px;margin-top:10px;flex-wrap:wrap}
#jobs .job-customer-tools.has-result-tools .copy-result-link,.history-popup .job-customer-tools.has-result-tools .copy-result-link,#jobs .job-customer-tools.has-result-tools .cover-result-link,.history-popup .job-customer-tools.has-result-tools .cover-result-link{display:inline-flex!important;width:auto!important;min-height:31px;align-items:center;justify-content:center;padding:6px 11px;border-radius:8px;font-size:10px;font-weight:850;text-decoration:none;white-space:nowrap}
#jobs .job-customer-tools.has-result-tools .copy-result-link,.history-popup .job-customer-tools.has-result-tools .copy-result-link{border:1px solid #4b4454;background:#211e28;color:#eee7f0}
#jobs .job-customer-tools.has-result-tools .cover-result-link,.history-popup .job-customer-tools.has-result-tools .cover-result-link{border:1px solid #ff7d594f;background:#ff6d4319;color:#ff9a79}
#jobs .job-customer-tools.has-result-tools .report-issue,.history-popup .job-customer-tools.has-result-tools .report-issue{display:inline-flex!important;width:auto!important;min-height:31px;margin:0!important;padding:6px 10px!important;border:1px solid #393541!important;border-radius:8px!important;background:#19171e!important;color:#8f8792!important;font-size:10px!important;font-weight:750!important}
#jobs .job-customer-tools.has-result-tools .report-issue:hover,.history-popup .job-customer-tools.has-result-tools .report-issue:hover{border-color:#69443e!important;color:#ff9678!important}
#jobs .job-customer-tools.has-result-tools .retry75,.history-popup .job-customer-tools.has-result-tools .retry75{width:auto!important;margin:0!important}
@media(max-width:520px){#jobs .job-customer-tools.has-result-tools,.history-popup .job-customer-tools.has-result-tools{align-items:stretch}.job-customer-tools.has-result-tools>*{flex:1 1 calc(50% - 5px)}.job-customer-tools.has-result-tools .report-issue{flex-basis:100%}}

/* Promotion popup — same orange/pink/violet Music AI identity. */
.job-modal-card:has(.promo-popup){border-color:#3a303e;background:radial-gradient(circle at 90% -8%,#865cff42 0,transparent 40%),radial-gradient(circle at 0 100%,#ff713f26 0,transparent 36%),linear-gradient(150deg,#18151d,#101016);box-shadow:0 35px 120px #000d}.job-modal-card:has(.promo-popup):before{background:linear-gradient(90deg,transparent,#ff713f,#ed3e83,#865cff,transparent)}.job-modal-card:has(.promo-popup)>h2{color:#d8cfd8}.job-modal-card:has(.promo-popup) .modal-x{border-color:#ffffff16;background:#ffffff08!important;color:#c8c0ca}.promo-kicker{color:#b4abb6}.promo-discount{border-color:#ff815d59;background:linear-gradient(105deg,#ff713f22,#ed3e8322);color:#ffad91}.promo-copy h3{color:#fff}.promo-copy h3 em{background:linear-gradient(105deg,#ff8a61,#f35591,#a581ff);-webkit-background-clip:text;background-clip:text;color:transparent}.promo-copy p{color:#bdb5bf}.promo-price-grid article{border-color:#37333d;background:#ffffff08}.promo-price-grid article.featured{border-color:#a176ff66;background:linear-gradient(145deg,#865cff20,#ed3e8311);box-shadow:inset 0 0 0 1px #a176ff14}.promo-plan{color:#aaa1ac}.promo-price-grid article>b{color:#fff}.promo-money del{color:#8f8791}.promo-money strong{color:#ff8e6b}.promo-price-grid article.featured .promo-money strong{color:#c6acff}.promo-price-grid article>small{color:#f7a6c4}.promo-popular{background:linear-gradient(105deg,#ff713f,#ed3e83);color:#fff}.promo-assurance{color:#d0c8d1}.promo-deadline{border-color:#393541;background:#09090e99;color:#eee8ed}.promo-clock{background:#ff714014;color:#ff9d7f}.promo-deadline small{color:#928a95}.promo-deadline b{color:#eee8ed}.job-modal-card:has(.promo-popup)>footer .primary{background:linear-gradient(105deg,#ff713f,#ed3e83 56%,#865cff);color:#fff;box-shadow:0 13px 34px #ed3e8335}.job-modal-card:has(.promo-popup)>footer .ghost{color:#aaa1ac}.job-modal-card:has(.promo-popup)>footer .ghost:hover{color:#fff}

/* 100+ customer milestone — deterministic HTML/CSS, not a generated image. */
.job-modal-card:has(.milestone-popup){width:min(720px,100%);padding:54px 38px 28px;overflow:hidden;border:1px solid #413444;border-radius:26px;background:radial-gradient(circle at 92% 0,#875cff42,transparent 40%),radial-gradient(circle at 0 100%,#ff713f24,transparent 37%),linear-gradient(150deg,#19161e,#101016);box-shadow:0 36px 125px #000d}.job-modal-card:has(.milestone-popup):before{position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,transparent,#ff713f,#ed3e83,#865cff,transparent);content:""}.job-modal-card:has(.milestone-popup)>h2{margin:0 0 19px;color:#cfc6d0;font-size:12px;letter-spacing:.1em;text-transform:uppercase}.job-modal-card:has(.milestone-popup) .modal-x{right:15px;top:14px;width:37px;height:37px;border:1px solid #ffffff17;border-radius:11px;background:#ffffff08!important;color:#c9c0ca}.milestone-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.milestone-kicker{display:flex;align-items:center;gap:7px;color:#aaa1ac;font-size:9px;font-weight:900;letter-spacing:.13em}.milestone-kicker i{width:7px;height:7px;border-radius:50%;background:#ff7146;box-shadow:0 0 0 5px #ff714619}.milestone-offer{padding:7px 10px;border:1px solid #ff805956;border-radius:999px;background:#ff714014;color:#ffa185;font-size:10px;font-weight:950}.milestone-hero{display:grid;grid-template-columns:minmax(0,1fr) 160px;align-items:center;gap:20px;margin:20px 0 18px}.milestone-thanks{color:#a79ea9;font-size:9px;font-weight:900;letter-spacing:.12em}.milestone-hero h3{margin:8px 0 9px;color:#fff;font-size:34px;line-height:1.06;letter-spacing:-1.5px}.milestone-hero h3 em{background:linear-gradient(105deg,#ff8b65,#f34b8a,#a681ff);-webkit-background-clip:text;background-clip:text;color:transparent;font-style:normal}.milestone-hero p{max-width:440px;margin:0;color:#bdb4be;font-size:12px;line-height:1.55}.milestone-hero>strong{position:relative;display:flex;align-items:flex-start;justify-content:center;background:linear-gradient(145deg,#ff8b5d,#f04888 54%,#946eff);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:92px;line-height:.9;letter-spacing:-7px;filter:drop-shadow(0 10px 30px #ed3e8335)}.milestone-hero>strong span{margin:4px 0 0 3px;font-size:31px;letter-spacing:0}.milestone-stats{display:grid;grid-template-columns:1fr 1.35fr 1fr;gap:9px}.milestone-stats article{display:grid;gap:4px;padding:13px 14px;border:1px solid #37333d;border-radius:13px;background:#ffffff07}.milestone-stats article b{color:#fff;font-size:23px}.milestone-stats article span{color:#9f96a1;font-size:9px;font-weight:800}.milestone-stats article.highlight{border-color:#8f5fff55;background:#865cff14}.milestone-stats article.highlight b{color:#c9b0ff}.milestone-deal{display:grid;grid-template-columns:1fr 1fr 1.15fr;gap:9px;margin-top:10px}.milestone-deal>div{display:grid;gap:4px;padding:11px 13px;border:1px solid #34313b;border-radius:12px;background:#0c0c1199}.milestone-deal span{color:#8f8792;font-size:8px;font-weight:900;letter-spacing:.08em}.milestone-deal b{color:#f5eff4;font-size:13px}.milestone-deal small{color:#ff9d80!important;font-size:12px}.milestone-deal del{margin-right:6px;color:#77707a}.milestone-deal .milestone-deadline{justify-content:center}.milestone-note{margin-top:12px;color:#bdb5bf;font-size:10px;text-align:center}.job-modal-card:has(.milestone-popup)>footer{justify-content:flex-start;gap:10px;margin-top:20px}.job-modal-card:has(.milestone-popup)>footer .primary{min-width:230px;background:linear-gradient(105deg,#ff713f,#ed3e83 56%,#865cff);color:#fff;box-shadow:0 13px 34px #ed3e8335}.job-modal-card:has(.milestone-popup)>footer .ghost{border:0;background:transparent;color:#aaa1ac}
@media(max-width:600px){.job-modal-card:has(.milestone-popup){max-height:calc(100vh - 16px);padding:46px 15px 15px;border-radius:20px}.job-modal-card:has(.milestone-popup)>h2{margin-bottom:10px}.milestone-top{align-items:flex-start}.milestone-kicker{max-width:190px;line-height:1.35}.milestone-hero{grid-template-columns:1fr 90px;gap:7px;margin:13px 0}.milestone-hero h3{font-size:27px;letter-spacing:-1px}.milestone-hero p{font-size:11px}.milestone-hero>strong{font-size:58px;letter-spacing:-4px}.milestone-hero>strong span{font-size:22px}.milestone-stats{grid-template-columns:1fr 1fr 1fr;gap:5px}.milestone-stats article{padding:9px 8px}.milestone-stats article b{font-size:18px}.milestone-stats article span{font-size:7px}.milestone-deal{grid-template-columns:1fr 1fr;gap:6px}.milestone-deal .milestone-deadline{grid-column:1/-1}.milestone-note{font-size:8px}.job-modal-card:has(.milestone-popup)>footer{display:grid;grid-template-columns:1fr;gap:5px;margin-top:12px}.job-modal-card:has(.milestone-popup)>footer .primary,.job-modal-card:has(.milestone-popup)>footer .ghost{width:100%;min-width:0;text-align:center}}

.service-status-wrap{display:flex;justify-content:flex-end;max-width:1120px;margin:14px auto -28px;padding:0 22px}.service-status{display:inline-flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid #34313d;border-radius:999px;background:#14131a;color:#c9c1ca;font-size:11px;font-weight:800;cursor:default}.service-status i{width:8px;height:8px;border-radius:50%;background:#8d8790;box-shadow:0 0 0 4px #8d879019}.service-status.operational i{background:#69dfa8;box-shadow:0 0 0 4px #69dfa81c}.service-status.degraded i{background:#ffd06c;box-shadow:0 0 0 4px #ffd06c1c}.service-status.offline i,.service-status.unknown i{background:#ff7e92;box-shadow:0 0 0 4px #ff7e921c}@media(max-width:600px){.service-status-wrap{justify-content:center;margin:10px auto -20px}.service-status{font-size:10px}}
/* Customer feedback: readable, compact task errors on the dark interface. */
#notice{display:flex;align-items:flex-start;gap:10px;margin-top:14px;padding:13px 15px;border:1px solid #51445a;border-radius:12px;background:#211d27;color:#f4edf5;font-weight:700;line-height:1.5;box-shadow:0 12px 32px #0004}
#notice:before{content:"i";display:grid;flex:0 0 22px;height:22px;place-items:center;border-radius:50%;background:#77677f;color:#fff;font-size:12px;font-weight:900}
#notice.error{border-color:#9c4055;background:#351b24;color:#ffd9df!important}
#notice.error:before{content:"!";background:#e45470;color:#fff}
#notice.ok{border-color:#2f7659;background:#163328;color:#c9f7df!important}
#notice.ok:before{content:"✓";background:#3ab77b;color:#071d13}
.job-modal-card .failure-detail{padding:17px 18px;border:1px solid #824052;border-radius:14px;background:linear-gradient(145deg,#321b24,#28181f);box-shadow:inset 3px 0 0 #ef6682}
.job-modal-card .failure-detail strong{display:block;margin:0 0 7px;color:#ffb4c2;font-size:16px;font-weight:900}
.job-modal-card .failure-detail p{margin:0;color:#f4d7dd!important;font-size:13px;line-height:1.6}
.history-popup article:has(em.failed){border-color:#51303a;background:linear-gradient(105deg,#1d151a,#17151c)}
.history-popup article:has(em.failed) .job-song-title{color:#fff8fa!important}
.history-popup article:has(em.failed) .job-source-link{color:#cbbfc4!important}
.history-popup article:has(em.failed) .error{margin-top:7px!important;padding:8px 10px;border:1px solid #693442;border-radius:8px;background:#2b1820;color:#ffb4c2!important;font-size:10px!important;line-height:1.45}
.history-popup .report-issue{border-color:#5d4c60;background:#211e27;color:#e8dfe9;font-weight:800}
.history-popup .report-issue:hover{border-color:#ff8d70;background:#2b2024;color:#ffc0ac}
@media(max-width:720px){#notice{font-size:12px}.job-modal-card .failure-detail{padding:14px}.history-popup article:has(em.failed) .error{grid-column:1/-1}.history-popup .job-source-link{white-space:normal;line-height:1.35}}
.success-result{display:flex;align-items:center;gap:13px;padding:15px 16px;border:1px solid #327354;border-radius:14px;background:linear-gradient(145deg,#17372a,#142b23);box-shadow:inset 3px 0 0 #4ad68d}
.success-result-icon{display:grid;flex:0 0 38px;height:38px;place-items:center;border-radius:50%;background:#4ad68d;color:#092116;font-size:20px;font-weight:950;box-shadow:0 8px 22px #4ad68d33}
.success-result strong{display:block;color:#eafff3;font-size:16px}.success-result small{display:block;margin-top:4px;color:#b8e7cd!important;line-height:1.4}
.job-modal-card .final-link{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding:12px 14px;border:1px solid #55456a;border-radius:12px;background:#201b29;color:#d8c1ff!important;font-size:12px;font-weight:750;text-decoration:none;word-break:normal}
.job-modal-card .final-link span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.job-modal-card .final-link b{flex:0 0 auto;padding:6px 9px;border-radius:8px;background:#8b5cf622;color:#d9c7ff;font-size:11px}.job-modal-card .final-link:hover{border-color:#9874ce;background:#282033;color:#fff!important}
@media(max-width:600px){.success-result{padding:13px}.job-modal-card .final-link{align-items:flex-start;flex-direction:column}.job-modal-card .final-link span{width:100%;white-space:normal;word-break:break-all}.job-modal-card .final-link b{align-self:flex-end}}

.lyrics-search{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;margin-bottom:8px}.lyrics-search input{min-width:0;padding:11px 13px;border:1px solid #34445d;border-radius:9px;background:#0a1212;color:#f1faf7}.lyrics-search button{padding:10px 14px;border:0;border-radius:9px;background:linear-gradient(105deg,#cfff63,#73e6b5);color:#101611;font-weight:850}.lyrics-search-status{display:block;min-height:18px;margin:0 0 8px;color:#b8d8c8!important;font-size:11px}.lyrics-search-status.error{color:#ffb4c2!important}@media(max-width:700px){.lyrics-search{grid-template-columns:1fr}.lyrics-search button{width:100%}}
.featured-free .tool .lyrics-search{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;margin:0}.featured-free .tool .lyrics-search-status{grid-column:1/-1;min-height:0;margin:0;padding:8px 10px;border-radius:8px;background:#10231f;color:#b8d8c8!important;line-height:1.45}.featured-free .tool .lyrics-search-status.error{background:#2b171c;color:#ffb4c2!important}.featured-free .tool>textarea{margin-top:0}@media(max-width:700px){.featured-free .tool .lyrics-search{grid-template-columns:1fr}.featured-free .tool .lyrics-search button{width:100%}}
.job-progress{width:min(420px,100%);margin-top:10px}.job-progress-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.job-progress-meta strong,.job-progress-meta b{color:#c9c2cc!important;font-size:10px!important;font-weight:750}.job-progress-meta b{color:#e4d7ff!important;font-variant-numeric:tabular-nums}.job-progress>span{display:block;height:6px;overflow:hidden;border:1px solid #393540;border-radius:99px;background:#25222b}.job-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ff765c 0%,#c38aff 100%);box-shadow:0 0 12px #ae7aff55;transition:width .45s ease}
.audio-master-entry{align-items:center}.audio-master-link{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 18px;border-radius:11px;background:linear-gradient(105deg,#ff713f,#ed3e83 55%,#865cff);color:#fff;text-decoration:none;font-weight:900;white-space:nowrap}

/* Compact service shortcuts: intentionally separate from the large free-tool cards. */
.service-entry-grid{order:8;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0 0 24px}
.service-entry{position:relative;display:grid;grid-template-columns:50px minmax(0,1fr);gap:15px;min-width:0;padding:21px;border:1px solid #312e39;border-radius:18px;background:linear-gradient(145deg,#18171e,#111116);box-shadow:0 16px 42px #0003;overflow:hidden;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}
.service-entry:after{position:absolute;right:-45px;bottom:-65px;width:180px;height:180px;border-radius:50%;content:"";pointer-events:none;filter:blur(4px);opacity:.15}
.music-ai-service:after{background:#ec4a89}.downloader-service:after{background:#54d7ae}
.service-entry:hover{border-color:#514958;transform:translateY(-2px);box-shadow:0 20px 48px #0005}
.service-entry-icon{position:relative;z-index:1;display:grid;width:50px;height:50px;place-items:center;border:1px solid #ffffff17;border-radius:15px;background:#ffffff08;box-shadow:inset 0 1px #ffffff12}
.service-entry-icon span{display:grid;width:34px;height:34px;place-items:center;border-radius:11px;color:#fff;font-size:19px;font-weight:900;font-style:normal}
.music-ai-service .service-entry-icon span{background:linear-gradient(135deg,#ff7451,#e94689 58%,#8b61ef)}
.downloader-service .service-entry-icon span{background:linear-gradient(135deg,#33b890,#75dfb7)}
.service-entry-copy{position:relative;z-index:1;min-width:0;padding-right:4px}
.service-entry-label{display:flex;align-items:center;gap:8px;color:#8f8793;font-size:8px;font-weight:950;letter-spacing:1.15px}
.service-entry-label b{padding:4px 7px;border-radius:999px;background:#ffffff09;color:#d9d2db;font-size:7px;letter-spacing:.45px}
.music-ai-service .service-entry-label b{color:#ffacbf}.downloader-service .service-entry-label b{color:#92e8c8}
.service-entry h2{margin:9px 0 7px;color:#fbf8fa;font-size:20px;line-height:1.16;letter-spacing:-.35px}
.service-entry p{max-width:440px;margin:0;color:#aaa2ad;font-size:11px;line-height:1.55}
.service-entry-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:13px}
.service-entry-meta span{padding:5px 7px;border:1px solid #ffffff0d;border-radius:7px;background:#ffffff05;color:#99919c;font-size:8px;font-weight:750}
.service-entry-action{position:relative;z-index:1;grid-column:2;display:flex;align-items:center;justify-content:space-between;gap:14px;width:fit-content;min-width:150px;margin-top:2px;padding:10px 12px;border:1px solid #ffffff13;border-radius:10px;background:#ffffff08;color:#f4eff3;text-decoration:none;font-size:10px;font-weight:900;transition:background .18s ease,border-color .18s ease}
.service-entry-action i{display:grid;width:24px;height:24px;place-items:center;border-radius:8px;background:#ffffff0c;font-size:12px;font-style:normal}
.music-ai-service .service-entry-action:hover{border-color:#ed568066;background:#ed568014}.downloader-service .service-entry-action:hover{border-color:#54cfaa66;background:#54cfaa12}
@media(max-width:850px){.service-entry-grid{grid-template-columns:1fr}.service-entry{grid-template-columns:46px minmax(0,1fr)}.service-entry-icon{width:46px;height:46px}.service-entry-action{grid-column:2}}
@media(max-width:560px){.service-entry-grid{gap:10px;margin-bottom:18px}.service-entry{grid-template-columns:40px minmax(0,1fr);gap:12px;padding:16px;border-radius:15px}.service-entry-icon{width:40px;height:40px;border-radius:12px}.service-entry-icon span{width:29px;height:29px;font-size:16px}.service-entry-label{align-items:flex-start;flex-direction:column;gap:5px}.service-entry h2{font-size:18px}.service-entry p{font-size:10px}.service-entry-action{grid-column:1/-1;width:100%;margin-top:0}.service-entry-meta{margin-top:10px}}
.national-day-popup .national-day-mark{display:flex!important;align-items:flex-start!important;justify-content:center!important;gap:3px!important;letter-spacing:0!important}.national-day-popup .national-day-mark>span{margin:0!important;font-size:92px!important;line-height:.82!important;letter-spacing:-6px!important}.national-day-popup .national-day-mark>small{margin:2px 0 0!important;color:#ff5989!important;font-size:29px!important;font-weight:950!important;line-height:1!important;letter-spacing:-2px!important}.national-day-popup .national-day-deals small{display:flex!important;align-items:center!important;gap:7px!important;min-width:0}.national-day-popup .national-day-deals small del{margin:0!important;white-space:nowrap}.national-day-popup .national-day-deals small em{color:#ff876b;font-size:10px;font-style:normal;font-weight:800;white-space:nowrap}.national-day-popup .milestone-deadline{align-content:center!important}@media(max-width:600px){.national-day-popup .national-day-mark{display:none!important}.national-day-popup .milestone-hero{grid-template-columns:1fr!important}.national-day-popup .national-day-deals small{justify-content:flex-start}.national-day-popup .milestone-hero h3{font-size:29px!important}}
.national-day-popup .national-day-mark{display:grid!important;place-items:center!important;width:160px!important;height:86px!important;background:linear-gradient(145deg,#ff6b62,#ef488b 55%,#a273ff)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;filter:drop-shadow(0 10px 30px #ed3e8335)}.national-day-popup .national-day-mark>span,.national-day-popup .national-day-mark>small{display:none!important}.national-day-popup .national-day-mark:after{display:block;content:"2/9";font-size:72px;font-weight:950;line-height:1;letter-spacing:-6px;white-space:nowrap}
@media(max-width:600px){.national-day-popup .national-day-mark{display:none!important}}
.national-day-popup .national-day-mark:after{content:"9.9"!important}