@import url('https://fonts.googleapis.com/css2?family=DM+Mono&family=Manrope:wght@500;700;800&display=swap');
*{box-sizing:border-box}body{margin:0;background:#090b10;color:#edf0f4;font-family:Manrope,Arial,sans-serif}button,input{font:inherit}button{cursor:pointer;border:0;color:inherit;background:transparent}header{height:74px;padding:0 44px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #242831;background:#0b0e13;position:sticky;top:0;z-index:4}.brand{color:#f4ff48;text-decoration:none;font-weight:800;display:flex;gap:9px;align-items:center;font-size:25px}.brand span{font-size:12px;letter-spacing:.15em;color:#fff}.brand small{display:block;font-size:7px;color:#777;letter-spacing:.12em}nav{display:flex;gap:4px;background:#15181e;border:1px solid #292e35;padding:4px;border-radius:18px}nav button,.login,.actions button,.cards button,.editor button{padding:9px 14px;border-radius:10px;font-size:12px;font-weight:800}nav button:hover,.actions button:not(.primary):hover{background:#292e35}.login{border:1px solid #363b44}.page{display:none;max-width:1240px;margin:auto;padding:80px 34px;min-height:calc(100vh - 74px)}.page.active{display:block}.hero{padding-top:145px;background:radial-gradient(circle at 50% 10%,#24304a55,transparent 44%)}.eyebrow{font:700 11px 'DM Mono';letter-spacing:.15em;color:#c9d264}.hero h1,h2{font-size:clamp(48px,8vw,108px);line-height:.86;letter-spacing:-.07em;margin:18px 0}.hero h1 i{color:#e8ff59;font-style:normal}.hero>p:not(.eyebrow){max-width:550px;color:#a8afbc;line-height:1.7}.actions{display:flex;gap:10px;margin-top:32px}.actions button,.cards button{border:1px solid #3a414b}.primary{background:#e8ff59!important;color:#151708!important}.cards{display:flex;gap:18px}.cards article{padding:24px;width:280px;border:1px solid #2b3038;border-radius:18px;background:#11151d}.cards b,.cards span{display:block}.cards span{color:#9aa2ad;font-size:12px;margin:10px 0 22px}.editor{padding:0;max-width:none;background:#090c12}.editor-top{height:54px;padding:0 18px;border-bottom:1px solid #272c35;display:flex;align-items:center;justify-content:space-between;font-size:11px}.editor-top span{color:#aab2bd}.workspace{height:calc(100vh - 128px);min-height:650px;display:grid;grid-template-columns:196px minmax(0,1fr) 300px}.media,.properties{background:#0c1017;padding:14px;border-right:1px solid #252a33}.properties{border-left:1px solid #252a33;border-right:0}.media>b,.properties b{font-size:10px;letter-spacing:.09em;color:#a7afbb}.media button{margin:16px 0;width:100%;border:1px dashed #d8e94f55;color:#e8ff59}.media #fileName{font-size:11px;color:#87909d}.center{min-width:0;display:grid;grid-template-rows:minmax(280px,1fr) 48px 45px 42%;background:#080b10}.preview{position:relative;margin:16px;background:#000;display:grid;place-items:center;overflow:hidden;border-radius:10px}.preview video{width:100%;height:100%;object-fit:contain}.preview:has(video[src]) #emptyPreview{display:none}#emptyPreview{color:#798291;font-size:13px}.controls,.addline{border-top:1px solid #252a33;display:flex;align-items:center;gap:8px;padding:0 14px}.controls button,.addline button{padding:7px 9px;font-size:10px;background:#171b23}.controls span{font:10px 'DM Mono';color:#9099a7}.addline b{font-size:9px;color:#8d96a4;margin-right:4px}.timeline{border-top:1px solid #252a33;display:grid;grid-template-columns:124px minmax(0,1fr);overflow:auto}.tracks{background:#0c1017;border-right:1px solid #252a33;font-size:10px}.tracks>b,.tracks>div{height:43px;display:flex;align-items:center;padding:0 12px;border-bottom:1px solid #242a32}.trackarea{min-width:650px}.ruler{height:43px;display:flex;justify-content:space-between;align-items:center;padding:0 12px;border-bottom:1px solid #242a32;font:9px 'DM Mono';color:#7f8998}.speaker-track{height:43px;border-bottom:1px solid #242a32;position:relative}.clip{position:absolute;top:7px;height:28px;min-width:35px;border-radius:6px;padding:7px;color:#101216;font-size:9px;font-weight:800;overflow:hidden;white-space:nowrap}.tabs{display:flex;border-bottom:1px solid #29303a;margin:-14px -14px 16px}.tab{font-size:10px;padding:12px!important}.tab.active{background:#20252e}.properties section{padding:12px 0;border-bottom:1px solid #252a33}.speaker{padding:9px;margin:8px 0;border:1px solid #303744;border-radius:9px;font-size:11px;display:flex;align-items:center;gap:8px}.dot{width:9px;height:9px;border-radius:50%}.speaker .delete{margin-left:auto;color:#ff7c77;font-size:13px}.properties .primary{width:100%;margin-top:8px}.properties p{font-size:11px;color:#98a1ad;line-height:1.6}@media(max-width:850px){header{padding:0 15px}nav{display:none}.workspace{grid-template-columns:1fr}.media,.properties{display:none}.editor{padding:0}.center{min-height:calc(100vh - 128px)}.page{padding:60px 20px}}