:root{
  --bg:#07080d;--panel:#11131b;--panel2:#171a24;--line:rgba(255,255,255,.1);--text:#f7f8fb;--dim:#9ba2b3;
  --purple:#9f64ff;--cyan:#35e7ff;--green:#42df9d;--gold:#f3c667;--red:#ff707d;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;padding-bottom:100px;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;background:radial-gradient(circle at 78% 10%,rgba(159,100,255,.2),transparent 31%),radial-gradient(circle at 6% 38%,rgba(53,231,255,.08),transparent 25%),var(--bg)}button,input,select{font:inherit}.noise{position:fixed;inset:0;pointer-events:none;opacity:.12;z-index:50;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E");mix-blend-mode:soft-light}.stream-head{height:82px;display:flex;align-items:center;gap:28px;padding:0 4vw;border-bottom:1px solid var(--line);background:rgba(7,8,13,.78);backdrop-filter:blur(24px);position:sticky;top:0;z-index:40}.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none}.brand img{width:64px;height:52px;object-fit:contain;filter:drop-shadow(0 0 16px rgba(159,100,255,.35))}.brand span{display:grid}.brand b{font-size:13px;letter-spacing:2.2px}.brand small{font:8px var(--mono);letter-spacing:1.4px;color:var(--dim);margin-top:3px}.stream-head nav{display:flex;gap:5px;margin-left:auto}.stream-head nav a,.stream-head>button{border:0;background:none;color:var(--dim);text-decoration:none;border-radius:8px;padding:11px 15px;font:9px var(--mono);letter-spacing:1.2px;cursor:pointer}.stream-head nav a:hover{color:#fff;background:rgba(255,255,255,.05)}.stream-head>button{margin-left:12px;border:1px solid rgba(159,100,255,.45);background:rgba(159,100,255,.1);color:#e8d9ff}.stream-head>button.active{border-color:rgba(66,223,157,.45);color:var(--green)}main{max-width:1440px;margin:0 auto;padding:0 4vw}.smart-hero{min-height:590px;display:grid;grid-template-columns:minmax(360px,.85fr) 1.15fr;gap:7vw;align-items:center;padding:70px 0 54px;border-bottom:1px solid var(--line)}.hero-cover-wrap{position:relative;width:min(430px,80vw);aspect-ratio:1;margin:auto}.hero-cover-wrap>img{position:absolute;inset:7%;width:86%;height:86%;object-fit:cover;border-radius:28px;box-shadow:0 40px 100px rgba(0,0,0,.55),0 0 60px rgba(159,100,255,.16);z-index:2}.disc{position:absolute;inset:13% -16% 13% 24%;border-radius:50%;background:repeating-radial-gradient(circle,#07070b 0 3px,#171922 4px 6px,#08090e 7px 9px);box-shadow:0 35px 90px rgba(0,0,0,.6);transform:rotate(-12deg)}.disc::after{content:"";position:absolute;inset:34%;border-radius:50%;background:linear-gradient(135deg,var(--purple),var(--cyan));box-shadow:0 0 35px rgba(159,100,255,.38)}.cover-play{position:absolute;z-index:5;right:1%;bottom:10%;width:66px;height:66px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:linear-gradient(135deg,#a66cff,#6531c8);color:#fff;font-size:20px;cursor:pointer;box-shadow:0 16px 40px rgba(0,0,0,.5)}.eyebrow{font:9px var(--mono);letter-spacing:2.2px;color:#cbb7ec;display:flex;align-items:center;gap:9px}.eyebrow span{width:28px;height:1px;background:linear-gradient(90deg,var(--purple),var(--cyan));box-shadow:0 0 9px var(--purple)}h1{font-size:clamp(46px,5.3vw,82px);line-height:.96;letter-spacing:-4px;margin:22px 0 12px}.hero-copy .artist{font-size:21px;color:#c9a8ff;margin:0 0 20px}.hero-copy>p:not(.artist){max-width:710px;color:var(--dim);line-height:1.75;font-size:15px}.release-badges{display:flex;flex-wrap:wrap;gap:8px;margin:23px 0}.release-badges span{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.035);border-radius:999px;padding:8px 11px;font:8px var(--mono);letter-spacing:.8px;color:#d7d9e0}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.primary,.secondary{display:inline-flex;justify-content:center;align-items:center;border-radius:10px;padding:14px 18px;font:9px var(--mono);font-weight:900;letter-spacing:1px;text-decoration:none;cursor:pointer}.primary{border:0;background:linear-gradient(135deg,#a66cff,#6531c8);color:#fff;box-shadow:0 12px 32px rgba(101,49,200,.3)}.secondary{border:1px solid var(--line);background:rgba(255,255,255,.03);color:#fff}.platform-section,.creator{padding:64px 0;border-bottom:1px solid var(--line)}.section-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:26px}.section-head small,.form-card-head small{font:8px var(--mono);letter-spacing:1.6px;color:#9d75d9}.section-head h2{font-size:34px;margin:7px 0 0;letter-spacing:-1.4px}.section-head>span,.auth-state{font:8px var(--mono);letter-spacing:1px;color:var(--dim);border:1px solid var(--line);border-radius:999px;padding:8px 10px}.platform-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.platform-card{position:relative;overflow:hidden;min-height:205px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(150deg,rgba(255,255,255,.045),rgba(255,255,255,.015));padding:21px;display:flex;flex-direction:column}.platform-card::after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-90px;top:-100px;background:var(--accent,rgba(159,100,255,.22));filter:blur(1px);opacity:.45}.platform-logo{position:relative;z-index:1;width:47px;height:47px;border-radius:13px;display:grid;place-items:center;background:rgba(255,255,255,.08);font:800 14px var(--mono);box-shadow:inset 0 1px rgba(255,255,255,.15)}.platform-card h3{position:relative;z-index:1;margin:18px 0 7px;font-size:20px}.platform-card p{position:relative;z-index:1;color:var(--dim);font-size:12px;line-height:1.55;margin:0 0 18px}.platform-card a{position:relative;z-index:1;margin-top:auto;text-decoration:none;color:#fff;font:8px var(--mono);letter-spacing:1px;border:1px solid rgba(255,255,255,.13);border-radius:8px;padding:11px 12px;text-align:center;background:rgba(255,255,255,.035)}.platform-card.live{border-color:rgba(66,223,157,.38);box-shadow:0 0 0 1px rgba(66,223,157,.04),0 14px 45px rgba(0,0,0,.2)}.platform-card.live a{background:rgba(66,223,157,.1);border-color:rgba(66,223,157,.35);color:#c9ffe8}.platform-status{position:absolute;top:18px;right:18px;z-index:2;font:7px var(--mono);letter-spacing:1px;color:var(--dim)}.platform-status.live{color:var(--green)}.empty-public{border:1px dashed rgba(255,255,255,.14);border-radius:15px;padding:34px;text-align:center;color:var(--dim)}.empty-public h3{color:#fff}.creator-grid{display:grid;grid-template-columns:310px minmax(0,1fr);gap:18px}.release-picker{position:sticky;top:104px;align-self:start;border:1px solid var(--line);border-radius:16px;background:rgba(17,19,27,.92);padding:18px}.release-picker>label{display:grid;gap:8px;font:8px var(--mono);letter-spacing:1px;color:var(--dim)}select,input{width:100%;border:1px solid rgba(255,255,255,.13);background:#11141d;color:#fff;border-radius:9px;padding:12px;outline:none}select:focus,input:focus{border-color:rgba(159,100,255,.7);box-shadow:0 0 0 3px rgba(159,100,255,.1)}.selected-card{display:grid;grid-template-columns:70px minmax(0,1fr);gap:12px;align-items:center;margin:17px 0;padding:10px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.025)}.selected-card img{width:70px;height:70px;object-fit:cover;border-radius:9px}.selected-card div{display:grid;min-width:0}.selected-card b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selected-card span{color:var(--dim);font-size:11px;margin-top:6px}.smart-link-card{border:1px solid rgba(53,231,255,.22);background:rgba(53,231,255,.04);border-radius:12px;padding:14px}.smart-link-card small{display:block;color:#8defff;font:7px var(--mono);letter-spacing:1px}.smart-link-card code{display:block;color:#fff;font:9px var(--mono);word-break:break-all;margin:12px 0}.smart-link-card button,.download-pack{width:100%;border:1px solid var(--line);background:rgba(255,255,255,.04);color:#fff;border-radius:8px;padding:10px;font:8px var(--mono);cursor:pointer}.download-pack{margin-top:10px;border-color:rgba(159,100,255,.25);color:#decfff}.aside-note{font-size:10px;line-height:1.55;color:var(--dim);margin:14px 3px 0}.release-form{display:grid;gap:14px}.form-card{border:1px solid var(--line);border-radius:16px;background:linear-gradient(150deg,rgba(255,255,255,.035),rgba(255,255,255,.012));padding:22px}.form-card-head{display:flex;align-items:start;justify-content:space-between;margin-bottom:20px}.form-card-head h3{font-size:22px;margin:7px 0 0}.form-card-head>span{font:8px var(--mono);color:var(--dim);border:1px solid var(--line);border-radius:999px;padding:7px 9px}.field-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.field-grid label{display:grid;gap:7px;font:7px var(--mono);letter-spacing:1px;color:#999faf}.field-grid .wide{grid-column:1/-1}.rights-checks{display:grid;gap:10px;margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}.rights-checks label{display:flex;gap:10px;align-items:flex-start;color:#c3c7d0;font-size:11px;line-height:1.5}.rights-checks input{width:auto;margin-top:2px}.form-note{color:var(--dim);font-size:11px;line-height:1.65;margin:-5px 0 18px}.connection-list{display:grid;gap:10px}.connection-row{display:grid;grid-template-columns:58px minmax(150px,.8fr) 150px minmax(220px,1.35fr) 122px;gap:10px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:10px;background:rgba(255,255,255,.018)}.connection-icon{width:44px;height:44px;border-radius:11px;display:grid;place-items:center;background:rgba(255,255,255,.07);font:800 11px var(--mono)}.connection-name{display:grid}.connection-name b{font-size:13px}.connection-name small{color:var(--dim);font-size:9px;margin-top:5px}.connection-row select,.connection-row input{padding:10px;font-size:11px}.connection-actions{display:grid;gap:5px}.connection-actions a,.connection-actions button{border:1px solid var(--line);background:rgba(255,255,255,.025);color:#fff;border-radius:7px;padding:8px;text-decoration:none;text-align:center;font:7px var(--mono);cursor:pointer}.distribution-grid{display:grid;grid-template-columns:1.5fr repeat(2,1fr);gap:10px}.distribution-grid>div{grid-row:span 2;border:1px solid var(--line);border-radius:11px;padding:16px;background:rgba(255,255,255,.02)}.distribution-grid b{font:9px var(--mono);letter-spacing:1px}.distribution-grid p{color:var(--dim);font-size:11px;line-height:1.65}.distribution-grid>a{display:grid;place-items:center;border:1px solid var(--line);border-radius:10px;color:#fff;text-decoration:none;font:8px var(--mono);padding:15px;background:rgba(255,255,255,.025)}.save-bar{position:sticky;bottom:14px;z-index:20;display:flex;align-items:center;gap:9px;border:1px solid rgba(255,255,255,.13);background:rgba(11,12,18,.9);backdrop-filter:blur(18px);border-radius:13px;padding:10px;box-shadow:0 22px 60px rgba(0,0,0,.4)}.save-bar>div{margin-right:auto;color:var(--green);font-size:10px;padding-left:7px}.save-bar button{border:1px solid var(--line);background:rgba(255,255,255,.03);color:#fff;border-radius:9px;padding:12px 15px;font:8px var(--mono);cursor:pointer}.save-bar .primary{border:0}.mini-player{position:fixed;z-index:60;left:50%;bottom:16px;transform:translateX(-50%);width:min(850px,calc(100vw - 24px));display:grid;grid-template-columns:52px minmax(140px,1fr) 46px 1.5fr 46px;gap:12px;align-items:center;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:rgba(13,14,21,.94);backdrop-filter:blur(20px);padding:9px 12px;box-shadow:0 20px 70px rgba(0,0,0,.5)}.mini-player img{width:52px;height:52px;object-fit:cover;border-radius:9px}.mini-player div{display:grid}.mini-player div span{color:var(--dim);font-size:10px;margin-top:4px}.mini-player button{width:42px;height:42px;border-radius:50%;border:0;background:linear-gradient(135deg,#a66cff,#6531c8);color:#fff;cursor:pointer}.mini-player input{padding:0}.mini-player>span{font:9px var(--mono);color:var(--dim)}footer{max-width:1440px;margin:0 auto;padding:34px 4vw;display:grid;grid-template-columns:1fr 1.5fr;gap:30px;color:var(--dim);font-size:11px;line-height:1.6}.footer div{display:grid}footer b{color:#fff;font:9px var(--mono);letter-spacing:1px}footer span{display:block;font:7px var(--mono);letter-spacing:1px;margin-top:7px}.toast{position:fixed;z-index:100;right:22px;top:100px;transform:translateX(140%);transition:transform .25s;border:1px solid var(--line);background:#171923;color:#fff;border-radius:9px;padding:13px 16px;font:9px var(--mono);box-shadow:0 14px 40px #000}.toast.show{transform:translateX(0)}
@media(max-width:1100px){.platform-grid{grid-template-columns:repeat(3,1fr)}.smart-hero{grid-template-columns:1fr 1fr}.connection-row{grid-template-columns:48px 1fr 125px}.connection-row input{grid-column:2/-1}.connection-actions{grid-column:2/-1;grid-template-columns:1fr 1fr}.distribution-grid{grid-template-columns:1fr 1fr}.distribution-grid>div{grid-column:1/-1;grid-row:auto}}
@media(max-width:820px){.stream-head nav{display:none}.stream-head{padding:0 16px}.stream-head>button{margin-left:auto;font-size:7px}.brand span{display:none}main{padding:0 16px}.smart-hero{grid-template-columns:1fr;gap:28px;padding:45px 0}.hero-cover-wrap{width:min(370px,78vw)}h1{letter-spacing:-2.5px}.platform-grid{grid-template-columns:repeat(2,1fr)}.creator-grid{grid-template-columns:1fr}.release-picker{position:static}.field-grid{grid-template-columns:1fr}.field-grid .wide{grid-column:auto}.connection-row{grid-template-columns:48px 1fr}.connection-row select,.connection-row input,.connection-actions{grid-column:2/-1}.save-bar{flex-wrap:wrap}.save-bar>div{width:100%;margin:0}.mini-player{grid-template-columns:48px 1fr 44px}.mini-player input,.mini-player>span{display:none}footer{grid-template-columns:1fr}}
@media(max-width:520px){.platform-grid{grid-template-columns:1fr}.section-head{align-items:start;flex-direction:column}.hero-actions{display:grid}.distribution-grid{grid-template-columns:1fr}.connection-row{grid-template-columns:1fr}.connection-icon,.connection-name,.connection-row select,.connection-row input,.connection-actions{grid-column:1}.connection-actions{grid-template-columns:1fr 1fr}.save-bar button{flex:1}.smart-hero{min-height:auto}.hero-copy .artist{font-size:17px}}
.youtube-uploader{margin-top:12px;border:1px solid rgba(255,74,74,.24);background:linear-gradient(135deg,rgba(255,74,74,.06),rgba(255,255,255,.015));border-radius:13px;padding:16px}.youtube-copy small{font:7px var(--mono);letter-spacing:1.2px;color:#ff9191}.youtube-copy h4{font-size:17px;margin:7px 0}.youtube-copy p{color:var(--dim);font-size:11px;line-height:1.6;margin:0 0 14px}.youtube-fields{display:grid;grid-template-columns:1.4fr .6fr;gap:9px}.youtube-fields label{display:grid;gap:6px;font:7px var(--mono);letter-spacing:1px;color:#a1a6b2}.youtube-fields input,.youtube-fields select{padding:10px}.youtube-fields .youtube-title{grid-column:1/-1}.youtube-fields button{grid-column:1/-1;border:0;border-radius:9px;background:linear-gradient(135deg,#ff4d58,#a71925);color:#fff;padding:12px;font:8px var(--mono);letter-spacing:1px;cursor:pointer}.youtube-fields button:disabled{opacity:.55;cursor:wait}.youtube-status{min-height:18px;margin-top:10px;color:#d8a6aa;font-size:9px;line-height:1.5}
@media(max-width:520px){.youtube-fields{grid-template-columns:1fr}.youtube-fields .youtube-title,.youtube-fields button{grid-column:1}}