*{margin:0;padding:0}body{min-width:320px;min-height:100vh}*{box-sizing:border-box}.page{background:linear-gradient(#0f1115 0%,#1a1d24 100%);justify-content:center;align-items:flex-start;min-height:100vh;padding:40px 16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex}.card{color:#f2f3f5;background:#1e222b;border:1px solid #2c313c;border-radius:16px;width:100%;max-width:480px;padding:28px 24px;box-shadow:0 20px 50px #00000059}h1{margin:0 0 6px;font-size:24px;font-weight:700}.subtitle{color:#9aa1ad;margin:0 0 24px;font-size:14px;line-height:1.5}.field{margin-bottom:20px}.field label{color:#c7cbd3;text-transform:uppercase;letter-spacing:.03em;margin-bottom:8px;font-size:13px;font-weight:600;display:block}.field input[type=file]{color:#c7cbd3;width:100%;font-size:13px}.field input[type=text]{color:#f2f3f5;background:#14161c;border:1px solid #363b47;border-radius:8px;width:100%;padding:10px 12px;font-size:14px}.field input[type=text]::placeholder{color:#6b7280}.filename{color:#7fd1a3;word-break:break-all;margin-top:6px;font-size:12px;display:block}.mode-toggle{gap:8px;margin-bottom:10px;display:flex}.mode-toggle button{color:#9aa1ad;cursor:pointer;background:#14161c;border:1px solid #363b47;border-radius:8px;flex:1;padding:8px 10px;font-size:13px}.mode-toggle button.active{color:#fff;background:#3d5afe;border-color:#3d5afe}.generate-btn{color:#fff;cursor:pointer;background:#3d5afe;border:none;border-radius:10px;width:100%;margin-top:4px;padding:13px;font-size:15px;font-weight:700}.generate-btn:disabled{color:#6b7280;cursor:not-allowed;background:#363b47}.progress-wrap{margin-top:16px}.progress-bar{background:#14161c;border-radius:4px;width:100%;height:8px;overflow:hidden}.progress-fill{background:#3d5afe;height:100%;transition:width .2s}.status-text{color:#9aa1ad;text-align:center;margin-top:8px;font-size:12px;display:block}.error{color:#ff8a8a;background:#ff52521f;border-radius:8px;margin-top:14px;padding:10px 12px;font-size:13px}.result{margin-top:22px}.result video{background:#000;border-radius:10px;width:100%}.download-btn{text-align:center;color:#08130b;background:#22c55e;border-radius:10px;margin-top:12px;padding:12px;font-size:14px;font-weight:700;text-decoration:none;display:block}