:root{--bg:#0b0e13;--panel:#11151c;--panel2:#171c25;--line:#272e38;--line2:#343e4c;--text:#edf1f2;--muted:#8b97a5;--lime:#c7fe5c;--blue:#91a8ff;--pink:#f2a3cf;--radius:14px;color-scheme:dark;font:14px/1.45 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}a:hover{color:var(--lime)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(28px,3vw,42px);line-height:1.13;letter-spacing:-.04em}h2{font-size:20px;letter-spacing:-.025em}h3{font-size:15px}.muted{color:var(--muted)}.small{font-size:12px}.accent{color:var(--lime)}.spacer{flex:1}.hidden{display:none!important}.container{max-width:1380px;margin:auto;padding:34px 34px 80px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.16em;color:var(--lime)}.topbar{height:62px;display:flex;align-items:center;justify-content:space-between;padding:0 27px;border-bottom:1px solid var(--line);background:#0e1218;position:relative;z-index:5}.wordmark{display:flex;align-items:center;font-size:15px;font-weight:900;letter-spacing:.07em;white-space:nowrap}.wordmark .mark{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;margin-right:9px;border-radius:8px;background:var(--lime);color:#111}.wordmark small{color:#687580;font-size:9px;font-weight:700;letter-spacing:.12em;margin-left:14px}.topnav{display:flex;align-items:center;gap:22px;color:#c8d0d7;font-size:12px;font-weight:600}.topnav form{margin:0}.profile{width:29px;height:29px;display:grid;place-items:center;border-radius:50%;background:#303e2c;color:var(--lime)}.linkbutton{background:none;color:var(--muted);border:0;padding:0}.flash{position:fixed;top:69px;left:50%;transform:translateX(-50%);padding:10px 18px;background:#243a24;border:1px solid #56734d;border-radius:9px;z-index:30}.btn{border:1px solid var(--line2);padding:10px 14px;border-radius:9px;color:var(--text);background:var(--panel2);font-weight:700;font-size:12px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:hover{border-color:var(--lime)}.btn.primary{background:var(--lime);color:#111810;border-color:var(--lime)}.btn.primary:hover{background:#d9ff97}.btn.ghost{background:transparent}.btn.wide{width:100%;margin-top:12px}.btn.small-btn{padding:6px 9px;font-size:11px}.pill{display:inline-flex;align-items:center;color:var(--lime);background:#263322;border:1px solid #3b5430;border-radius:50px;padding:4px 9px;text-transform:capitalize;font-size:10px;font-weight:700;white-space:nowrap}.error{color:#ffb1a7;background:#592b2a55;border:1px solid #85443d;border-radius:8px;padding:10px;margin:12px 0}label{display:block;color:#b9c2cb;font-size:12px;font-weight:700;margin:15px 0 10px}input:not([type=checkbox]):not([type=range]):not([type=color]):not([type=file]),select,textarea{display:block;width:100%;border-radius:8px;border:1px solid var(--line2);padding:10px 12px;background:#0e1218;color:var(--text);outline:none;min-width:0}input:focus,select:focus,textarea:focus{border-color:var(--lime)!important}textarea{resize:vertical}.checkrow{display:flex;gap:9px;align-items:center}.checkrow input{accent-color:var(--lime)}.fields-two,.fields-three{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.fields-three{grid-template-columns:repeat(3,minmax(0,1fr))}.subtle-link{display:block;text-align:center;margin-top:17px;color:var(--muted);font-size:12px}.auth-wrap{min-height:calc(100vh - 62px);display:grid;grid-template-columns:1fr 480px;align-items:center;gap:10vw;max-width:1300px;padding:45px;margin:auto}.auth-art{padding:70px 20px}.auth-art h1{font-size:clamp(55px,6vw,92px);line-height:.99;margin:23px 0}.auth-art h1 em{color:var(--lime);font-style:normal}.auth-art p{color:var(--muted);max-width:430px;font-size:16px}.art-bars{display:flex;gap:6px;height:80px;align-items:center;margin-top:70px}.art-bars i{display:block;width:8px;height:25px;background:var(--lime);border-radius:5px;opacity:.8}.art-bars i:nth-child(2),.art-bars i:nth-child(7){height:55px}.art-bars i:nth-child(3),.art-bars i:nth-child(5),.art-bars i:nth-child(8){height:72px}.art-bars i:nth-child(4){height:37px}.auth-card,.card{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:28px}.auth-card{padding:40px}.auth-card h2{font-size:26px;margin:12px 0 7px}.auth-card label{margin-top:23px}.dash-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:22px 0 29px}.dash-heading h1{margin:12px 0 8px}.dash-heading p{color:var(--muted);margin:0}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.stat{padding:21px 24px;border:1px solid var(--line);background:var(--panel);border-radius:13px;display:flex;flex-direction:column;min-height:130px}.stat>span{font-size:10px;font-weight:800;letter-spacing:.12em;color:#8794a3}.stat b{font-size:34px;line-height:1.4;letter-spacing:-.05em}.stat b small{font-size:15px}.stat>small{color:var(--muted)}.section-heading{display:flex;justify-content:space-between;align-items:center;margin:33px 0 14px}.section-heading h2{margin:0}.section-heading>span{font-size:11px;color:var(--muted)}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:17px}.project-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden}.project-cover{height:165px;background:radial-gradient(circle at 53% 42%,#38464a,#1d2929 32%,#121821 70%);display:grid;place-items:center;position:relative;font-size:78px;color:#c7fe5c55}.cover-ratio{position:absolute;bottom:11px;right:13px;padding:4px 8px;background:#0d1118a8;border-radius:5px;color:#d6e0e3;font-size:10px}.project-meta{padding:15px;display:flex;justify-content:space-between;gap:10px}.project-meta h3{margin:0 0 4px}.project-meta small{color:var(--muted)}.project-actions{border-top:1px solid var(--line);padding:12px 15px;display:flex;align-items:center;gap:12px;font-size:11px}.project-actions>a{color:var(--lime);margin-right:auto}.project-actions form{margin:0}.project-actions button{border:0;background:none;color:var(--muted);padding:0}.project-actions button:hover{color:var(--text)}.empty-dash{text-align:center;padding:70px;border:1px dashed var(--line2);border-radius:14px;background:#121720}.empty-icon{font-size:52px;color:var(--lime)}.empty-dash p{color:var(--muted)}.modal{background:#151a22;color:var(--text);width:min(92vw,550px);border:1px solid #3a4452;border-radius:17px;padding:26px;box-shadow:0 28px 100px #000b}.modal::backdrop{background:#030608bd}.modal.wide-modal{width:min(92vw,680px)}.modal-top{display:flex;justify-content:space-between;align-items:center}.modal h2{margin:12px 0 5px}.modal .muted{line-height:1.5}.icon-btn{border:0;background:none;color:var(--muted);padding:7px}.ratio-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:22px 0 4px}.ratio{display:flex;flex-direction:column;align-items:center;gap:3px;background:#10151c;border:1px solid var(--line2);color:var(--text);border-radius:9px;padding:10px 4px;font-size:23px;line-height:1}.ratio b{font-size:12px}.ratio small{font-size:9px;color:var(--muted)}.ratio.selected{border-color:var(--lime);color:var(--lime);background:#233023}.admin-cols{display:grid;grid-template-columns:1.35fr 1fr;gap:16px;margin:19px 0}.admin .card .section-heading{margin:0 0 21px}.admin h3{margin:25px 0 5px}.admin-list,.preset-admin{max-height:390px;overflow:auto}.admin-list>div,.preset-admin>div{padding:11px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:12px}.admin-list small,.preset-admin small{display:block;color:var(--muted);font-size:10px}.preset-admin{display:grid;grid-template-columns:repeat(3,1fr);gap:0 20px}.studio-shell{height:calc(100vh - 62px);display:flex;flex-direction:column;overflow:hidden}.studio-header{height:54px;flex:0 0 auto;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 18px}.crumb,.header-actions{display:flex;align-items:center;gap:10px}.crumb>a,.crumb>span{color:var(--muted);font-size:12px}.crumb input{border:0!important;background:none!important;width:200px!important;padding:4px!important;font-size:13px;font-weight:700}.save-status{color:var(--lime)!important;font-size:10px!important}.header-actions .btn{padding:8px 11px}.studio-main{flex:1;min-height:200px;display:grid;grid-template-columns:72px 258px minmax(300px,1fr) 265px}.tool-rail{border-right:1px solid var(--line);background:#10141b;padding:13px 5px;display:flex;flex-direction:column;gap:4px}.tool-rail button{height:56px;border:0;background:none;color:#909caa;border-radius:8px;font-size:10px;font-weight:700}.tool-rail button span{display:block;font-size:19px;line-height:23px}.tool-rail button.active,.tool-rail button:hover{color:var(--lime);background:#273124}.library-panel,.properties-panel{border-right:1px solid var(--line);background:#151a22;overflow:auto}.properties-panel{border-right:0;border-left:1px solid var(--line)}.library-view{padding:18px 14px}.panel-title{margin:0 0 17px;display:flex;flex-direction:column;gap:3px}.panel-title span{font-weight:800;font-size:14px}.panel-title small{color:var(--muted);font-size:11px}.panel-title.second{border-top:1px solid var(--line);padding-top:18px;margin-top:24px}.upload-zone{display:flex;flex-direction:column;align-items:center;text-align:center;padding:22px 12px;border:1px dashed #546747;background:#1b281f;border-radius:11px;margin:0 0 12px;cursor:pointer}.upload-zone span{font-size:26px;color:var(--lime)}.upload-zone b{font-size:12px;margin-top:3px}.upload-zone small{color:var(--muted);margin-top:3px}.upload-zone.dragging{background:#345b30;border-color:var(--lime)}.asset-filter{display:flex;gap:5px;margin:18px 0}.asset-filter input{padding:8px!important;font-size:11px!important}.asset-filter select{width:73px;font-size:10px;padding:5px}.asset-list{display:grid;gap:8px}.asset{border:1px solid var(--line);background:#1b212a;border-radius:9px;min-height:63px;display:flex;gap:9px;align-items:center;padding:7px;cursor:grab}.asset:hover{border-color:var(--lime)}.asset img{width:60px;height:45px;object-fit:cover;border-radius:5px;background:#0c1016}.asset .audio-thumb{display:grid;place-items:center;width:60px;height:45px;color:var(--lime);background:#27303a;border-radius:5px;font-size:18px}.asset strong{font-size:10px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:135px}.asset small{font-size:9px;color:var(--muted)}.asset button{font-size:10px;color:var(--lime);border:0;background:none;padding:1px}.asset-info{min-width:0}.preview-column{display:flex;flex-direction:column;background:#0e1219;min-width:0}.preview-head{height:40px;flex:0 0 auto;border-bottom:1px solid #20262d;padding:0 20px;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#8d9aa7;font-weight:800;letter-spacing:.1em}.preview-head button{border:0;background:none;color:#9ba6b3;font-size:10px;letter-spacing:0;font-weight:600;margin-left:8px}.preview-head button.on{color:var(--lime)}.preview-workspace{min-height:0;flex:1;display:grid;place-items:center;padding:15px;background:radial-gradient(circle at center,#202733,#0e1219 70%)}.stage{height:100%;max-height:100%;max-width:100%;min-height:120px;position:relative;background:#06080b;overflow:hidden;box-shadow:0 16px 48px #0009;border:1px solid #2c3541}.stage video,.stage>img,#previewOverlays,.safe-area,.preview-grid{position:absolute;inset:0;width:100%;height:100%}.stage video,.stage>img{object-fit:contain}.stage [hidden]{display:none!important}#previewOverlays{pointer-events:none;z-index:2}.preview-title,.preview-caption{position:absolute;width:90%;left:5%;transform:translate(-50%,-50%);text-align:center;white-space:pre-wrap;line-height:1.08;text-shadow:0 2px 9px #000e,0 0 15px #000;word-wrap:break-word;font-weight:900}.preview-title{font-size:clamp(12px,3.2vh,38px)}.preview-caption{font-size:clamp(11px,2.4vh,31px);text-transform:uppercase}.preview-caption .active-word{color:var(--lime);text-shadow:0 0 15px currentColor}.preview-caption.style-minimal{font-weight:500;text-transform:none}.preview-caption.style-neon{color:#fff;text-shadow:0 0 9px #77aaff,0 0 21px #77aaff}.preview-caption.style-luxury{font-family:Georgia,serif;letter-spacing:.08em}.preview-caption.style-news{background:#b31624;color:white;padding:6px}.preview-caption.style-podcast{background:#111c;border-radius:12px;padding:7px}.preview-title.animate-in,.preview-caption.animate-in{animation:popIn .25s both}@keyframes popIn{from{opacity:0;transform:translate(-50%,-40%) scale(.88)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.safe-area{inset:8% 9% 15%;height:77%;width:82%;border:1px dashed #c7fe5caa;z-index:3;pointer-events:none}.preview-grid{z-index:3;pointer-events:none;background:linear-gradient(90deg,transparent 33.1%,#ffffff43 33.3%,transparent 33.5%,transparent 66.3%,#ffffff43 66.6%,transparent 66.8%),linear-gradient(0deg,transparent 33.1%,#ffffff43 33.3%,transparent 33.5%,transparent 66.3%,#ffffff43 66.6%,transparent 66.8%)}.empty-preview{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#b8c2c5;text-align:center;z-index:1;background:radial-gradient(circle,#283631,#080a0e 70%);padding:8px}.empty-preview span{font-size:32px;color:var(--lime)}.empty-preview b{font-size:12px;margin-top:8px}.empty-preview small{font-size:9px;color:var(--muted)}.transport{height:49px;display:flex;align-items:center;justify-content:center;gap:9px;border-top:1px solid var(--line);padding:0 20px}.transport button{background:none;border:0;color:#c4d0d5;padding:7px;font-size:12px}.transport .play-button{background:var(--lime);color:#111;border-radius:50%;width:27px;height:27px;padding:0}.transport>span{font-variant-numeric:tabular-nums;font-size:11px}.time-divider,.transport small{color:var(--muted)}.properties-panel>.panel-title{padding:19px 15px;border-bottom:1px solid var(--line)}.inspector{padding:4px 15px}.inspector-empty{color:var(--muted);font-size:12px;padding:26px 4px}.inspector label{margin:13px 0 5px}.inspector input,.inspector select{padding:7px!important;font-size:11px!important}.inspector .fields-two{gap:7px}.inspector-section{border-top:1px solid var(--line);margin-top:19px;padding-top:14px;font-size:11px;font-weight:800}.inspector .hint{color:var(--muted);font-size:10px;margin-top:6px}.inspector .checkrow input{accent-color:var(--lime)}.field-line{display:flex;gap:10px}.field-line label{flex:1}.field-line input[type=color]{background:none;width:100%;height:32px;border:1px solid var(--line2);padding:1px}.inline-actions{display:flex;gap:6px;margin:13px 0}.caption-list{margin-top:14px;display:grid;gap:7px}.caption-row{display:flex;gap:6px;align-items:center;border:1px solid var(--line);border-radius:8px;background:#1c222b;padding:7px;cursor:pointer}.caption-row.selected{border-color:var(--lime)}.caption-row small{color:var(--lime);white-space:nowrap}.caption-row span{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.title-cards,.preset-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.title-cards button,.preset-grid button{height:78px;border-radius:9px;background:#212833;color:var(--text);border:1px solid #39434d;font-size:23px;text-align:center}.title-cards button:hover,.preset-grid button:hover,.preset-grid button.active{border-color:var(--lime)}.title-cards button b,.preset-grid button b{display:block;font-size:10px;margin-top:2px}.preset-grid button{height:64px;font-size:16px}.suggest-chips{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:13px}.suggest-chips button{padding:6px 9px;background:#242e2a;border:1px solid #3d5240;border-radius:50px;color:#d8edca;font-size:10px}.ai-result{margin-top:14px;white-space:pre-wrap;word-break:break-word}.ai-suggestion{padding:10px;background:#202a30;border:1px solid #3b4950;border-radius:7px;margin:7px 0}.ai-suggestion b{color:var(--lime)}.ai-suggestion button{display:block;border:0;background:none;color:var(--lime);font-size:11px;padding:8px 0 0}.version-list button{background:#202630;border:1px solid var(--line2);color:var(--text);text-align:left;width:100%;padding:10px;border-radius:8px;margin:4px 0}.version-list small{display:block;color:var(--muted)}.timeline-section{height:260px;min-height:220px;flex:0 0 auto;border-top:1px solid var(--line);background:#12171e;display:flex;flex-direction:column}.timeline-tools{height:41px;flex:0 0 auto;padding:0 12px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.timeline-tools button{border:0;background:transparent;color:#b6c2ca;font-size:11px;margin-right:14px;padding:5px}.timeline-tools button:hover{color:var(--lime)}.timeline-zoom{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:10px}.timeline-zoom input{width:100px;accent-color:var(--lime)}.timeline-scroll{overflow:auto;flex:1}.timeline-grid{display:grid;grid-template-columns:138px minmax(900px,1fr);grid-template-rows:27px auto;min-width:1038px;min-height:100%}.track-header{position:sticky;left:0;z-index:6;background:#18202a;padding:6px 13px;color:#8392a2;font-size:10px;font-weight:800;border-right:1px solid var(--line)}.ruler{height:27px;position:relative;background:#1a2029;border-bottom:1px solid #343b43}.ruler-tick{position:absolute;top:0;height:100%;border-left:1px solid #3c454e;color:#9aa5ae;padding:5px 0 0 3px;font:9px monospace}.track-headers{position:sticky;left:0;z-index:5;background:#171c24;border-right:1px solid var(--line)}.track-label{height:38px;border-bottom:1px solid #29313a;display:flex;align-items:center;gap:5px;padding:0 5px 0 9px;color:#cbd3d8;font-size:10px}.track-label strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.track-label button{font-size:11px;background:transparent;border:0;color:#95a4ae;padding:0 2px}.track-label button.off{color:#56626c}.track-canvas{position:relative;min-height:190px;overflow:hidden;background-image:repeating-linear-gradient(90deg,#ffffff08 0 1px,transparent 1px 65px)}.timeline-row{height:38px;border-bottom:1px solid #29313a;position:relative}.timeline-item{position:absolute;top:4px;height:30px;min-width:8px;padding:4px 7px;border-radius:5px;background:#3d6152;color:#e9fff0;border:1px solid #649978;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:10px;cursor:move}.timeline-item.text{background:#4a4170;border-color:#7968b4}.timeline-item.audio{background:#765339;border-color:#ad784f}.timeline-item.broll{background:#36546d;border-color:#6289ac}.timeline-item.caption{background:#624d71;border-color:#a97fc0}.timeline-item.selected{border:2px solid #fff;box-shadow:0 0 0 2px var(--lime)}.timeline-item .handle{position:absolute;right:0;top:0;width:8px;height:100%;background:#fff4;cursor:ew-resize}.playhead{position:absolute;top:0;height:100%;width:1px;background:var(--lime);z-index:4;pointer-events:none}.playhead:before{content:'';position:absolute;top:0;left:-5px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:8px solid var(--lime)}#renderList>div{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line)}#renderList small{display:block;color:var(--muted)}#renderList a{color:var(--lime);font-size:11px;margin-left:10px}
@media(max-width:1100px){.studio-main{grid-template-columns:62px 215px minmax(300px,1fr)}.properties-panel{position:fixed;right:0;top:116px;bottom:260px;width:255px;z-index:10;box-shadow:-8px 0 30px #0008;display:none}.properties-panel.open{display:block}.studio-main:has(.properties-panel.open) .preview-column{padding-right:255px}.wordmark small{display:none}.admin-cols{grid-template-columns:1fr}}@media(max-width:720px){.container{padding:23px 15px}.topbar{padding:0 12px}.topnav{gap:9px}.auth-wrap{grid-template-columns:1fr;padding:18px}.auth-art{display:none}.auth-card{padding:24px}.dash-heading{align-items:flex-start;flex-direction:column}.stats{grid-template-columns:1fr}.project-grid{grid-template-columns:1fr}.preset-admin{grid-template-columns:1fr}.studio-header{padding:0 8px}.studio-header .header-actions .ghost{display:none}.studio-main{grid-template-columns:49px 175px minmax(270px,1fr);overflow:auto}.tool-rail button{font-size:8px}.preview-column{min-width:270px}.studio-main:has(.properties-panel.open) .preview-column{padding-right:0}.properties-panel{width:min(270px,82vw)}.timeline-section{height:220px}.ratio-grid{grid-template-columns:repeat(2,1fr)}}
.timeline-item.foreground{background:#5c566d;border-color:#9d90b2}.mask-explain{padding:13px;border:1px solid var(--line2);background:#202830;border-radius:10px;font-size:12px}.mask-explain p{color:var(--muted);margin:6px 0}.foreground-preview{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:4}