500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#e9e9ed;background:#101115;font-size:13px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,label.upload{cursor:pointer}button{color:inherit;border:0;background:none}header{height:76px;border-bottom:1px solid #292a30;display:flex;align-items:center;padding:0 30px;gap:66px}.brand{text-decoration:none;color:white;font:800 23px Manrope,sans-serif}.brand b{display:inline-grid;place-items:center;background:#b7f66b;color:#182014;width:34px;height:34px;border-radius:10px;font-size:28px;margin-right:8px}.brand em{font-style:normal;color:#b7f66b}.project{flex:1}.project small{color:#777983}.primary{background:#b7f66b;color:#1b2513;font-weight:700;border-radius:8px;padding:13px 20px}.primary:disabled{opacity:.5;cursor:wait}main{display:grid;grid-template-columns:248px minmax(360px,1fr) 292px;min-height:calc(100vh - 76px)}aside{padding:28px 20px;background:#15161b;border-right:1px solid #292a30}.overline{font-size:10px;letter-spacing:1.5px;color:#878993;font-weight:700}.nav{margin:20px 0 24px;width:100%;text-align:left;padding:13px;background:#b7f66b12;color:#b7f66b;border-radius:7px}.step{display:flex;align-items:center;gap:11px;margin:18px 0}.step i{font-style:normal;border:1px solid #3d4240;color:#b7f66b;border-radius:50%;width:25px;height:25px;display:grid;place-items:center}.step p{font-size:10px;color:#81838e;margin:5px 0}.upload{display:flex;align-items:center;flex-direction:column;gap:9px;background:#1d2023;border:1px dashed #56614b;border-radius:10px;padding:23px;color:#b7f66b;font-size:24px}.upload strong{font-size:13px;color:#eee}.upload span{font-size:10px;color:#777}.upload input,input[type=file]{display:none}label{display:block;color:#9698a4;font-size:11px}input,select,textarea{background:#202127;color:#e9e9ed;border:1px solid #34363e;border-radius:7px;padding:10px;width:100%;margin-top:7px;outline:none}input:focus,textarea:focus{border-color:#b7f66b}input[type=color]{height:35px;padding:4px}.times{display:flex;gap:8px;margin:12px 0}.times label{width:50%;font-size:10px}.secondary{padding:12px 6px;border:1px solid #3b3e43;border-radius:6px;width:100%;font-size:11px}.tip{margin-top:35px;background:#20231d;border:1px solid #343c2b;border-radius:10px;padding:17px;line-height:1.8;color:#bed39e}.tip span{font-size:11px;color:#8b9580}.workspace{padding:32px 30px;overflow:hidden}.heading{display:flex;align-items:flex-start;gap:15px;justify-content:space-between;margin-bottom:30px}h1{font:700 26px Manrope,sans-serif;letter-spacing:-1px;margin:9px 0}h1 span,.right h2 span{color:#b7f66b}.heading p,.right>p{color:#838590;font-size:11px}.badge{font-size:9px;color:#a9c78c;padding:7px;background:#20271b;border:1px solid #323e28;border-radius:20px;white-space:nowrap}.previewbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.previewbar select{width:147px;margin:0;font-size:10px;padding:7px}.stage{position:relative;background:#08090b;border:1px solid #2d2f35;border-radius:12px;overflow:hidden;aspect-ratio:16/9;display:grid;place-items:center;max-height:470px}canvas{width:100%;height:100%;object-fit:contain}#empty{position:absolute;text-align:center;color:#717680;padding:15px}#empty h2{font-size:15px;color:#c9cbd3;font-weight:500}.film{display:grid;place-items:center;width:62px;height:62px;background:#22271e;border:1px solid #455038;border-radius:18px;margin:auto;color:#b7f66b;font-size:34px}.controls{display:flex;gap:15px;align-items:center;padding:14px 4px;font-size:11px;color:#8e919b}.controls button{font-size:18px}.spacer{flex:1}.timelinehead{border-top:1px solid #303139;padding:21px 0 15px;display:flex;justify-content:space-between}.timelinehead span{color:#7b7e89;font-size:10px;font-weight:400;margin-left:10px}.timelinehead button{color:#858891;font-size:10px}.ruler{display:flex;justify-content:space-between;color:#666975;font-size:9px;padding:0 0 10px 65px;border-bottom:1px solid #292b33}.track{display:flex;gap:12px;align-items:center;min-height:73px;border-bottom:1px solid #24262d}.track>span{font-size:9px;color:#797c89;min-width:50px}#clips{display:flex;gap:6px;overflow:auto;flex:1;padding:9px 0}.placeholder{border:1px dashed #35373f;padding:18px;width:100%;font-size:10px;color:#737682;text-align:center}.clip{position:relative;min-width:130px;background:linear-gradient(120deg,#34422b,#4b5d3b);border:1px solid #8aaf60;border-radius:6px;padding:12px 25px 10px 10px;color:#d5eac1;font-size:10px}.clip button{position:absolute;right:3px;top:3px}.clip small{display:block;margin-top:7px;color:#a9bc99}.audio{min-height:50px}.audio label{border:1px dashed #37313f;border-radius:6px;padding:10px 20px;width:100%;color:#8d7e9d;font-size:10px;cursor:pointer}.bottomnote{color:#656875;font-size:10px;margin-top:20px}.right{border-left:1px solid #292a30;border-right:0;padding:29px 21px}.right h2{font:600 20px Manrope,sans-serif;line-height:1.5}.examples{display:grid;gap:8px;margin:22px 0 15px}.examples button{text-align:left;background:#202127;border:1px solid #30323b;border-radius:7px;padding:10px;font-size:11px}.right textarea{resize:vertical;min-height:115px;line-height:1.7}.right>.primary{width:100%;margin-top:12px}#status{font-size:11px;line-height:1.7;color:#afc894;margin:15px 0;min-height:35px}.settings{border-top:1px solid #303139}.settings h3{font-size:12px;margin-top:22px}.settings label{margin:12px 0}.aiinfo{padding:14px;border:1px solid #33353f;border-radius:8px;margin-top:24px;font-size:11px}.aiinfo p{color:#7e818e;font-size:10px;line-height:1.8}#assets{font-size:10px;color:#969c90;line-height:1.8;padding-top:10px}button:hover{filter:brightness(1.15)}@media(min-width:1500px){.workspace{padding:40px 55px}}@media(max-width:1100px){main{grid-template-columns:210px minmax(320px,1fr)}.right{grid-column:1/-1;display:block}.settings{display:flex;flex-wrap:wrap;gap:15px}.settings h3{width:100%}.settings label{flex:1;min-width:140px}}@media(max-width:650px){header{padding:15px;gap:15px}.project{display:none}header .primary{margin-left:auto;font-size:10px;padding:10px}main{display:flex;flex-direction:column}.workspace{padding:22px 15px;order:0}aside{order:1}.right{order:2}.heading{display:block}h1{font-size:23px}.badge{display:inline-block;margin-top:10px}.upload{padding:12px}.tip{display:none}}