*{box-sizing:border-box}body,html{margin:0;background:#000;color:#f5f5f5;font-family:Arial,Helvetica,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}:root{--bg:#000;--panel:#0b0b0b;--panel2:#111;--line:#262626;--muted:#8b8b8b;--red:#e10d18}.topbar{height:70px;display:grid;grid-template-columns:210px minmax(220px,510px) 1fr;align-items:center;grid-gap:20px;gap:20px;border-bottom:1px solid #1b1b1b;padding:0 16px;position:-webkit-sticky;position:sticky;top:0;background:rgba(0,0,0,.96);z-index:20}.brandWord{font-size:24px;font-weight:800}.brandWord .ai,.heroContent span{color:var(--red)}.brandSub{font-size:7px;letter-spacing:.34em;color:#9b9b9b}.search{width:100%;border:1px solid #2a2a2a;background:#101010;border-radius:14px;padding:12px 14px;color:#fff;outline:none}.topActions{justify-self:end;display:flex;gap:8px;align-items:center}.avatar,.circle,.pill{border:1px solid #2a2a2a;background:#0e0e0e;color:#fff}.pill{border-radius:999px;padding:10px 14px;font-size:13px}.avatar,.circle{width:40px;height:40px;border-radius:50%;display:grid;place-items:center}.avatar{background:#ddd;color:#111;font-weight:700}.layout{display:grid;grid-template-columns:215px minmax(0,1fr)}.sidebar{position:-webkit-sticky;position:sticky;top:70px;border-right:1px solid #1f1f1f;padding:14px 8px;display:flex;flex-direction:column;overflow:auto}.nav{display:grid;grid-gap:4px;gap:4px}.navItem{display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:10px;color:#c9c9c9;font-size:13px}.navItem.active,.navItem:hover{background:#1b1b1b;color:#fff}.ico{width:18px;text-align:center}.navSep{height:1px;background:#242424;margin:7px 0}.sideBottom{margin-top:auto}.creditBox{border:1px solid #292929;border-radius:14px;padding:12px;background:#0b0b0b}.creditValue{font-size:27px;font-weight:800;margin:3px 0 9px}.main{padding:16px 20px 30px}.small{font-size:11px;color:var(--muted)}.btn{border:1px solid #303030;border-radius:12px;padding:11px 14px;background:#111;color:#fff;font-weight:700}.btn.white{background:#fff;color:#000;border-color:#fff}.block{display:block;width:100%}.pageHead{display:flex;justify-content:space-between;align-items:end;gap:15px}.pageHead h1{margin:0}.bigBalance{font-size:42px;font-weight:800}.bigBalance small{font-size:14px;color:#888}.hero{position:relative;border:1px solid #222;border-radius:17px;min-height:330px;overflow:hidden}.heroMovie{width:100%;height:100%;object-fit:cover;filter:grayscale(1);opacity:.76}.heroMovie,.heroOverlay{position:absolute;inset:0}.heroOverlay{background:linear-gradient(90deg,rgba(0,0,0,.94),rgba(0,0,0,.72) 35%,rgba(0,0,0,.18) 75%,rgba(0,0,0,.3))}.heroContent{position:relative;z-index:2;padding:38px;max-width:620px}.heroContent h1{font-size:45px;line-height:1.02;margin:0 0 16px}.heroContent p{max-width:560px;color:#c2c2c2;line-height:1.55}.heroControls{position:absolute;z-index:3;left:38px;right:24px;bottom:16px;display:flex;align-items:center;gap:12px}.progress{height:3px;background:#555;flex:1 1}.progress i{display:block;background:#fff;height:100%}.sectionTitle{font-size:18px}.createGrid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-gap:10px;gap:10px}.createCard{min-height:195px;border:1px solid #242424;border-radius:15px;padding:16px;background:linear-gradient(180deg,#101010,#070707);display:flex;flex-direction:column;transition:.18s}.createCard:hover{transform:translateY(-2px);border-color:#555}.createCard h3{font-size:15px;margin:15px 0 7px}.createCard p{font-size:11px;color:#8b8b8b;line-height:1.5}.cardIcon{width:52px;height:52px;border:1px solid #333;border-radius:13px;background:#161616;display:grid;place-items:center;font-size:24px}.socialIcon{font-size:15px;letter-spacing:2px}.arrow{margin-top:auto;width:30px;height:30px;border:1px solid #333;border-radius:50%;display:grid;place-items:center}.recent{margin-top:16px;border:1px solid #222;border-radius:16px;padding:13px}.recentHead{display:flex;justify-content:space-between;align-items:center}.recentHead h3{margin:0}.projectGrid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-gap:9px;gap:9px;margin-top:11px}.largeGrid{margin-top:20px}.project{border:1px solid #262626;border-radius:13px;overflow:hidden;background:#080808}.thumb{height:110px;background:radial-gradient(circle,#3a3a3a,#0b0b0b)}.t0{background:linear-gradient(135deg,#12284b,#020207)}.t1{background:radial-gradient(circle at 40% 60%,#315924,#050705)}.t2{background:radial-gradient(circle,#5b5b5b,#050505)}.t3{background:linear-gradient(#7a929b,#10201a)}.t4{background:radial-gradient(circle,#6b401b,#070504)}.t5{background:linear-gradient(135deg,#471e5d,#08020d)}.projectMeta{padding:10px}.projectMeta b{font-size:11px}.projectMeta div{font-size:9px;color:#777;margin-top:4px}.featureBar{margin-top:14px;border:1px solid #222;border-radius:15px;padding:15px;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px}.feature{display:flex;gap:10px;align-items:center}.feature span{font-size:22px}.feature b{font-size:11px}.feature p{margin:3px 0 0;font-size:9px;color:#777}.editor,.studio{display:grid;grid-template-columns:220px minmax(0,1fr) 290px;min-height:calc(100vh - 105px);border:1px solid #222;border-radius:16px;overflow:hidden}.panelPad,.studioLeft,.studioRight{padding:16px;background:#0b0b0b}.studioLeft{border-right:1px solid #222}.studioRight{border-left:1px solid #222}.designCenter,.studioCenter{padding:14px;background:#000}.toolGrid{display:grid;grid-gap:8px;gap:8px}.tool{border:1px solid #2a2a2a;border-radius:11px;background:#101010;color:#ddd;padding:12px}.adCanvas,.canvas{min-height:430px;display:grid;place-items:center;border:1px solid #222;border-radius:15px;background:radial-gradient(circle,#181818,#020202)}.adPreview{text-align:center;max-width:520px;padding:30px}.adPreview h2{font-size:34px}.timeline{margin-top:12px;border:1px solid #222;border-radius:13px;padding:12px}.track{display:flex;align-items:center;gap:12px;margin:7px 0}.track span{width:64px;font-size:9px;color:#8a8a8a}.track i{display:block;height:25px;border-radius:6px;background:#292929}.formGrid{display:grid;grid-gap:12px;gap:12px}.field label{display:block;color:#aaa;font-size:10px;margin-bottom:6px}.field input,.field select,.field textarea{width:100%;background:#0c0c0c;border:1px solid #2b2b2b;border-radius:10px;color:#fff;padding:11px;outline:none}.field textarea{min-height:95px;resize:vertical}.notice,.status{border:1px solid #2a2a2a;border-radius:10px;background:#0d0d0d;padding:11px;font-size:10px;color:#aaa}.twoCol{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.check{font-size:11px;color:#aaa}.editorBar{display:flex;gap:8px;align-items:center;margin-bottom:10px}.editorBar span{margin-left:auto;font-size:10px;color:#888}.poster{width:390px;aspect-ratio:4/5;background:linear-gradient(145deg,#171717,#000);border:1px solid #333;border-radius:12px;padding:35px;display:flex;flex-direction:column;justify-content:space-between;transform-origin:center}.widePoster{width:650px;aspect-ratio:2/1}.poster h2{font-size:37px}.posterPrice{display:inline-block;background:#fff;color:#000;border-radius:999px;padding:11px 18px;font-weight:800}.songPanel{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px}.panelPad{border:1px solid #222;border-radius:16px}.wave{min-height:390px;border:1px solid #222;border-radius:15px;display:grid;place-items:center;background:radial-gradient(circle,#151515,#030303)}.waveBars{height:125px;display:flex;align-items:center;gap:5px}.waveBars i{display:block;width:6px;background:#eee;border-radius:99px}.socialPage{max-width:1200px;margin:auto}.socialHero{text-align:center;padding:20px}.socialMarks{display:flex;justify-content:center;gap:10px}.socialMarks span{width:45px;height:45px;border:1px solid #333;border-radius:14px;display:grid;place-items:center;font-weight:800}.socialMarks.compact span{width:36px;height:36px}.socialOutputs{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.socialOutputs>div{border:1px solid #292929;border-radius:12px;padding:14px;background:#0c0c0c}.socialOutputs p{font-size:10px;color:#888}.dropzone{min-height:440px;border:1px dashed #2e2e2e;border-radius:15px;display:grid;place-items:center;text-align:center}.chips{display:flex;gap:7px;flex-wrap:wrap}.chip{border:1px solid #333;border-radius:999px;background:#101010;color:#aaa;padding:9px 11px}.chip.active{background:#fff;color:#000}.supportList{display:grid;grid-gap:8px;gap:8px}.ticket,.tx{border:1px solid #282828;border-radius:11px;padding:12px;background:#0c0c0c}.tx{display:flex;justify-content:space-between;align-items:center}.txList{display:grid;grid-gap:7px;gap:7px;margin-top:10px}.plus{color:#fff}.settingsPanel{max-width:760px;border:1px solid #222;border-radius:16px}.packs{grid-template-columns:repeat(4,minmax(0,1fr))}.flowStudio{display:grid;grid-template-columns:220px minmax(0,1fr) 290px;min-height:calc(100vh - 105px);border:1px solid #222;border-radius:16px;overflow:hidden}.flowAssistant,.flowMediaPanel{background:#0a0a0a;padding:15px;min-width:0}.flowMediaPanel{border-right:1px solid #222}.flowAssistant,.flowMediaPanel{display:flex;flex-direction:column}.flowAssistant{border-left:1px solid #222}.flowCanvasArea{padding:14px;min-width:0}.assetHead,.assistantHead,.canvasTop,.flowPanelTitleRow,.statusMeta{display:flex;justify-content:space-between;align-items:center}.eyebrow{font-size:8px;color:#777;letter-spacing:.14em;text-transform:uppercase}.miniIconBtn{width:34px;height:34px;border:1px solid #2b2b2b;border-radius:10px;background:#111;color:#fff}.flowNavList{display:grid;grid-gap:4px;gap:4px;margin-top:16px}.flowNav{padding:11px;border:0;border-radius:10px;background:transparent;color:#aaa;text-align:left}.flowNav.active,.flowNav:hover{background:#181818;color:#fff}.flowDivider{height:1px;background:#242424}.assetHead{margin-top:18px;font-size:10px;color:#888}.textBtn{border:0;background:transparent;color:#fff}.mediaEmpty{margin-top:10px;min-height:125px;border:1px dashed #333;background:#0d0d0d;border-radius:13px;color:#ddd;display:grid;place-items:center;align-content:center;grid-gap:4px;gap:4px}.mediaEmpty small{color:#777}.uploadGlyph{font-size:25px}.mediaGrid{display:grid;grid-template-columns:1fr 1fr;grid-gap:7px;gap:7px;margin-top:10px}.mediaThumb{position:relative;aspect-ratio:1;border-radius:10px;overflow:hidden;border:1px solid #252525;background:#111;padding:0}.mediaThumb.selected{border-color:#fff}.mediaThumb img,.mediaThumb video{width:100%;height:100%;object-fit:cover}.mediaThumb span{position:absolute;left:5px;bottom:5px;background:#000b;padding:3px 5px;border-radius:5px;font-size:8px}.canvasTop{height:38px}.projectName{font-size:12px}.canvasTopActions{display:flex;gap:6px}.outlineSmall,.softBtn{border:1px solid #2c2c2c;background:#101010;color:#ddd;border-radius:9px;padding:8px 10px;font-size:10px}.flowStage{position:relative;min-height:410px;border:1px solid #222;border-radius:15px;background:radial-gradient(circle,#151515,#020202);display:grid;place-items:center;overflow:hidden}.stageEmpty{text-align:center}.flowSpark{font-size:42px}.stageEmpty h2{font-size:23px}.stageEmpty p{font-size:11px;color:#777}.stageReference{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.stageShade{position:absolute;inset:0;background:linear-gradient(transparent 60%,#000b)}.stageLabel{position:absolute;bottom:12px;left:12px;border:1px solid #333;border-radius:999px;padding:7px 10px;background:#000b;font-size:9px}.generationStatus{padding-top:9px}.statusMeta{font-size:9px;color:#777}.statusBar{height:3px;background:#1d1d1d;margin-top:6px}.statusBar i{display:block;height:100%;background:#fff;transition:.3s}.resultStrip{margin-top:10px;border:1px solid #262626;background:#0d0d0d;border-radius:13px;padding:11px 12px;display:flex;align-items:center;justify-content:space-between;gap:12px}.resultStrip>div:first-child{display:grid;grid-gap:3px;gap:3px}.resultStrip b{font-size:11px}.resultStrip small{font-size:9px;color:#777}.resultBadge{width:max-content;border:1px solid #333;border-radius:999px;padding:3px 7px;font-size:8px}.resultActions{display:flex;gap:6px;flex-wrap:wrap}.flowComposer{margin-top:11px;border:1px solid #252525;background:#0b0b0b;border-radius:15px;overflow:hidden}.composerTabs{display:flex;border-bottom:1px solid #222;padding:0 12px}.composerTabs button{border:0;background:transparent;color:#777;padding:11px;border-bottom:2px solid transparent}.composerTabs button.active{color:#fff;border-bottom-color:#fff}.composerBody{padding:12px}.composerBody textarea{width:100%;min-height:78px;border:0;background:transparent;color:#fff;resize:vertical;outline:0}.composerTools{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.composerSpacer{flex:1 1}.costText{font-size:10px;color:#777}.generateBtn{border:0;background:#fff;color:#000;border-radius:10px;padding:11px 17px;font-weight:800}.settingRow{border-top:1px solid #222;padding:11px 12px;display:flex;gap:13px;flex-wrap:wrap}.settingGroup label{display:block;font-size:8px;color:#777;text-transform:uppercase;margin-bottom:5px}.segmented{display:flex;border:1px solid #282828;border-radius:9px;overflow:hidden}.segmented button{border:0;border-right:1px solid #282828;background:#0d0d0d;color:#888;padding:7px 9px}.segmented button.active{background:#fff;color:#000}.settingGroup select{height:31px;border:1px solid #282828;border-radius:9px;background:#0d0d0d;color:#ddd}.assistantHello{text-align:center;margin:auto 0 16px}.assistantOrb{width:44px;height:44px;border:1px solid #333;border-radius:14px;display:grid;place-items:center;margin:auto}.assistantHello h2{font-size:18px}.assistantHello p{font-size:10px;color:#777}.assistantSuggestions{display:grid;grid-gap:8px;gap:8px}.assistantSuggestions button{text-align:left;border:1px solid #252525;background:#111;border-radius:12px;padding:12px;color:#fff}.assistantSuggestions b,.assistantSuggestions span{display:block}.assistantSuggestions b{font-size:10px}.assistantSuggestions span{font-size:9px;color:#777;margin-top:4px}.assistantFooter{margin-top:auto}.creditMini{display:flex;justify-content:space-between;border-top:1px solid #222;padding:9px 0;font-size:9px}.creditMini span{color:#777}@media(max-width:1250px){.createGrid,.projectGrid{grid-template-columns:repeat(3,1fr)}.editor,.flowStudio,.studio{grid-template-columns:200px 1fr}.flowAssistant,.studioRight{display:none}.songPanel{grid-template-columns:1fr}}@media(max-width:850px){.topbar{grid-template-columns:150px 1fr}.search{display:none}.layout{grid-template-columns:1fr}.sidebar{display:none}.main{padding:12px}.createGrid,.featureBar,.projectGrid{grid-template-columns:repeat(2,1fr)}.editor,.flowStudio,.studio{grid-template-columns:1fr}.flowMediaPanel,.studioLeft{display:none}.widePoster{width:500px}.heroContent{padding:25px}.heroContent h1{font-size:36px}}@media(max-width:520px){.createGrid,.featureBar,.packs,.projectGrid{grid-template-columns:1fr}.hero{min-height:390px}.heroContent h1{font-size:34px}.flowStage{min-height:300px}.settingRow{display:grid}.songPanel{display:block}.panelPad{margin-bottom:10px}.socialOutputs,.twoCol{grid-template-columns:1fr}.poster,.widePoster{width:300px}.hideSm{display:none}}.authPage{min-height:100vh;display:grid;place-items:center}.authCard{width:min(430px,92vw);border:1px solid #252525;background:#0a0a0a;border-radius:20px;padding:28px;display:grid;grid-gap:12px;gap:12px}.authCard input{background:#0c0c0c;border:1px solid #2c2c2c;border-radius:12px;padding:13px;color:#fff}.adminGrid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px;gap:10px;margin-top:18px}.statCard{border:1px solid #252525;border-radius:14px;padding:16px;background:#0b0b0b;display:grid;grid-gap:12px;gap:12px}.statCard span{font-size:10px;color:#888}.statCard b{font-size:21px}@media(max-width:850px){.adminGrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.adminGrid{grid-template-columns:1fr}}body,html{width:100%;min-height:100%;overflow-x:hidden}.app{min-height:100vh;background:#000}.layout{min-height:calc(100vh - 70px);overflow:hidden}.layout,.sidebar{height:calc(100vh - 70px)}.sidebar{min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#454548 transparent}.sidebar::-webkit-scrollbar{width:5px;height:5px}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{background:#454548;border-radius:999px;border:1px solid transparent;background-clip:padding-box}.sidebar::-webkit-scrollbar-thumb:hover{background:#66666b;background-clip:padding-box}.sidebar::-webkit-scrollbar-corner{background:transparent}.sidebar::-webkit-scrollbar-button{display:none;width:0;height:0}.main{min-width:0;min-height:0;height:100%;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#3f3f42 transparent}.main::-webkit-scrollbar{width:5px;height:5px}.main::-webkit-scrollbar-track{background:transparent}.main::-webkit-scrollbar-thumb{background:#3f3f42;border-radius:999px}.main::-webkit-scrollbar-thumb:hover{background:#606064}.main::-webkit-scrollbar-corner{background:transparent}.main::-webkit-scrollbar-button{display:none;width:0;height:0}.editor *,.flowStudio *,.mediaGrid,.settingsPanel *,.studio *,.supportList,.txList{scrollbar-width:thin;scrollbar-color:#404043 transparent}.editor ::-webkit-scrollbar,.flowStudio ::-webkit-scrollbar,.mediaGrid::-webkit-scrollbar,.settingsPanel ::-webkit-scrollbar,.studio ::-webkit-scrollbar,.supportList::-webkit-scrollbar,.txList::-webkit-scrollbar{width:5px;height:5px}.editor ::-webkit-scrollbar-track,.flowStudio ::-webkit-scrollbar-track,.mediaGrid::-webkit-scrollbar-track,.settingsPanel ::-webkit-scrollbar-track,.studio ::-webkit-scrollbar-track,.supportList::-webkit-scrollbar-track,.txList::-webkit-scrollbar-track{background:transparent}.editor ::-webkit-scrollbar-thumb,.flowStudio ::-webkit-scrollbar-thumb,.mediaGrid::-webkit-scrollbar-thumb,.settingsPanel ::-webkit-scrollbar-thumb,.studio ::-webkit-scrollbar-thumb,.supportList::-webkit-scrollbar-thumb,.txList::-webkit-scrollbar-thumb{background:#404043;border-radius:999px}.editor ::-webkit-scrollbar-thumb:hover,.flowStudio ::-webkit-scrollbar-thumb:hover,.mediaGrid::-webkit-scrollbar-thumb:hover,.settingsPanel ::-webkit-scrollbar-thumb:hover,.studio ::-webkit-scrollbar-thumb:hover,.supportList::-webkit-scrollbar-thumb:hover,.txList::-webkit-scrollbar-thumb:hover{background:#606064}@media (max-width:850px){.layout,.main{height:auto;min-height:calc(100vh - 70px);overflow:visible}.sidebar{scrollbar-width:none}.sidebar::-webkit-scrollbar{display:none}.main{scrollbar-width:none}.main::-webkit-scrollbar{display:none}}