*{box-sizing:border-box}body{margin:0;background:#080a0f;color:#eef2f7;font:14px system-ui,Arial}.app{display:flex;min-height:100vh}aside{width:245px;background:#0d1017;border-right:1px solid #222936;padding:22px 15px}.brand{font-size:17px;margin:5px 8px 38px}.brand span{display:block;font-size:9px;color:#7b8493;letter-spacing:2px;margin-top:3px}nav button{display:block;width:100%;padding:12px;border:0;border-radius:10px;background:none;color:#929baa;text-align:left;margin:3px 0}nav button.active,nav button:hover{background:#191e28;color:white}.tip{position:absolute;bottom:25px;width:205px;padding:14px;border:1px solid #242c38;border-radius:12px;background:#131821;color:#8893a2;font-size:11px}.tip small{color:#697484;letter-spacing:1px}main{flex:1}.topbar{height:86px;border-bottom:1px solid #222936;display:flex;justify-content:space-between;align-items:center;padding:18px 30px}.topbar h1{font-size:21px;margin:0}.topbar p{color:#778293;font-size:12px;margin:4px 0}.badge,.head button,#dl{border:1px solid #2a3340;background:#151a23;color:#cbd2dc;border-radius:9px;padding:8px 11px;font-size:11px}.page{display:none;padding:28px}.page.active{display:block}.grid{display:grid;grid-template-columns:440px 1fr;gap:20px;max-width:1450px;margin:auto}.panel{background:#10141d;border:1px solid #222a36;border-radius:16px;overflow:hidden}.controls{padding:20px}.controls h3{margin:0 -20px 20px;padding:0 20px 18px;border-bottom:1px solid #222a36;font-size:14px}label{display:block;color:#9ba5b4;font-size:11px;margin:16px 0 7px}input,textarea,select{width:100%;background:#090c12;border:1px solid #29313d;color:#eef2f7;border-radius:8px;padding:10px;outline:0}textarea{line-height:1.5;resize:vertical}.row{display:grid;grid-template-columns:1fr 1fr;gap:9px}.chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.chips button{border:1px solid #29313d;background:#151a23;color:#9ba5b4;border-radius:99px;padding:6px 9px;font-size:10px}.generate{width:100%;margin-top:20px;padding:13px;border:0;border-radius:10px;background:linear-gradient(100deg,#7656ef,#277cf4);color:#fff;font-weight:700}.note{font-size:10px;color:#697484;line-height:1.5}.preview{min-height:650px}.head{padding:18px 20px;border-bottom:1px solid #222a36;display:flex;justify-content:space-between}.head small{display:block;color:#758091;font-size:10px;margin-top:4px}.screen{min-height:540px;padding:20px;display:grid;place-items:center;background:radial-gradient(circle,#1b2030,#090c12 68%)}video{max-width:100%;max-height:520px;border-radius:8px}.empty{text-align:center;color:#6e7989}.empty strong{display:grid;place-items:center;margin:auto;width:60px;height:60px;border-radius:18px;background:#181e29;color:#826ef0;font-size:24px}.empty h2{font-size:14px;color:#aab2be}.empty p{font-size:11px}.download{padding:12px 15px;text-align:right}.download button:not(:disabled){background:#7c5cff;color:#fff}.download button:disabled{opacity:.45}.wide{max-width:1050px;margin:auto}.warning{margin:18px;padding:12px;border-radius:10px;background:#211c10;border:1px solid #4a3918;color:#d0bf92;font-size:11px}.key{display:grid;grid-template-columns:1fr 40px;gap:8px;padding:14px 18px;border-top:1px solid #222a36}.key button{background:#21151a;color:#fda4af;border:1px solid #43252d;border-radius:8px}.hist{padding:18px;display:grid;gap:12px}.hist video{width:300px}@media(max-width:900px){aside{width:65px}.brand,nav button{font-size:0}.tip{display:none}.grid{grid-template-columns:1fr}.page{padding:15px}}