:root{--bg:#08050d;--panel:#14101f;--panel2:#1b1528;--text:#f8f5ff;--muted:#aaa0b8;--line:#2a2138;--accent:#b58cff;--accent2:#6dd4ff;--good:#5fe1a3}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% 10%,#5d2a9e33,transparent 32%),radial-gradient(circle at 20% 90%,#12517d33,transparent 28%),var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;min-height:100vh}a{color:inherit;text-decoration:none}
.shell{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.sidebar{border-right:1px solid var(--line);padding:24px 18px;background:#0d0915e8;backdrop-filter:blur(18px);position:sticky;top:0;height:100vh;z-index:20}.brand{font-size:24px;font-weight:800;display:flex;align-items:center;gap:10px;margin-bottom:28px}.logo{width:34px;height:34px;border-radius:12px;background:linear-gradient(135deg,var(--accent),#7651ff);display:grid;place-items:center;box-shadow:0 0 30px #9f6cff55}.logo:before{content:"♫";font-size:18px}.nav{display:grid;gap:8px}.nav button{all:unset;padding:12px 14px;border-radius:12px;color:var(--muted);cursor:pointer}.nav button:hover,.nav button.active{background:var(--panel2);color:var(--text)}.sidefoot{position:absolute;left:18px;right:18px;bottom:24px;color:var(--muted);font-size:12px}
.main{padding:30px clamp(20px,4vw,56px)}.topbar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:26px}.badge{border:1px solid var(--line);padding:8px 12px;border-radius:999px;color:#d4c7e5;font-size:12px;background:#ffffff07}.cta{background:linear-gradient(135deg,#d7bbff,var(--accent),#6f6bff);border:0;color:#160d24;font-weight:900;padding:12px 16px;border-radius:12px;cursor:pointer;box-shadow:0 10px 34px #8a54ff38}
.hero{border:1px solid #6a4f884c;border-radius:28px;padding:54px 42px;overflow:hidden;position:relative;min-height:560px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;isolation:isolate;box-shadow:0 30px 100px #0008}
.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(7,4,13,.98) 0%,rgba(7,4,13,.88) 30%,rgba(7,4,13,.42) 58%,rgba(7,4,13,.08) 100%),linear-gradient(0deg,rgba(7,4,13,.52),rgba(7,4,13,.03)),url("data:image/webp;base64,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");background-size:cover;background-position:center;z-index:-2}
.hero:after{content:"";position:absolute;inset:auto -10% -40% 30%;height:300px;background:radial-gradient(ellipse,#9255ff66,transparent 67%);filter:blur(22px);z-index:-1}
.hero h1{font-size:clamp(54px,7vw,96px);line-height:.92;margin:0 0 20px;letter-spacing:-5px;max-width:720px;text-shadow:0 5px 30px #000}.hero h1 span{background:linear-gradient(90deg,#f4deff,#c49bff 45%,#6edaff);color:transparent;background-clip:text}.hero p{max-width:660px;color:#d8cfe3;font-size:18px;line-height:1.7;text-shadow:0 2px 12px #000}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px;max-width:690px}.chip{background:#09050bbc;border:1px solid #ffffff18;padding:8px 11px;border-radius:999px;color:#ded4e8;font-size:12px;backdrop-filter:blur(10px)}
.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px;margin-top:20px}.card{background:linear-gradient(145deg,#171120dd,#100c18e8);border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:0 18px 50px #0003}.card h3{margin:8px 0 8px}.card p{color:var(--muted);line-height:1.55;font-size:14px}.span4{grid-column:span 4}.span6{grid-column:span 6}.span12{grid-column:span 12}.icon{font-size:28px}.kicker{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:#c89cff}.row{display:flex;gap:10px;flex-wrap:wrap}.ghost{background:#ffffff08;border:1px solid var(--line);color:var(--text);padding:10px 13px;border-radius:10px;cursor:pointer}
.view{display:none}.view.active{display:block}.section-title{margin:0 0 6px;font-size:34px}.section-sub{margin:0 0 22px;color:var(--muted)}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:grid;gap:7px}.field label{font-size:12px;color:#c8bfd5}.field input,.field textarea,.field select{width:100%;background:#0e0a15;border:1px solid var(--line);color:var(--text);padding:13px;border-radius:11px;outline:none}.field textarea{min-height:120px;resize:vertical}.full{grid-column:1/-1}.project{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:14px 0;border-top:1px solid var(--line)}.project:first-child{border-top:0}.status{font-size:11px;border-radius:999px;padding:6px 8px;background:#153326;color:var(--good)}
@media(max-width:900px){.shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto;border-right:0;border-bottom:1px solid var(--line)}.nav{grid-template-columns:repeat(3,1fr)}.sidefoot{display:none}.span4,.span6{grid-column:span 12}.formgrid{grid-template-columns:1fr}.hero{min-height:600px;padding:40px 26px}.hero:before{background-position:63% center}.hero h1{font-size:clamp(50px,13vw,78px);letter-spacing:-3px}}

.top-actions{display:flex;align-items:center;gap:10px}.credits-pill{padding:9px 12px;border:1px solid #4d3c65;border-radius:999px;background:#181022;color:#d7c9e8;font-size:12px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
.stats-grid{margin-top:18px}.stat strong{display:block;font-size:34px;margin-top:8px}.stat p{margin:4px 0 0}
.section-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.project-meta{margin:4px 0 0;font-size:13px}.empty{color:var(--muted);margin:0}
.modal-backdrop{position:fixed;inset:0;background:#050208c7;backdrop-filter:blur(14px);z-index:100;display:grid;place-items:center;padding:20px}.modal-backdrop[hidden]{display:none}.modal{position:relative;width:min(460px,100%);background:linear-gradient(145deg,#171120,#0f0a17);border:1px solid #3a2b50;border-radius:22px;padding:28px;box-shadow:0 30px 100px #000b}.modal h2{font-size:34px;margin:8px 0 4px}.modal .field{margin-top:14px}.modal-close{position:absolute;right:14px;top:12px;border:0;background:transparent;color:#b9aec7;font-size:28px;cursor:pointer}.auth-submit{width:100%;margin-top:18px}.auth-switch{width:100%;border:0;background:transparent;color:#c9a7ff;margin-top:14px;cursor:pointer}.auth-error{min-height:20px;color:#ff9aa7;font-size:13px;margin-top:10px}.alpha-note{margin-top:18px;padding-top:14px;border-top:1px solid var(--line);font-size:11px;line-height:1.5;color:#857990}
@media(max-width:700px){.topbar{align-items:flex-start}.top-actions{flex-wrap:wrap;justify-content:flex-end}.section-head{flex-direction:column}}

.project-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.mini{border:1px solid var(--line);background:#ffffff08;color:#d9cfE4;padding:7px 9px;border-radius:9px;font-size:11px;cursor:pointer}
.mini:hover{background:#ffffff12}.mini.danger{color:#ff9cab;border-color:#5b2d3a}
@media(max-width:700px){.project{align-items:flex-start;flex-direction:column}.project-actions{justify-content:flex-start}}

/* Songsly genre composer */
.genre-field{min-width:0}.genre-field select[multiple]{min-height:210px;background:#0e0a15;color:#eee8f8;line-height:1.6;overflow:auto}.genre-field optgroup{color:#be94ff;font-weight:700}.genre-field option{color:#eee8f8;padding:4px 8px}.genre-field option:checked{background:#62459c;color:#fff}
.genre-picked{min-height:43px;display:flex;align-items:center;flex-wrap:wrap;gap:7px;padding:9px 10px;border:1px solid var(--line);border-radius:10px;background:#100c19}.genre-empty,.genre-tip{color:var(--muted);font-size:12px}.genre-chip,.genre-result{border:1px solid #68518c;background:#2a1c42;color:#e8d8ff;padding:7px 10px;border-radius:999px;font-size:12px;cursor:pointer}.genre-chip:hover,.genre-result:hover{background:#433060}.genre-results{display:flex;flex-wrap:wrap;gap:7px;padding-top:6px}.genre-result{background:#171020;border-color:#3d3051}.genre-result.selected{background:#362454;border-color:#8d69d6}.field-hint{color:#9789aa;line-height:1.5;font-size:12px}

/* v0.7 account and profile */
.account-wrap{position:relative}
.account-menu[hidden]{display:none}
.account-menu{position:absolute;right:0;top:calc(100% + 9px);width:245px;z-index:60;padding:8px;background:#191123;border:1px solid #4e365e;border-radius:15px;box-shadow:0 22px 60px #000a}
.account-menu-heading{padding:12px;border-bottom:1px solid var(--line);margin-bottom:5px;display:grid;gap:4px;overflow-wrap:anywhere}
.account-menu-heading small{font-size:11px;color:var(--muted)}
.account-menu button{display:block;width:100%;padding:11px 12px;text-align:left;border:0;border-radius:9px;background:transparent;color:var(--text);cursor:pointer}
.account-menu button:hover{background:#332044}
.account-menu .logout-option{color:#ff9ba9}
.menu-divider{border-top:1px solid var(--line);margin:5px 0}
.profile-form{display:grid;gap:15px;margin-top:18px}.profile-form .cta{justify-self:start}
.account-feedback{min-height:18px;font-size:13px;color:#9be4ba}
.account-tip{font-size:12px;color:var(--muted)}
.credit-history-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line);gap:12px}
.credit-history-row:last-child{border-bottom:none}
.credit-history-row strong{color:var(--good)}

/* v0.8 generation queue */
.generation-note{align-self:center;color:var(--muted);font-size:12px}.engine-banner{padding:13px 15px;border:1px solid #5b3e42;background:#241419;color:#ffc0c7;border-radius:12px;margin:0 0 15px}.engine-banner.online{border-color:#285f48;background:#10251c;color:#8ce1b6}
.generation-row{display:flex;justify-content:space-between;gap:20px;padding:17px 0;border-bottom:1px solid var(--line)}.generation-row:last-child{border-bottom:0}.generation-main{display:grid;gap:8px;min-width:0;flex:1}.generation-main audio{width:min(650px,100%);margin-top:6px}.generation-actions{display:flex;align-items:flex-start;gap:10px;color:var(--muted);font-size:12px}.job-status{display:inline-flex;width:max-content;padding:5px 8px;border-radius:999px;font-size:11px;text-transform:capitalize;background:#282130;color:#c7bbd4}.job-status.completed{background:#153326;color:var(--good)}.job-status.processing,.job-status.queued{background:#30264b;color:#c8aaff}.job-status.failed{background:#3b1e28;color:#ff9cab}.job-error{color:#ff9cab;font-size:12px;line-height:1.45}
@media(max-width:700px){.generation-row{flex-direction:column}.generation-actions{justify-content:flex-start}}

/* Songsly original-inspired landing page, v0.9.0 */
body.landing-mode{background:#05030d}
body.landing-mode .shell{display:block;min-height:100vh}
body.landing-mode .sidebar,body.landing-mode .topbar{display:none}
body.landing-mode .main{padding:0;max-width:none;overflow:visible}
body.landing-mode #home{display:block}
.landing-mode #home{font-family:Inter,Arial,sans-serif;background:radial-gradient(ellipse at 70% 9%,#30125a3d,transparent 28%),#05030d;overflow:hidden}
.landing-header{height:99px;max-width:1540px;margin:auto;padding:15px clamp(18px,4.8vw,70px);display:flex;align-items:center;gap:30px;position:relative;z-index:8}
.landing-brand{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;font-weight:850;font-size:clamp(22px,2.5vw,33px);letter-spacing:-1.3px}
.landing-brand-icon{display:grid;place-items:center;width:47px;height:52px;color:#fff;background:linear-gradient(150deg,#ff58ba,#ad27fa 52%,#317bff);border-radius:12px 20px 12px 18px;text-shadow:0 0 11px #eee;font-size:37px;line-height:1;box-shadow:0 0 24px #962dff55}
.brand-dot{color:#a258f6}
.landing-nav{display:flex;align-items:center;justify-content:center;gap:clamp(12px,2.9vw,42px);flex:1}
.landing-nav a{font-size:13px;color:#d1c6df;transition:color .2s}.landing-nav a:hover{color:#fff}
.landing-actions{display:flex;align-items:center;gap:15px}
.landing-login{background:transparent;color:#e7dced;border:0;cursor:pointer;font-size:13px;padding:13px}
.gradient-button{border:1px solid #ffc07db3;border-radius:15px;background:linear-gradient(105deg,#6439ff,#b02ef4 39%,#ee43ab 66%,#ffc268);color:#fff;font:800 14px Inter,Arial,sans-serif;box-shadow:0 0 16px #aa34ff69,0 0 23px #fb6aa344;padding:16px 26px;cursor:pointer;text-align:center;transition:transform .2s,filter .2s;white-space:normal}
.gradient-button:hover{transform:translateY(-2px);filter:brightness(1.1)}
.gradient-button.large{font-size:16px;padding:19px 28px}
.mobile-nav-toggle{display:none;border:1px solid #6f4a9f;background:#130e24;border-radius:10px;color:white;font-size:22px;width:44px;height:44px}
.landing-hero{min-height:595px;max-width:1540px;margin:0 auto;position:relative;isolation:isolate;padding:clamp(44px,6vw,92px) clamp(20px,4.8vw,70px) 80px}
.landing-hero:before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse at 76% 45%,#2c0d59aa,transparent 45%),radial-gradient(ellipse at 100% 90%,#50238a55,transparent 48%);pointer-events:none}
.landing-hero-portrait{position:absolute;right:0;top:0;bottom:0;width:70%;background-image:linear-gradient(90deg,#05030d 2%,#05030d8a 22%,#05030d00 55%),linear-gradient(0deg,#05030d 1%,#05030d00 30%),url("data:image/webp;base64,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");background-size:cover;background-position:65% center;z-index:-1;filter:saturate(1.13)}
.landing-hero-content{width:min(780px,65%);position:relative;z-index:3}
.eyebrow,.section-pill{display:inline-flex;align-items:center;gap:9px;border:1px solid #6b4778;border-radius:999px;color:#d9c4e6;letter-spacing:3px;font-size:10px;padding:10px 17px;background:#07051288;text-transform:uppercase}
.landing-hero h1{font-size:clamp(50px,6.4vw,105px);line-height:.99;letter-spacing:-5px;margin:28px 0 22px;font-weight:900;text-shadow:0 10px 24px #000a}
.landing-hero h1 span,.marketing-section h2 em{font-style:normal;background:linear-gradient(105deg,#833cff 1%,#f338b8 41%,#ffc56f 100%);color:transparent;background-clip:text}
.landing-hero p{font-size:clamp(16px,1.55vw,23px);color:#cabbd5;max-width:680px;line-height:1.55;margin:0}
.landing-hero-buttons{display:flex;align-items:center;gap:17px;flex-wrap:wrap;margin-top:29px}
.outline-button{background:#080616a6;border:1px solid #716684;border-radius:15px;color:#faf4ff;display:inline-flex;align-items:center;justify-content:center;gap:12px;font-size:14px;font-weight:650;min-height:53px;padding:12px 22px;cursor:pointer}
.outline-button:hover{border-color:#e9a6ff}
.hero-trust{display:flex;flex-wrap:wrap;gap:14px 22px;margin-top:32px;font-size:12px;color:#d3c4dd}
.hero-trust>span+span{border-left:1px solid #5b4e69;padding-left:22px}
.landing-orb{position:absolute;color:#ffaee4;font-size:54px;filter:drop-shadow(0 0 12px #e447ffb5);pointer-events:none}.orb-one{right:20%;top:9%}.orb-two{right:6%;top:52%;font-size:38px}
.landing-music-wave{position:absolute;bottom:-3px;left:0;right:0;height:90px;pointer-events:none;filter:drop-shadow(0 0 10px #9b29ff)}.landing-music-wave svg{width:100%;height:100%}
.landing-inner{max-width:1470px;margin:auto;padding:0 clamp(18px,4.8vw,65px)}
.process-strip{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 auto 25px;padding:30px 8px 40px;border-bottom:1px solid #3b215e}
.process-strip>div{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;align-items:center;gap:6px 14px;width:23%;min-width:0}
.process-strip .process-icon{grid-row:1/3;border:1px solid #9d46ec;color:#e5a5ff;box-shadow:0 0 15px #9237ff55;border-radius:100%;display:grid;place-items:center;width:61px;height:61px;font-size:27px}
.process-strip strong{font-size:16px}.process-strip small{font-size:12px;color:#b6a8c8;line-height:1.6}.process-arrow{color:#805fd1;font-size:28px}
.marketing-section{display:grid;grid-template-columns:minmax(250px,.75fr) minmax(0,1.6fr);gap:45px;align-items:center;padding:76px 0;position:relative;border-bottom:1px solid #312047}
.marketing-section:after{content:"";pointer-events:none;position:absolute;inset:auto 0 -5px;height:3px;background:linear-gradient(90deg,transparent,#822eff,#e73dec,transparent);opacity:.38;filter:blur(4px)}
.marketing-section h2{font-size:clamp(34px,3.8vw,60px);line-height:1.03;letter-spacing:-2px;margin:19px 0}
.marketing-section p{color:#b6a9c7;line-height:1.65;font-size:14px}
.marketing-section .section-copy .gradient-button{margin-top:15px}
.marketing-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.marketing-card{border:1px solid #34305f;border-radius:14px;background:linear-gradient(130deg,#171027,#080d26);padding:21px 17px;min-height:171px;transition:transform .2s,border-color .2s}
.marketing-card:hover{border-color:#a644ff;transform:translateY(-3px)}
.marketing-card-icon{display:grid;place-items:center;border-radius:10px;border:1px solid #a548fd;background:#42126455;color:#e8a5ff;width:42px;height:43px;font-size:24px;box-shadow:0 0 13px #a735f54a}
.marketing-card h3{margin:14px 0 5px;font-size:14px;color:#f4ecfa}.marketing-card p{margin:0;font-size:12px}
.benefit-grid,.rights-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}
.benefit-grid>div{padding:18px 11px;text-align:center;border-left:1px solid #332644}
.benefit-grid span{display:block;font-size:33px;color:#c56dfb;text-shadow:0 0 13px #bf3dff;margin-bottom:10px}
.benefit-grid strong{font-size:13px;display:block}.benefit-grid p{font-size:12px}
.rights-grid .marketing-card{min-height:182px}.rights-grid .marketing-card h3{font-size:13px}
.pricing-section{grid-template-columns:1fr}.pricing-section .section-copy{max-width:820px}
.price-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.price-card{background:linear-gradient(145deg,#14102a,#090b1e);border:1px solid #3c2d63;padding:26px;border-radius:15px;position:relative}
.price-card.featured{border:1px solid #e27eb3;box-shadow:0 0 26px #db42983c}
.price-card h3{font-size:45px;margin:16px 0}.price-card h3 small{font-size:13px;color:#a9a0b9;font-weight:400}.plan-label{color:#dec3ff;font-weight:650}.price-card p{font-size:13px}.price-card ul{padding-left:18px;color:#c7bbd5;line-height:2;font-size:13px;min-height:92px}.price-card .outline-button,.price-card .gradient-button{width:100%;margin-top:12px}
.plan-ribbon{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:linear-gradient(90deg,#bd41fd,#ffb65e);padding:6px 13px;font-size:9px;font-weight:750;color:#16051e;border-radius:10px;white-space:nowrap}
.creator-usecases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.creator-usecases>div{border:1px solid #33264f;background:linear-gradient(135deg,#1c1330,#0e0b1a);border-radius:13px;padding:22px}.creator-usecases span{font-size:35px}.creator-usecases h3{margin-bottom:0}.creator-usecases p{font-size:12px}
.faq-items{display:grid;gap:8px}.faq-items details{border:1px solid #35284e;border-radius:9px;background:#120b22;padding:15px 19px}.faq-items summary{cursor:pointer;font-size:14px;font-weight:650}.faq-items summary::marker{color:#d78cff}.faq-items p{margin-bottom:0}
.bottom-cta{margin:60px 0 38px;border:1px solid #7532cb;border-radius:18px;background:radial-gradient(ellipse at 83% 50%,#642fc96b,transparent 40%),linear-gradient(110deg,#160a2d,#211038);box-shadow:0 0 35px #9222ff2d;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px 34px}
.bottom-cta h2{font-size:clamp(22px,2.6vw,35px);letter-spacing:-.5px;margin:0 0 6px}.bottom-cta p{margin:0;color:#c0b2ce;font-size:13px}
.landing-footer{display:flex;align-items:center;flex-wrap:wrap;gap:12px 30px;border-top:1px solid #29213b;padding:26px 0 36px}.landing-footer .landing-brand{font-size:23px}.landing-footer .landing-brand-icon{width:31px;height:33px;font-size:23px}.landing-footer p{color:#9a8fac;font-size:12px}.footer-links{display:flex;gap:17px;margin-left:auto}.footer-links a,.footer-links button{background:none;border:0;color:#bdadd0;font-size:12px;cursor:pointer}.landing-footer small{font-size:11px;color:#70647e;flex-basis:100%}
.studio-menu-toggle{display:none;border:1px solid #544166;background:#24152f;color:#fff;border-radius:9px;padding:10px;cursor:pointer}
@media(max-width:1100px){
 .landing-nav{gap:17px}.landing-header{gap:13px}.landing-hero-content{width:72%}.landing-hero h1{font-size:clamp(45px,6.8vw,76px)}.landing-hero-portrait{width:74%;opacity:.82}
 .marketing-section{gap:20px}.benefit-grid,.rights-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .marketing-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:850px){
 .landing-header{height:auto;min-height:72px;flex-wrap:wrap;padding:12px 21px;gap:12px}.landing-brand{font-size:23px;margin-right:auto}.landing-brand-icon{width:34px;height:37px;font-size:26px}
 .mobile-nav-toggle{display:block;order:2}.landing-actions{order:1;gap:5px}.landing-actions .gradient-button{padding:12px 16px;font-size:12px}.landing-login{padding:11px;font-size:12px}
 .landing-nav{display:none;flex-basis:100%;order:3;flex-direction:column;align-items:stretch;background:#141021;border:1px solid #41275a;border-radius:13px;padding:12px;margin-bottom:5px}.landing-nav.is-open{display:flex}.landing-nav a{font-size:15px;padding:8px}
 .landing-hero{padding:70px 22px 90px;min-height:620px}.landing-hero-content{width:100%;max-width:680px}.landing-hero-portrait{width:100%;opacity:.45;background-position:70% center}.landing-hero h1{font-size:clamp(46px,8.3vw,72px);letter-spacing:-3px}.landing-hero p{max-width:550px}.landing-orb{opacity:.65}
 .marketing-section{grid-template-columns:1fr;gap:23px;padding:55px 0}.marketing-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
 .process-strip{gap:12px;flex-wrap:wrap}.process-strip>div{width:calc(50% - 12px)}.process-strip>.process-arrow{display:none}
 .price-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.price-card{padding:16px}.price-card h3{font-size:31px}
 body:not(.landing-mode) .shell{grid-template-columns:1fr}
 body:not(.landing-mode) .sidebar{height:auto;position:fixed;top:0;left:0;bottom:0;width:min(300px,86vw);overflow:auto;transform:translateX(-105%);transition:transform .2s;box-shadow:10px 0 45px #000a;z-index:80;border-right:1px solid var(--line)}
 body:not(.landing-mode).studio-nav-open .sidebar{transform:translateX(0)}
 body:not(.landing-mode) .sidebar .nav{display:grid;grid-template-columns:1fr}
 body:not(.landing-mode) .main{padding:18px 16px 50px}
 .studio-menu-toggle{display:inline-flex}
 body:not(.landing-mode) .topbar{display:flex;gap:8px;flex-wrap:wrap}
}
@media(max-width:600px){
 .landing-header{gap:9px}.landing-brand{font-size:21px}.landing-brand-icon{width:31px;height:34px;font-size:24px}.landing-actions .gradient-button{display:none}
 .landing-hero{min-height:570px;padding:64px 19px 72px}.landing-hero-portrait{background-position:63% center;opacity:.49}.landing-hero h1{font-size:clamp(44px,10.4vw,64px);letter-spacing:-2px}.landing-hero p{font-size:16px}
 .landing-hero-buttons{gap:10px}.landing-hero-buttons .gradient-button.large{font-size:14px;padding:14px 17px}.landing-hero-buttons .outline-button{min-height:48px;font-size:12px;padding:10px 12px}
 .hero-trust{font-size:11px;gap:8px}.hero-trust>span+span{border-left:0;padding-left:0}
 .landing-inner{padding:0 17px}.process-strip{padding:24px 0;gap:25px 12px}.process-strip>div{grid-template-columns:1fr;grid-template-rows:auto auto auto;text-align:center;width:calc(50% - 10px);gap:6px}.process-strip .process-icon{grid-row:auto;margin:auto;width:51px;height:51px}.process-strip strong{font-size:14px}
 .marketing-cards,.rights-grid,.benefit-grid,.creator-usecases,.price-cards{grid-template-columns:1fr}.marketing-section{padding:48px 0}.marketing-section h2{font-size:clamp(34px,9vw,48px)}
 .marketing-card{min-height:0}.benefit-grid>div{border-left:0;border-bottom:1px solid #342547}.benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.rights-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .price-card{padding:25px}.price-card h3{font-size:41px}.price-card ul{min-height:0}
 .bottom-cta{flex-direction:column;align-items:flex-start;padding:23px}.bottom-cta .gradient-button{width:100%}
 .landing-footer{flex-direction:column;align-items:flex-start}.landing-footer .footer-links{margin-left:0;flex-wrap:wrap}
 .hero{min-height:500px;padding:35px 24px}.top-actions{max-width:100%}.top-actions .cta{padding:10px;font-size:12px}.section-title{font-size:29px}
 .grid{grid-template-columns:minmax(0,1fr)}.grid .span4,.grid .span6,.grid .span12{grid-column:1}
 .formgrid{grid-template-columns:minmax(0,1fr)}
}
@media(prefers-reduced-motion:reduce){.gradient-button,.marketing-card,.sidebar{transition:none!important}}

/* v0.9.2 — match approved Songsly concept more closely */
.landing-header{max-width:1600px;height:112px}
.landing-hero{max-width:1600px;min-height:618px;padding-top:58px;padding-bottom:85px}
.landing-hero-content{width:min(830px,60%)}
.landing-hero h1{font-size:clamp(50px,5.25vw,84px);line-height:1.05;letter-spacing:-3.5px;white-space:nowrap;margin:23px 0 20px}
.landing-hero h1 span{display:inline-block;background:linear-gradient(90deg,#7049ff 0%,#e33ddf 36%,#fc5e97 60%,#ffd47c 100%);background-clip:text;color:transparent}
.landing-hero p{max-width:640px;font-size:clamp(16px,1.45vw,22px);line-height:1.5}
.landing-hero-portrait{background-position:50% center;width:61%;right:0}
.landing-hero:before{background:linear-gradient(90deg,#05030d 0%,#05030d44 50%,transparent 90%),radial-gradient(ellipse at 82% 48%,#5a147d88,transparent 65%)}
.landing-orb{font-size:48px}.orb-one{right:17%;top:12%}.orb-two{right:8%;top:56%}
.landing-hero-buttons{margin-top:25px}
.landing-hero-buttons .gradient-button{min-width:290px}
.landing-hero-buttons .outline-button{min-width:218px}
.landing-music-wave{height:108px;filter:drop-shadow(0 0 18px #c646ff)}
.landing-music-wave:before{content:"";position:absolute;inset:20px -4% 0;background:radial-gradient(ellipse at 32% 56%,#b526eb4f,transparent 50%),radial-gradient(ellipse at 77% 77%,#4769f14d,transparent 48%);filter:blur(11px)}
.landing-inner{max-width:1540px}
.how-heading{text-align:center;padding:18px 0 0}
.how-heading h2{font-size:clamp(27px,2.8vw,40px);margin:0 0 8px;line-height:1.2}
.how-heading p{color:#b8aecb;font-size:14px;margin:0}
.process-strip{padding:25px 9px 48px}
.process-strip>div{display:flex;flex-direction:column;text-align:center;align-items:center;justify-content:center;gap:11px}
.process-strip .process-icon{width:66px;height:66px;flex:none;font-size:29px}
.process-strip strong{font-size:16px}
.process-strip small{font-size:12px;max-width:210px}
.process-strip .process-arrow{font-size:32px}
.marketing-section{padding:65px 0}
.marketing-section .section-copy h2{font-weight:850}
.feature-section{grid-template-columns:.8fr 1.4fr}
.marketing-card{position:relative;background:linear-gradient(140deg,#14102d,#080f2b);box-shadow:inset 0 0 22px #322b7b26}
.marketing-card-icon{border-color:#b13cf7;background:#47177560;box-shadow:0 0 15px #6d27c666}
.why-section .benefit-grid>div{border-left-color:#433052}
.price-cards{grid-template-columns:repeat(4,minmax(0,1fr))}
.price-card{padding:21px}
.price-card h3{font-size:39px}
.price-card.credit-pack h3{font-size:30px;margin-bottom:20px}
.creator-usecases>div{min-height:210px}
.bottom-cta{min-height:118px}
@media(min-width:851px) and (max-width:1280px){
 .landing-hero-content{width:min(740px,65%)}
 .landing-hero h1{font-size:clamp(54px,5.4vw,71px);letter-spacing:-2.5px}
 .landing-hero-portrait{width:64%;opacity:.84}
 .price-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:850px){
 .landing-header{height:auto}
 .landing-hero{min-height:630px;padding-top:76px;padding-bottom:85px}
 .landing-hero-content{width:100%}
 .landing-hero h1{font-size:clamp(47px,8.4vw,72px);white-space:normal;letter-spacing:-2.5px}
 .landing-hero-portrait{width:100%;background-position:70% center;opacity:.46}
 .price-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
 .process-strip>div{width:calc(50% - 12px)}
 .how-heading{padding-top:28px}
}
@media(max-width:600px){
 .landing-hero{min-height:610px;padding-top:61px}
 .landing-hero h1{font-size:clamp(42px,10vw,60px);letter-spacing:-2px;white-space:normal}
 .landing-hero-content{width:100%}
 .landing-hero-portrait{background-position:60% center;opacity:.4}
 .landing-hero-buttons .gradient-button,.landing-hero-buttons .outline-button{min-width:0}
 .landing-hero-buttons .gradient-button{flex:1 1 100%}
 .landing-hero-buttons .outline-button{flex:1 1 100%}
 .hero-trust{margin-top:20px}
 .how-heading{padding-top:15px}
 .process-strip{padding-top:23px;gap:22px 12px}
 .process-strip>div{width:calc(50% - 9px)}
 .price-cards{grid-template-columns:1fr}
 .landing-hero h1 span{display:block}
}

/* v0.9.3 header composition fix — full-bleed scene rather than rectangular image panel */
body.landing-mode .landing-header{
  height:94px;
  background:linear-gradient(180deg,#05030d 0%,#05030df2 72%,#05030d00 100%);
}
body.landing-mode .landing-hero{
  min-height:610px;
  margin-top:-8px;
  padding-top:55px;
  padding-bottom:76px;
  background:transparent;
}
body.landing-mode .landing-hero-portrait{
  inset:-95px 0 -72px 0;
  width:100%;
  height:auto;
  opacity:1;
  filter:saturate(1.14);
  background-position: center 45%;
  background-size:cover;
  background-repeat:no-repeat;
  -webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 13%,#000 81%,transparent 100%);
  mask-image:linear-gradient(to bottom,transparent 0%,#000 13%,#000 81%,transparent 100%);
}
body.landing-mode .landing-hero::before{
  z-index:0;
  background:
    linear-gradient(90deg,#05030d 0%,#05030dfb 21%,#05030dd8 34%,#05030d6b 52%,transparent 76%),
    linear-gradient(0deg,#05030d 0%,transparent 20%,transparent 78%,#05030d50 100%);
}
body.landing-mode .landing-hero-content{width:min(810px,65%);z-index:2}
body.landing-mode .landing-hero h1{font-size:clamp(49px,5.25vw,81px);letter-spacing:-3.2px;line-height:1.04}
body.landing-mode .landing-hero h1 span{display:block}
body.landing-mode .landing-music-wave{bottom:-35px;z-index:3;height:105px}
body.landing-mode .landing-inner{position:relative;z-index:2}
body.landing-mode .landing-orb{z-index:3}
@media(max-width:1100px){
 body.landing-mode .landing-hero-portrait{background-position:66% 45%}
 body.landing-mode .landing-hero-content{width:72%}
 body.landing-mode .landing-hero h1{font-size:clamp(48px,5.75vw,72px)}
}
@media(max-width:850px){
 body.landing-mode .landing-header{height:auto;min-height:76px;background:#05030d}
 body.landing-mode .landing-hero{min-height:590px;margin-top:0;padding:65px 22px 74px}
 body.landing-mode .landing-hero-portrait{
   inset:0 0 -30px;
   background-position:67% center;
   opacity:.67;
   -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 80%,transparent 100%);
   mask-image:linear-gradient(to bottom,#000 0%,#000 80%,transparent 100%);
 }
 body.landing-mode .landing-hero::before{
   background:linear-gradient(90deg,#05030df2 0%,#05030da8 50%,#05030d55 100%),
   linear-gradient(0deg,#05030d 0%,transparent 55%);
 }
 body.landing-mode .landing-hero-content{width:100%}
 body.landing-mode .landing-hero h1{font-size:clamp(44px,8.1vw,65px);white-space:normal}
}
@media(max-width:600px){
 body.landing-mode .landing-hero{min-height:620px;padding:65px 19px 88px}
 body.landing-mode .landing-hero-portrait{background-position:64% center;opacity:.48}
 body.landing-mode .landing-hero::before{background:linear-gradient(90deg,#05030de8,#05030d66),linear-gradient(0deg,#05030d 0%,transparent 60%)}
 body.landing-mode .landing-hero h1{font-size:clamp(42px,9.9vw,58px);letter-spacing:-2px}
 body.landing-mode .landing-music-wave{bottom:-20px}
}


/* Songsly v1.0.0 — approved neon concept refinement */
body.landing-mode{
  background:
    radial-gradient(circle at 8% 18%,#6d13ff22,transparent 24%),
    radial-gradient(circle at 92% 14%,#ef2ad622,transparent 26%),
    radial-gradient(circle at 50% 92%,#214cff1c,transparent 34%),
    #04020b;
}
body.landing-mode .landing-mode #home,
body.landing-mode #home{
  background:
    radial-gradient(ellipse at 82% 8%,#51119a34,transparent 28%),
    radial-gradient(ellipse at 12% 40%,#8612cb18,transparent 24%),
    #04020b;
}
body.landing-mode .landing-header{
  max-width:1680px;
  height:102px;
  padding-left:clamp(28px,4.8vw,78px);
  padding-right:clamp(28px,4.8vw,78px);
  background:linear-gradient(180deg,#04020bf7 0%,#04020bd7 72%,transparent 100%);
}
body.landing-mode .landing-brand{
  font-size:clamp(24px,2.2vw,35px);
  letter-spacing:-1.6px;
}
body.landing-mode .landing-brand-icon{
  width:48px;height:52px;border-radius:14px 22px 14px 20px;
  background:linear-gradient(145deg,#ff5db7,#c628ff 48%,#2d7cff);
  box-shadow:0 0 18px #d92fff88,0 0 42px #4d5cff55;
}
body.landing-mode .landing-nav a{font-size:13px;color:#ddd3e8}
body.landing-mode .landing-actions .gradient-button{min-width:190px}
body.landing-mode .landing-hero{
  max-width:1680px;
  min-height:650px;
  padding-top:66px;
  padding-bottom:102px;
}
body.landing-mode .landing-hero-portrait{
  inset:-102px 0 -90px 0;
  width:100%;
  opacity:1;
  filter:saturate(1.24) contrast(1.05) brightness(.98);
  background-position:center 44%;
  background-size:cover;
  -webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 11%,#000 82%,transparent 100%);
  mask-image:linear-gradient(to bottom,transparent 0%,#000 11%,#000 82%,transparent 100%);
}
body.landing-mode .landing-hero::before{
  background:
    linear-gradient(90deg,#04020b 0%,#04020bf8 23%,#04020bda 36%,#04020b75 53%,transparent 77%),
    linear-gradient(0deg,#04020b 0%,transparent 18%,transparent 78%,#04020b50 100%),
    radial-gradient(ellipse at 82% 50%,#6d18d53d,transparent 42%);
}
body.landing-mode .landing-hero-content{width:min(815px,63%)}
body.landing-mode .eyebrow{
  border-color:#7d4a86;
  color:#e2d4ec;
  background:#0805129c;
  box-shadow:inset 0 0 18px #7b1ec916;
}
body.landing-mode .landing-hero h1{
  font-size:clamp(58px,5.65vw,92px);
  line-height:.98;
  letter-spacing:-4.6px;
  margin:25px 0 22px;
  text-shadow:0 8px 30px #000d;
}
body.landing-mode .landing-hero h1 span{
  background:linear-gradient(92deg,#6f42ff 0%,#df33e9 30%,#ff4bb2 56%,#ffcc79 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 0 14px #a629ff24);
}
body.landing-mode .landing-hero p{
  max-width:670px;
  font-size:clamp(17px,1.45vw,22px);
  color:#d5c9df;
}
body.landing-mode .landing-hero-buttons{gap:20px;margin-top:29px}
body.landing-mode .landing-hero-buttons .gradient-button{
  min-width:335px;
  min-height:72px;
  border-radius:18px;
  font-size:18px;
  box-shadow:0 0 22px #8d35ff7a,0 0 32px #ff628d40;
}
body.landing-mode .landing-hero-buttons .outline-button{
  min-width:280px;
  min-height:72px;
  border-radius:18px;
  background:#090715b8;
  border-color:#696277;
}
body.landing-mode .hero-trust{
  margin-top:31px;
  gap:14px 24px;
  font-size:12px;
}
body.landing-mode .landing-music-wave{
  bottom:-18px;
  height:138px;
  filter:drop-shadow(0 0 16px #a72aff) drop-shadow(0 0 28px #3759ff55);
}
body.landing-mode .landing-music-wave svg path:first-child{stroke-width:4}
body.landing-mode .landing-inner{max-width:1580px}
body.landing-mode .how-heading{padding-top:38px}
body.landing-mode .how-heading h2{font-size:clamp(31px,3vw,45px);font-weight:900}
body.landing-mode .process-strip{
  padding:30px 8px 54px;
  margin-bottom:0;
  border-bottom:1px solid #3a2057;
}
body.landing-mode .process-strip .process-icon{
  width:70px;height:70px;
  border:1px solid #b637ff;
  background:radial-gradient(circle at 50% 40%,#721bb73a,#0b0617 72%);
  box-shadow:0 0 18px #b335ff5c,inset 0 0 18px #4f1e7c55;
}
body.landing-mode .marketing-section{
  padding:72px 0;
  border-bottom:1px solid #2f1d43;
}
body.landing-mode .marketing-section::before{
  content:"";
  position:absolute;
  inset:-18px -8% auto;
  height:50px;
  background:radial-gradient(ellipse at 50% 50%,#8420d621,transparent 68%);
  pointer-events:none;
}
body.landing-mode .marketing-card,
body.landing-mode .price-card,
body.landing-mode .creator-usecases>div,
body.landing-mode .faq-items details{
  background:linear-gradient(145deg,#10122c 0%,#0a0a1d 58%,#100a21 100%);
  border-color:#343368;
  box-shadow:inset 0 0 30px #34227a18,0 12px 35px #0003;
}
body.landing-mode .marketing-card:hover{
  border-color:#b23cff;
  box-shadow:inset 0 0 30px #5525942a,0 0 20px #8e2df02a;
}
body.landing-mode .marketing-section h2{
  font-size:clamp(39px,3.9vw,63px);
  font-weight:900;
}
body.landing-mode .marketing-section h2 em{
  background:linear-gradient(100deg,#9048ff 0%,#f33bbc 48%,#ffd081 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
body.landing-mode .benefit-grid span{filter:drop-shadow(0 0 10px #b62eff88)}
body.landing-mode .price-card.featured{
  transform:translateY(-8px);
  border-color:#ff8ab6;
  box-shadow:0 0 0 1px #9c38ff55,0 0 32px #d645a94a,inset 0 0 28px #69266b22;
}
body.landing-mode .plan-ribbon{
  background:linear-gradient(90deg,#d943ff,#ff7bb6,#ffd06b);
  box-shadow:0 0 18px #e147c95c;
}
body.landing-mode .bottom-cta{
  background:
    radial-gradient(ellipse at 92% 50%,#7639d572,transparent 36%),
    radial-gradient(ellipse at 12% 50%,#ca23db26,transparent 34%),
    linear-gradient(110deg,#100723,#1a0c34);
  border-color:#7f3ee1;
  box-shadow:0 0 35px #8e28ff3b,inset 0 0 22px #5b2cc722;
}
body.landing-mode .landing-footer{
  padding-top:34px;
  border-top-color:#302242;
}
@media(max-width:1100px){
  body.landing-mode .landing-hero-content{width:70%}
  body.landing-mode .landing-hero h1{font-size:clamp(52px,6vw,76px)}
  body.landing-mode .landing-hero-buttons .gradient-button{min-width:300px}
  body.landing-mode .landing-hero-buttons .outline-button{min-width:230px}
}
@media(max-width:850px){
  body.landing-mode .landing-header{min-height:78px;height:auto}
  body.landing-mode .landing-hero{min-height:620px;padding:68px 22px 88px}
  body.landing-mode .landing-hero-portrait{opacity:.66;background-position:68% center}
  body.landing-mode .landing-hero::before{
    background:linear-gradient(90deg,#04020bf4 0%,#04020db8 50%,#04020d55 100%),linear-gradient(0deg,#04020d 0%,transparent 55%);
  }
  body.landing-mode .landing-hero-content{width:100%}
  body.landing-mode .landing-hero h1{font-size:clamp(47px,8.2vw,68px)}
}
@media(max-width:600px){
  body.landing-mode .landing-hero{min-height:640px;padding:64px 19px 96px}
  body.landing-mode .landing-hero-portrait{opacity:.48;background-position:65% center}
  body.landing-mode .landing-hero h1{font-size:clamp(43px,10.2vw,59px);letter-spacing:-2.4px}
  body.landing-mode .landing-hero-buttons .gradient-button,
  body.landing-mode .landing-hero-buttons .outline-button{min-width:0;min-height:56px;width:100%}
  body.landing-mode .hero-trust>span+span{border-left:0;padding-left:0}
}


/* =========================================================
   SONGSLY v1.1 — FULL LANDING REBUILD
   ========================================================= */
.v11-home{background:#04020b;color:#fff}
.v11-home .landing-header{position:relative;z-index:20}
.v11-home .landing-inner{position:relative;z-index:4}
.v11-hero{
  position:relative;
  min-height:720px;
  max-width:1680px;
  margin:0 auto;
  overflow:hidden;
  isolation:isolate;
  padding:86px clamp(26px,4.8vw,80px) 150px;
}
.v11-hero .landing-hero-portrait{
  position:absolute;
  inset:-90px 0 -90px 0;
  width:100%;
  height:auto;
  z-index:-3;
  opacity:1;
  background-size:cover;
  background-position:center 45%;
  filter:saturate(1.24) contrast(1.06) brightness(.97);
  -webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 10%,#000 83%,transparent 100%);
  mask-image:linear-gradient(to bottom,transparent 0,#000 10%,#000 83%,transparent 100%);
}
.v11-hero:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background:
    linear-gradient(90deg,#04020b 0%,#04020bfb 22%,#04020be5 35%,#04020b86 51%,transparent 75%),
    linear-gradient(0deg,#04020b 0%,transparent 18%,transparent 78%,#04020b60 100%),
    radial-gradient(ellipse at 85% 50%,#7e21d448,transparent 42%);
}
.v11-hero-copy{width:min(790px,61%);position:relative;z-index:5}
.v11-hero-copy h1{
  margin:26px 0 22px;
  font-size:clamp(60px,5.9vw,96px);
  line-height:.98;
  letter-spacing:-5px;
  font-weight:900;
  text-shadow:0 8px 32px #000d;
}
.v11-hero-copy h1 span{
  background:linear-gradient(92deg,#6f42ff 0%,#d72eea 28%,#ff4eb2 57%,#ffd17e 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.v11-hero-copy p{
  max-width:690px;
  color:#d8cbe3;
  font-size:clamp(17px,1.45vw,22px);
  line-height:1.55;
  margin:0;
}
.v11-hero .landing-hero-buttons{margin-top:30px}
.v11-hero .landing-hero-buttons .gradient-button{
  min-width:340px;
  min-height:74px;
  border-radius:18px;
  font-size:18px;
}
.v11-hero .landing-hero-buttons .outline-button{
  min-width:282px;
  min-height:74px;
  border-radius:18px;
  font-size:16px;
}
.play-dot{
  width:34px;height:34px;border-radius:50%;display:inline-grid;place-items:center;
  background:linear-gradient(145deg,#454263,#161426);
  border:1px solid #7f79a0;
  font-size:12px;
}
.v11-prompt-card{
  position:absolute;
  right:clamp(28px,4.6vw,76px);
  top:112px;
  width:min(370px,28vw);
  padding:18px;
  border:1px solid #6f51c2;
  border-radius:18px;
  background:linear-gradient(145deg,#181336dd,#0b0d22e8);
  box-shadow:0 0 28px #8436ff4a,0 20px 60px #0008,inset 0 0 22px #58298928;
  backdrop-filter:blur(14px);
  z-index:5;
  transform:rotate(-3deg);
}
.v11-prompt-card label{display:block;color:#baa9db;font-size:12px;margin-bottom:8px}
.v11-prompt-input{
  display:flex;justify-content:space-between;gap:12px;align-items:center;
  padding:14px 15px;border-radius:12px;border:1px solid #4d416f;
  background:#090b18cc;color:#d9cee9;font-size:12px
}
.v11-prompt-input b{color:#ffd483;font-size:18px}
.v11-tags{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 18px}
.v11-tags span{
  padding:7px 11px;border-radius:999px;background:#15132c;color:#a99dbd;
  border:1px solid #2f2a4e;font-size:10px
}
.v11-tags span.active{background:linear-gradient(90deg,#643cff,#c73af2);color:#fff;box-shadow:0 0 12px #7c43ff66}
.v11-waveform{display:flex;align-items:center;gap:3px;height:72px;position:relative;padding-right:58px}
.v11-waveform i{
  display:block;width:5px;height:var(--h);border-radius:5px;
  background:linear-gradient(180deg,#aa4dff,#ff50c4 48%,#ffce6c);
  box-shadow:0 0 8px #b637ff55
}
.v11-waveform button{
  position:absolute;right:0;width:46px;height:46px;border-radius:50%;
  border:1px solid #8b68ef;background:#16142b;color:#fff;cursor:pointer
}
.v11-note{position:absolute;color:#ffd68a;z-index:4;filter:drop-shadow(0 0 10px #ffae67);font-size:44px}
.v11-note.note-a{right:17%;top:68px}.v11-note.note-b{right:9%;top:360px;font-size:38px}
.v11-light{position:absolute;border-radius:999px;filter:blur(42px);z-index:-1;pointer-events:none}
.v11-light-a{width:260px;height:260px;right:29%;top:170px;background:#bc28ff44}
.v11-light-b{width:230px;height:230px;right:6%;bottom:95px;background:#2d67ff36}
.v11-hero-wave{position:absolute;left:-2%;right:-2%;bottom:0;height:160px;z-index:7;filter:drop-shadow(0 0 14px #a026ff)}
.v11-hero-wave svg{width:100%;height:100%}
.v11-hero-wave path:first-child{stroke:#bb31ff;stroke-width:4}
.v11-hero-wave path:last-child{stroke:#466dff;stroke-width:2.5}
.v11-how{position:relative;padding-top:10px}
.v11-how:before{
  content:"";position:absolute;left:-8%;right:-8%;top:-12px;height:60px;
  background:radial-gradient(ellipse at center,#8d29e825,transparent 66%);filter:blur(10px)
}
.v11-how .how-heading{text-align:center;padding-top:24px}
.v11-how .how-heading h2{font-size:clamp(32px,3vw,46px);font-weight:900;margin-bottom:6px}
.v11-how .process-strip>div{position:relative}
.step-num{
  position:absolute;left:4px;top:2px;width:24px;height:24px;border-radius:50%;
  display:grid;place-items:center;font-size:11px;background:#5935d8;border:1px solid #8e70ff;
  box-shadow:0 0 12px #6d46ff77
}
.v11-home .feature-section{grid-template-columns:.82fr 1.55fr}
.v11-home .marketing-card{min-height:172px}
.v11-home .marketing-card>b{
  position:absolute;right:12px;bottom:10px;color:#d148ff;font-weight:400
}
.v11-home .marketing-section{overflow:hidden}
.v11-home .marketing-section:before{
  content:"";position:absolute;left:-12%;right:-12%;top:0;height:3px;
  background:linear-gradient(90deg,transparent,#5d36ff,#cf31f0,#ffb25d,transparent);
  opacity:.35;filter:blur(3px)
}
.v11-plan-toggle{
  display:flex;align-items:center;gap:8px;width:max-content;margin-top:22px;
  border:1px solid #3b315a;border-radius:999px;padding:5px;background:#0a0818
}
.v11-plan-toggle span,.v11-plan-toggle b{padding:9px 16px;border-radius:999px;font-size:11px}
.v11-plan-toggle span{color:#9e92b2}
.v11-plan-toggle span.active{color:#fff;background:linear-gradient(90deg,#613aff,#d832ef);box-shadow:0 0 12px #8b35ff5e}
.v11-plan-toggle b{color:#4de2a0;font-weight:700}
.v11-home .creator-usecases span{color:#ffd76d;font-size:16px}
.v11-home .creator-usecases small{color:#8e84a2}
.v11-home .faq-section{align-items:start}
.v11-home .faq-items details{transition:border-color .2s,box-shadow .2s}
.v11-home .faq-items details[open]{border-color:#7437bd;box-shadow:0 0 20px #5d2a9a25}
.v11-home .bottom-cta{margin-top:62px}
.v11-home .landing-footer{padding-bottom:52px}

@media(max-width:1200px){
  .v11-prompt-card{width:320px;right:26px}
  .v11-hero-copy{width:65%}
  .v11-hero-copy h1{font-size:clamp(54px,6vw,78px)}
}
@media(max-width:920px){
  .v11-hero{min-height:700px;padding:72px 22px 125px}
  .v11-hero-copy{width:100%;max-width:680px}
  .v11-hero .landing-hero-portrait{opacity:.55;background-position:68% center}
  .v11-hero:before{background:linear-gradient(90deg,#04020bf4 0%,#04020dc5 50%,#04020d55 100%),linear-gradient(0deg,#04020d 0%,transparent 55%)}
  .v11-prompt-card{right:18px;top:330px;width:300px;opacity:.84;transform:rotate(-2deg) scale(.92)}
  .v11-note.note-a{right:16%;top:82px}.v11-note.note-b{display:none}
}
@media(max-width:680px){
  .v11-hero{min-height:760px;padding:54px 18px 118px}
  .v11-hero .landing-hero-portrait{opacity:.38;background-position:63% center}
  .v11-hero-copy h1{font-size:clamp(44px,11vw,60px);letter-spacing:-2.4px}
  .v11-hero-copy p{font-size:16px}
  .v11-hero .landing-hero-buttons .gradient-button,
  .v11-hero .landing-hero-buttons .outline-button{width:100%;min-width:0;min-height:58px}
  .v11-prompt-card{position:relative;top:auto;right:auto;width:100%;margin-top:26px;transform:none;opacity:1}
  .v11-hero-wave{height:120px}
  .v11-note{display:none}
  .step-num{left:-2px;top:-4px}
}


/* Songsly v1.1.1 — header overlay fix */
body.landing-mode .v11-home{
  position:relative;
}
body.landing-mode .v11-home .landing-header{
  position:absolute;
  top:0;
  left:50%;
  transform:translateX(-50%);
  width:100%;
  max-width:1680px;
  height:110px;
  min-height:0;
  padding:18px clamp(28px,4.8vw,78px);
  background:transparent !important;
  border:0;
  box-shadow:none;
  z-index:50;
}
body.landing-mode .v11-home .landing-header:before,
body.landing-mode .v11-home .landing-header:after{
  display:none !important;
}
body.landing-mode .v11-home .v11-hero{
  margin-top:0;
  padding-top:150px;
}
body.landing-mode .v11-home .landing-brand,
body.landing-mode .v11-home .landing-nav a,
body.landing-mode .v11-home .landing-login{
  text-shadow:0 2px 14px #000,0 0 18px #0008;
}
body.landing-mode .v11-home .landing-login{
  color:#f3ecf8;
}
@media(max-width:850px){
  body.landing-mode .v11-home .landing-header{
    position:absolute;
    top:0;
    left:0;
    transform:none;
    width:100%;
    height:auto;
    min-height:78px;
    padding:14px 20px;
    background:linear-gradient(180deg,#04020be8 0%,#04020b78 70%,transparent 100%) !important;
  }
  body.landing-mode .v11-home .v11-hero{
    padding-top:125px;
  }
  body.landing-mode .v11-home .landing-nav{
    background:#0b0718e8;
    backdrop-filter:blur(16px);
  }
}
@media(max-width:600px){
  body.landing-mode .v11-home .v11-hero{
    padding-top:112px;
  }
}


/* Songsly v1.1.2 — hero image behind header + subject positioning */
body.landing-mode .v11-home .landing-header{
  position:absolute !important;
  top:0 !important;
  left:0 !important;
  right:0 !important;
  transform:none !important;
  width:100% !important;
  max-width:1680px !important;
  margin:0 auto !important;
  height:104px !important;
  padding:16px clamp(58px,4.8vw,82px) !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  z-index:50 !important;
}
body.landing-mode .v11-home .v11-hero{
  margin-top:0 !important;
  padding-top:138px !important;
  min-height:735px !important;
}
body.landing-mode .v11-home .v11-hero .landing-hero-portrait{
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  opacity:1 !important;
  background-position:57% 42% !important;
  background-size:cover !important;
  background-repeat:no-repeat !important;
  filter:saturate(1.22) contrast(1.05) brightness(.98) !important;
  -webkit-mask-image:none !important;
  mask-image:none !important;
}
body.landing-mode .v11-home .v11-hero:before{
  background:
    linear-gradient(90deg,#04020b 0%,#04020bfb 22%,#04020be5 35%,#04020b83 50%,transparent 72%),
    linear-gradient(0deg,#04020b 0%,transparent 20%,transparent 90%,#04020b22 100%),
    radial-gradient(ellipse at 80% 46%,#751ec43d,transparent 45%) !important;
}
body.landing-mode .v11-home .v11-prompt-card{
  right:clamp(24px,3.8vw,60px) !important;
  top:175px !important;
  width:min(355px,24vw) !important;
  transform:rotate(-2.5deg) !important;
}
body.landing-mode .v11-home .v11-note.note-a{
  right:17% !important;
  top:108px !important;
}
body.landing-mode .v11-home .v11-note.note-b{
  right:8% !important;
  top:405px !important;
}
@media(max-width:1200px){
  body.landing-mode .v11-home .v11-hero .landing-hero-portrait{background-position:60% 42% !important}
  body.landing-mode .v11-home .v11-prompt-card{width:310px !important;right:20px !important}
}
@media(max-width:850px){
  body.landing-mode .v11-home .landing-header{
    padding:12px 20px !important;
    min-height:76px !important;
    height:auto !important;
    background:linear-gradient(180deg,#04020bb8 0%,transparent 100%) !important;
  }
  body.landing-mode .v11-home .v11-hero{padding-top:116px !important}
  body.landing-mode .v11-home .v11-hero .landing-hero-portrait{
    background-position:64% 42% !important;
    opacity:.62 !important;
  }
}
@media(max-width:600px){
  body.landing-mode .v11-home .v11-hero{padding-top:106px !important}
  body.landing-mode .v11-home .v11-prompt-card{top:auto !important;right:auto !important;width:100% !important;transform:none !important}
}


/* Songsly v1.1.3 — approved artwork as desktop hero */
@media(min-width:921px){
  body.landing-mode .v11-home .v11-hero{
    max-width:1600px !important;
    min-height:900px !important;
    padding:0 !important;
    background:#04020b url("/assets/songsly-header.jpg") center top / 100% auto no-repeat !important;
  }
  body.landing-mode .v11-home .v11-hero .landing-hero-portrait,
  body.landing-mode .v11-home .v11-hero:before,
  body.landing-mode .v11-home .v11-hero .v11-hero-copy,
  body.landing-mode .v11-home .v11-hero .v11-prompt-card,
  body.landing-mode .v11-home .v11-hero .v11-note,
  body.landing-mode .v11-home .v11-hero .v11-light,
  body.landing-mode .v11-home .v11-hero .v11-hero-wave{
    display:none !important;
  }
  body.landing-mode .v11-home .landing-header{
    opacity:0 !important;
    pointer-events:none !important;
  }
}


/* =========================================================
   SONGSLY v1.2 — CREATE MUSIC STUDIO
   ========================================================= */
.music-studio-v12{max-width:1540px;margin:0 auto;padding-bottom:60px}
.music-studio-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:22px}
.music-studio-head .section-title{font-size:clamp(38px,4vw,58px);margin:6px 0 8px}
.studio-credit-box{min-width:210px;padding:14px 17px;border:1px solid #493667;border-radius:16px;background:linear-gradient(145deg,#171023,#0d0916);display:grid;gap:4px;box-shadow:0 16px 38px #0006}
.studio-credit-box small,.studio-credit-box span{color:var(--muted);font-size:11px}.studio-credit-box strong{font-size:21px;color:#e9d8ff}
.music-mode-tabs{display:flex;gap:8px;margin:0 0 16px;padding:5px;width:max-content;border:1px solid #32263f;border-radius:14px;background:#0e0916}
.music-mode-tabs button{border:0;background:transparent;color:#9f93ae;padding:10px 15px;border-radius:10px;cursor:pointer;font-weight:700}
.music-mode-tabs button.active{color:#fff;background:linear-gradient(135deg,#6539ef,#c33ade);box-shadow:0 0 18px #8b35ff55}
.music-studio-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px;align-items:start}
.music-builder-card{padding:25px;background:linear-gradient(145deg,#151020,#0d0915);border-color:#372947}
.music-builder-card textarea{min-height:118px}
.field-counter{display:flex;justify-content:space-between;gap:15px;color:#80758e;font-size:11px;margin-top:7px}
.advanced-music{margin-top:18px;border:1px solid #332643;border-radius:14px;background:#0e0a16;overflow:hidden}
.advanced-music summary{padding:15px 17px;cursor:pointer;font-weight:800;display:flex;justify-content:space-between;gap:15px}
.advanced-music summary span{font-weight:400;color:var(--muted);font-size:11px}
.advanced-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:0 17px 17px}
.advanced-grid .full{grid-column:1/-1}
.music-actionbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:20px;padding-top:18px;border-top:1px solid #2e2439}
.music-action-copy{display:grid;gap:4px}.music-action-copy strong{font-size:12px}.music-action-copy small{color:var(--muted);font-size:10px}
.music-generate{min-width:210px;display:inline-flex;justify-content:space-between;gap:18px;align-items:center}.music-generate span{padding-left:13px;border-left:1px solid #3f225d;font-size:10px}
.music-sidepanel{display:grid;gap:18px;position:sticky;top:22px}
.music-preview-card h3{font-size:24px;margin:8px 0 18px;overflow-wrap:anywhere}.music-preview-card dl{margin:0}.music-preview-card dl div{display:flex;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px solid #2b2235}.music-preview-card dl div:last-child{border:0}.music-preview-card dt{color:var(--muted);font-size:11px}.music-preview-card dd{margin:0;text-align:right;font-size:12px;max-width:190px}
.brief-wave{height:72px;display:flex;align-items:center;gap:5px;margin:4px 0 14px;padding:0 4px}.brief-wave i{width:7px;border-radius:8px;background:linear-gradient(180deg,#8b4dff,#ff4dc1,#ffd16e);box-shadow:0 0 9px #a53cff55}.brief-wave i:nth-child(1),.brief-wave i:nth-child(12){height:20%}.brief-wave i:nth-child(2),.brief-wave i:nth-child(11){height:42%}.brief-wave i:nth-child(3),.brief-wave i:nth-child(10){height:65%}.brief-wave i:nth-child(4),.brief-wave i:nth-child(9){height:35%}.brief-wave i:nth-child(5),.brief-wave i:nth-child(8){height:84%}.brief-wave i:nth-child(6){height:54%}.brief-wave i:nth-child(7){height:100%}
.music-tips p{color:var(--muted);font-size:12px;line-height:1.55}.prompt-example{display:block;width:100%;text-align:left;margin-top:8px;padding:10px 11px;border:1px solid #382848;border-radius:10px;background:#100b18;color:#d9cee5;cursor:pointer}.prompt-example:hover{border-color:#8955ca;background:#181020}
@media(max-width:1050px){.music-studio-layout{grid-template-columns:1fr}.music-sidepanel{position:static;grid-template-columns:1fr 1fr}}
@media(max-width:700px){.music-studio-head,.music-actionbar{align-items:stretch;flex-direction:column}.studio-credit-box{min-width:0}.music-mode-tabs{width:100%;overflow:auto}.music-mode-tabs button{white-space:nowrap}.advanced-grid,.music-sidepanel{grid-template-columns:1fr}.field-counter{flex-direction:column;gap:3px}.music-actionbar .row{width:100%}.music-actionbar .row button{flex:1}.music-generate{min-width:0}}


/* SONGSLY v1.3 — preview-to-unlock model */
.generation-v13{display:grid;grid-template-columns:112px minmax(0,1fr) auto;align-items:center;gap:18px}
.song-cover{width:112px;height:112px;object-fit:cover;border-radius:16px;border:1px solid #4b3760;box-shadow:0 12px 30px #0007}
.generation-titleline{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.generation-v13 .generation-actions{flex-direction:column;align-items:stretch;min-width:170px}
.unlock-song{font-size:11px;padding:9px 11px}.download-song{display:inline-flex;align-items:center;justify-content:center}
@media(max-width:800px){.generation-v13{grid-template-columns:86px 1fr}.song-cover{width:86px;height:86px}.generation-v13 .generation-actions{grid-column:1/-1;flex-direction:row;min-width:0;flex-wrap:wrap}}


/* v1.3.1 — clickable hotspots over approved static hero artwork */
.hero-hotspots{display:none}
@media(min-width:921px){
  .v11-hero{position:relative}
  .hero-hotspots{display:block;position:absolute;inset:0;z-index:80;pointer-events:none}
  .hero-hotspots .hs{position:absolute;display:block;background:transparent;border:0;cursor:pointer;pointer-events:auto;padding:0}
  .hs-features{left:30.8%;top:3.2%;width:6.9%;height:7.2%}
  .hs-pricing{left:37.8%;top:3.2%;width:6.2%;height:7.2%}
  .hs-showcase{left:43.8%;top:3.2%;width:8.4%;height:7.2%}
  .hs-blog{left:50.4%;top:3.2%;width:5.0%;height:7.2%}
  .hs-about{left:55.4%;top:3.2%;width:5.6%;height:7.2%}
  .hs-login{left:76.0%;top:3.0%;width:6.0%;height:7.6%}
  .hs-start-top{left:82.3%;top:2.4%;width:14.0%;height:9.0%}
  .hs-create{left:4.0%;top:53.8%;width:20.8%;height:9.5%}
  .hs-how{left:26.0%;top:53.8%;width:18.5%;height:9.5%}
  .hero-hotspots .hs:focus-visible{outline:3px solid #d487ff;outline-offset:2px;border-radius:12px}
}


/* v1.3.3 — align header hit areas to the actual 1600x900 artwork */
@media(min-width:921px){
  .hero-hotspots .hs:hover{outline:1px solid transparent}
}


/* Songsly v1.6 — visual Song Structure Builder */
.structure-builder{border:1px solid #342642;border-radius:14px;padding:14px;background:#0d0914}
.structure-builder-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:12px}
.structure-builder-head label{display:block;margin-bottom:5px}
.structure-parts{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.structure-parts button,.structure-chip{border:1px solid #3b2b49;background:#15101d;color:#ddd2e8;border-radius:999px;padding:8px 11px;cursor:pointer;font-size:11px}
.structure-parts button:hover{border-color:#8f59ca;background:#1c1227}
.structure-sequence{min-height:54px;display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:10px;border:1px dashed #41324f;border-radius:12px;background:#09070d}
.structure-empty{color:#786d84;font-size:11px}
.structure-chip{display:inline-flex;align-items:center;gap:7px;background:linear-gradient(135deg,#1a1028,#21122f);border-color:#634184}
.structure-chip span{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#6d3bc2;color:white;font-size:9px;font-weight:800}
.structure-chip b{font-size:13px;color:#a999b8}
.structure-chip:hover{border-color:#b36aff;transform:translateY(-1px)}
@media(max-width:700px){.structure-builder-head{flex-direction:column}.structure-parts button,.structure-chip{font-size:10px}}


/* Songsly v1.7 — consolidated Advanced Settings + per-section production */
.advanced-group-title{display:flex;justify-content:space-between;gap:14px;align-items:end;padding:4px 0 2px;border-bottom:1px solid #2f2439}
.advanced-group-title strong{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#d9c8eb}
.advanced-group-title span{font-size:10px;color:var(--muted);text-align:right}
.section-control-wrap{margin-top:14px;padding-top:14px;border-top:1px solid #2f2439}
.section-control-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-end;margin-bottom:12px}
.section-control-head strong{display:block;font-size:13px}
.section-control-head small{display:block;color:var(--muted);font-size:10px;margin-top:4px}
.section-control-head>span{font-size:10px;color:#bca8cf;border:1px solid #463554;border-radius:999px;padding:5px 8px;white-space:nowrap}
.section-control-list{display:grid;gap:10px}
.section-control-card{border:1px solid #382a47;border-radius:12px;padding:12px;background:#0b0811}
.section-control-title{display:flex;align-items:center;gap:8px;margin-bottom:10px}
.section-control-title>span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#6638b8;color:white;font-size:10px;font-weight:800}
.section-control-title strong{font-size:12px}
.section-control-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.section-control-grid label{display:grid;gap:5px;color:#8f829b;font-size:10px}
.section-control-grid select,.section-control-grid input{width:100%;min-width:0}
.section-control-grid .section-notes{grid-column:1/-1}
.advanced-music[open] summary{border-bottom:1px solid #2f2439;margin-bottom:14px}
@media(max-width:700px){
  .advanced-group-title,.section-control-head{align-items:flex-start;flex-direction:column}
  .advanced-group-title span{text-align:left}
  .section-control-grid{grid-template-columns:1fr}
}


/* Songsly v1.8 — project resume and preset workflow */
.studio-preset-bar{display:flex;justify-content:space-between;gap:18px;align-items:center;margin:-4px 0 16px;padding:12px 14px;border:1px solid #342641;border-radius:14px;background:#0e0a16}
.studio-preset-bar>div:first-child{display:grid;gap:3px}
.studio-preset-bar strong{font-size:12px}
.studio-preset-bar span{font-size:10px;color:var(--muted)}
.studio-preset-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.studio-preset-actions select{min-width:220px}
.project-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
@media(max-width:800px){
  .studio-preset-bar{align-items:stretch;flex-direction:column}
  .studio-preset-actions{align-items:stretch}
  .studio-preset-actions select{width:100%;min-width:0}
  .studio-preset-actions button{flex:1}
}


/* Songsly v1.9 — Results Player + A/B Compare */
.ab-result-set{margin:0 0 20px;padding:20px;border:1px solid #322641;border-radius:18px;background:linear-gradient(145deg,#120d1a,#0b0810);box-shadow:0 18px 42px #0005}
.ab-set-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-end;margin-bottom:16px}
.ab-set-head h2{margin:4px 0 4px;font-size:24px}
.ab-set-head p{margin:0;color:var(--muted);font-size:11px}
.ab-compare-tools{display:flex;gap:8px;flex-wrap:wrap}
.ab-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.ab-variant-card{padding:14px;border:1px solid #342743;border-radius:16px;background:#0d0914}
.ab-variant-card.ready{border-color:#493263}
.ab-variant-top{display:grid;grid-template-columns:82px minmax(0,1fr) auto;gap:12px;align-items:center}
.ab-variant-top .song-cover{width:82px;height:82px;border-radius:13px}
.ab-variant-top h3{margin:4px 0 5px;font-size:16px}
.version-badge{display:inline-flex;padding:4px 7px;border:1px solid #54386d;border-radius:999px;color:#d9c6ef;font-size:9px;font-weight:800;letter-spacing:.08em}
.result-player{display:grid;grid-template-columns:38px minmax(0,1fr) 42px;gap:10px;align-items:center;margin-top:14px;padding:10px;border:1px solid #30243d;border-radius:12px;background:#09070d}
.result-player audio{display:none}
.ab-play{width:38px;height:38px;border-radius:50%;border:1px solid #6d4a88;background:linear-gradient(135deg,#6636c7,#bd3bc8);color:white;cursor:pointer;font-size:13px}
.result-wave{--progress:0%;height:38px;display:flex;align-items:center;gap:3px;cursor:pointer;position:relative;overflow:hidden}
.result-wave:after{content:"";position:absolute;inset:0 auto 0 0;width:var(--progress);background:linear-gradient(90deg,#8d4dff44,#ff4dc144);pointer-events:none}
.result-wave span{width:3px;border-radius:4px;background:#766781;position:relative;z-index:1}
.result-wave span:nth-child(4n+1){height:35%}.result-wave span:nth-child(4n+2){height:72%}.result-wave span:nth-child(4n+3){height:48%}.result-wave span:nth-child(4n){height:88%}
.result-time{font-size:10px;color:#a99bb6;text-align:right}
.result-pending{margin-top:14px;padding:12px;border:1px dashed #3a2b48;border-radius:12px;color:#9d8aaa;font-size:11px;display:flex;align-items:center;gap:8px}
.pulse-dot{width:8px;height:8px;border-radius:50%;background:#a75aff;box-shadow:0 0 12px #a75aff;animation:songslyPulse 1.2s infinite}
@keyframes songslyPulse{50%{opacity:.35;transform:scale(.8)}}
.ab-card-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.ab-card-actions>*{flex:1;min-width:120px;text-align:center}
@media(max-width:900px){.ab-grid{grid-template-columns:1fr}.ab-set-head{align-items:flex-start;flex-direction:column}.ab-variant-top{grid-template-columns:72px minmax(0,1fr)}.ab-variant-top .job-status{grid-column:2}.ab-variant-top .song-cover{width:72px;height:72px}}
@media(max-width:560px){.result-player{grid-template-columns:36px minmax(0,1fr) 38px}.result-wave{gap:2px}.result-wave span{width:2px}.ab-card-actions>*{min-width:0}}


/* Songsly v2.0 — multi-format exports */
.download-menu{position:relative;flex:1;min-width:120px}
.download-menu>.download-song{width:100%}
.download-options{position:absolute;right:0;bottom:calc(100% + 7px);z-index:20;min-width:170px;padding:7px;border:1px solid #42304f;border-radius:12px;background:#100b17;box-shadow:0 16px 38px #0009}
.download-options a{display:block;padding:9px 10px;border-radius:8px;color:#ddd1e8;text-decoration:none;font-size:11px}
.download-options a:hover{background:#21142d;color:#fff}
@media(max-width:560px){.download-menu{min-width:0}}


/* Songsly v2.1 — export format, sample rate and quality */
.export-panel{min-width:250px;padding:10px;display:grid;gap:9px}
.export-panel[hidden]{display:none}
.export-panel label{display:grid;gap:5px;text-align:left;color:#9d8faa;font-size:10px}
.export-panel select{width:100%;min-width:0}
.export-panel .export-now{width:100%;margin-top:2px}
.export-panel small{display:block;color:#786d84;font-size:9px;line-height:1.45;text-align:left}
@media(max-width:560px){.export-panel{min-width:min(260px,78vw);right:auto;left:0}}


/* Songsly v2.2 — Create Variation / Remix */
.variation-banner{display:flex;justify-content:space-between;gap:18px;align-items:center;margin:0 0 16px;padding:14px 16px;border:1px solid #5b3c72;border-radius:14px;background:linear-gradient(135deg,#171021,#24112c);box-shadow:0 14px 34px #0005}
.variation-banner>div{display:grid;gap:4px}
.variation-banner strong{font-size:14px}
.variation-banner small{color:var(--muted);font-size:10px;line-height:1.45}
.variation-button{border-color:#63437b}
.variation-settings-title{margin-top:4px}
@media(max-width:700px){.variation-banner{align-items:stretch;flex-direction:column}}


/* Songsly v2.4 — reference audio upload */
.reference-audio-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;margin:0 0 16px;padding:14px 16px;border:1px solid #3b2b49;border-radius:14px;background:#0d0914}
.reference-audio-copy{display:grid;gap:4px}
.reference-audio-copy strong{font-size:13px}
.reference-audio-copy small{color:var(--muted);font-size:10px;line-height:1.45}
.reference-audio-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.reference-audio-actions select{min-width:220px}
.reference-audio-status{grid-column:1/-1;padding-top:8px;border-top:1px solid #2b2035;color:#9c8daa;font-size:10px}
@media(max-width:800px){
  .reference-audio-card{grid-template-columns:1fr}
  .reference-audio-actions{justify-content:flex-start;align-items:stretch}
  .reference-audio-actions select{width:100%;min-width:0}
}


/* Songsly v2.5 — Stem Separation / Export */
.stem-panel{margin-top:12px;border-top:1px solid #2c2236;padding-top:12px}
.stem-panel[hidden]{display:none}
.stem-panel-inner{display:grid;gap:12px;padding:12px;border:1px solid #382946;border-radius:12px;background:#0b0811}
.stem-panel-inner>div:first-child{display:grid;gap:4px}
.stem-panel-inner strong{font-size:12px}
.stem-panel-inner small{color:var(--muted);font-size:10px;line-height:1.45}
.stem-controls{display:grid;grid-template-columns:1fr 1fr auto;gap:9px;align-items:end}
.stem-controls label{display:grid;gap:5px;color:#93869f;font-size:10px}
.stem-controls select{width:100%;min-width:0}
.stem-history{display:grid;gap:8px;padding-top:10px;border-top:1px solid #2a2033}
.stem-export-row{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:8px 9px;border:1px solid #30243b;border-radius:10px;background:#0d0a12}
.stem-export-row span{font-size:10px;color:#aa9ab7}
.stem-button{border-color:#4d3a5d}
@media(max-width:760px){.stem-controls{grid-template-columns:1fr}.stem-export-row{align-items:flex-start;flex-direction:column}}


/* Songsly v2.6 — interactive Stem Mixer */
.stem-export-actions{display:flex;gap:7px;flex-wrap:wrap}
.stem-mixer-host{margin-top:9px}
.stem-mixer-host[hidden]{display:none}
.stem-mixer{display:grid;gap:12px;padding:13px;border:1px solid #49335d;border-radius:13px;background:linear-gradient(145deg,#0f0a16,#09070d)}
.stem-mixer-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-end}
.stem-mixer-head>div:first-child{display:grid;gap:4px}
.stem-mixer-head small{color:var(--muted);font-size:10px}
.stem-master-controls{display:flex;gap:7px;flex-wrap:wrap}
.stem-channel-list{display:grid;gap:8px}
.stem-channel{display:grid;grid-template-columns:minmax(140px,1fr) auto minmax(220px,2fr);gap:12px;align-items:center;padding:10px;border:1px solid #30243d;border-radius:11px;background:#0c0911;transition:.15s ease}
.stem-channel.muted{opacity:.48}
.stem-channel.soloed{border-color:#8956b5;box-shadow:0 0 18px #7d46ae22}
.stem-channel-name{display:grid;gap:2px}
.stem-channel-name strong{font-size:12px;text-transform:capitalize}
.stem-channel-name span{font-size:9px;color:#7f718b}
.stem-channel-buttons{display:flex;gap:6px}
.stem-channel-buttons .mini{min-width:34px;padding:7px 8px}
.stem-channel.muted .stem-mute,.stem-channel.soloed .stem-solo{background:#6c3baa;color:white;border-color:#9f6ed0}
.stem-fader{display:grid;grid-template-columns:auto minmax(100px,1fr) 42px;gap:8px;align-items:center;color:#93869f;font-size:9px}
.stem-fader input[type="range"]{width:100%;accent-color:#8e4ee0}
.stem-fader b{font-size:9px;color:#b9a8c8;text-align:right}
.stem-mix-export{display:flex;justify-content:flex-end;gap:10px;align-items:end;padding-top:10px;border-top:1px solid #2d2237}
.stem-mix-export label{display:grid;gap:5px;color:#92849e;font-size:10px;min-width:190px}
.stem-mixer-loading{padding:12px;color:#aa99b8;font-size:11px}
@media(max-width:850px){
  .stem-channel{grid-template-columns:1fr auto}
  .stem-fader{grid-column:1/-1}
  .stem-mixer-head,.stem-mix-export{align-items:stretch;flex-direction:column}
}


/* Songsly v2.7 — mastering */
.master-panel{margin-top:12px;border-top:1px solid #2c2236;padding-top:12px}
.master-panel[hidden]{display:none}
.master-card{display:grid;gap:13px;padding:14px;border:1px solid #503567;border-radius:14px;background:linear-gradient(145deg,#120c1a,#0a0710)}
.master-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-end}
.master-head>div{display:grid;gap:4px}
.master-head strong{font-size:13px}
.master-head small{color:var(--muted);font-size:10px;line-height:1.45}
.master-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.master-grid label{display:grid;gap:5px;color:#93869f;font-size:10px}
.master-grid select{width:100%;min-width:0}
.master-actions{display:flex;justify-content:flex-end}
.master-history{display:grid;gap:8px;padding-top:10px;border-top:1px solid #2e2238}
.master-history-row{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:8px 9px;border:1px solid #30243b;border-radius:10px;background:#0d0912}
.master-history-row span{font-size:10px;color:#aa9ab7}
.master-button{border-color:#684187}
@media(max-width:900px){.master-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){
  .master-grid{grid-template-columns:1fr}
  .master-head,.master-history-row{align-items:stretch;flex-direction:column}
  .master-actions .cta{width:100%}
}


/* Songsly v2.8 — mastering A/B preview */
.master-history-actions{display:flex;gap:7px;flex-wrap:wrap}
.master-compare-host{margin-top:8px}
.master-compare-host[hidden]{display:none}
.master-compare{display:grid;gap:12px;padding:12px;border:1px solid #4b365f;border-radius:12px;background:#0c0812}
.master-compare-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-end}
.master-compare-head>div{display:grid;gap:4px}
.master-compare-head strong{font-size:12px}
.master-compare-head small{color:var(--muted);font-size:10px}
.master-ab-switch{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.master-ab-switch button{padding:10px;border:1px solid #3b2c48;border-radius:10px;background:#100b16;color:#9d8cab;cursor:pointer}
.master-ab-switch button.active{border-color:#8a54b1;background:#1d1028;color:#fff;box-shadow:0 0 18px #7e4aac25}
.master-preview-player{display:grid;grid-template-columns:38px minmax(0,1fr) 44px;gap:10px;align-items:center}
.master-preview-play{width:38px;height:38px;border-radius:50%;border:1px solid #744d92;background:linear-gradient(135deg,#7442c7,#bc4ac5);color:#fff;cursor:pointer}
.master-preview-wave{--progress:0%;height:40px;display:flex;gap:3px;align-items:center;cursor:pointer;position:relative;overflow:hidden}
.master-preview-wave:after{content:"";position:absolute;left:0;top:0;bottom:0;width:var(--progress);background:linear-gradient(90deg,#7d4adf44,#da50bd44);pointer-events:none}
.master-preview-wave span{width:3px;border-radius:4px;background:#74677f;position:relative;z-index:1}
.master-preview-wave span:nth-child(5n+1){height:28%}.master-preview-wave span:nth-child(5n+2){height:62%}.master-preview-wave span:nth-child(5n+3){height:84%}.master-preview-wave span:nth-child(5n+4){height:46%}.master-preview-wave span:nth-child(5n){height:70%}
.master-preview-time{font-size:10px;color:#a99bb6;text-align:right}
.master-level-note{font-size:9px;color:#786c82;line-height:1.4}
.master-compare audio{display:none}
@media(max-width:620px){.master-compare-head{align-items:stretch;flex-direction:column}.master-preview-wave{gap:2px}.master-preview-wave span{width:2px}}


/* Songsly v2.9 — AI Cover Art + Release Package */
.release-panel{margin-top:12px;border-top:1px solid #2c2236;padding-top:12px}
.release-panel[hidden]{display:none}
.release-card{display:grid;gap:14px;padding:14px;border:1px solid #4c345f;border-radius:14px;background:linear-gradient(145deg,#100a17,#09070d)}
.release-head>div{display:grid;gap:4px}
.release-head strong{font-size:13px}
.release-head small{color:var(--muted);font-size:10px;line-height:1.45}
.release-grid{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,1.6fr);gap:14px}
.release-cover-box{display:grid;gap:9px}
.release-cover-box img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:12px;border:1px solid #3a2b47;background:#0b0810}
.release-cover-box textarea{min-height:96px}
.release-cover-box select,.release-cover-box textarea{width:100%}
.release-meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;align-content:start}
.release-meta-grid label{display:grid;gap:5px;color:#93869f;font-size:10px}
.release-meta-grid .full{grid-column:1/-1}
.explicit-check{display:flex!important;align-items:center;gap:8px}
.explicit-check input{width:auto}
.release-actions{display:flex;justify-content:flex-end;padding-top:10px;border-top:1px solid #2d2237}
.release-ready{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px;border:1px solid #3b2b47;border-radius:10px;background:#0c0911}
.release-ready strong{font-size:11px}
.release-ready span{font-size:9px;color:#8f819b;flex:1}
.release-button{border-color:#6a4d80}
@media(max-width:800px){.release-grid{grid-template-columns:1fr}.release-meta-grid{grid-template-columns:1fr}.release-meta-grid .full{grid-column:auto}.release-ready{align-items:stretch;flex-direction:column}}


/* Songsly v2.12 — launch billing */
.billing-status{margin:0 0 14px;padding:10px 12px;border:1px solid #392b44;border-radius:11px;background:#0d0913;color:#a99ab7;font-size:11px}
.credit-pack-grid{align-items:stretch}
.credit-buy-card{display:flex;flex-direction:column;gap:9px}
.credit-buy-card p{flex:1}
.credit-buy-card .pack-price{font-size:22px;letter-spacing:-.03em}
.credit-buy-card button{width:100%;margin-top:4px}
.credit-buy-card button:disabled{opacity:.48;cursor:not-allowed}
.billing-note{margin-top:14px}
.billing-note strong{font-size:12px}
.billing-note p{margin:5px 0 0;color:var(--muted);font-size:10px}
@media(max-width:900px){.credit-pack-grid .span3{grid-column:span 6}}
@media(max-width:580px){.credit-pack-grid .span3{grid-column:1/-1}}

/* Songsly v2.14 — launch consent */
.terms-check{display:flex;gap:9px;align-items:flex-start;margin-top:12px;color:#9f93aa;font-size:11px;line-height:1.45}
.terms-check input{width:auto;margin-top:2px}
.terms-check a{color:#c9a7ff;text-decoration:none}
.terms-check a:hover{text-decoration:underline}

/* Songsly v2.15 — preset + reference upload reliability */
.preset-status{grid-column:1/-1;color:#8f829b;font-size:10px;margin-top:2px}
.upload-label{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;user-select:none}
.upload-label.is-busy{opacity:.55;pointer-events:none}

/* Songsly v2.21 auth UX */
.password-wrap{position:relative;display:flex;align-items:center}.password-wrap input{width:100%;padding-right:44px}
.password-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:#d8cbe4;cursor:pointer;font-size:18px;line-height:1;padding:6px}
.terms-box{margin-top:8px;padding:12px;border:1px solid #4b3657;border-radius:10px;background:#100b15}
.terms-check{display:flex;gap:9px;align-items:flex-start;cursor:pointer}.terms-check input{margin-top:3px;min-width:16px;min-height:16px}
.terms-check span{font-size:11px;line-height:1.45}.terms-box small{display:block;margin-top:7px;color:#c29abf;font-size:10px}