*{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:#0f1117;color:#e6e8ee;min-height:100vh}.container{max-width:720px;margin:0 auto;padding:48px 24px}h1{font-size:28px;margin-bottom:8px}.subtitle{color:#8b90a0;margin-bottom:32px}.card{background:#171a23;border:1px solid #242838;border-radius:12px;padding:24px;margin-bottom:20px}label{display:block;font-size:14px;color:#aab0c0;margin-bottom:8px}input[type=number],input[type=text],select{width:100%;background:#0f1117;border:1px solid #2a2f42;color:#e6e8ee;border-radius:8px;padding:10px 12px;font-size:14px}.row{display:flex;gap:16px;margin-bottom:16px}.row>div{flex:1 1}button{background:#4f6bed;color:white;border:none;border-radius:8px;padding:12px 20px;font-size:15px;cursor:pointer;transition:background .15s}button:hover:not(:disabled){background:#3d57d6}button:disabled{background:#2a2f42;color:#6b7180;cursor:not-allowed}.dropzone{border:2px dashed #2a2f42;border-radius:10px;padding:32px;text-align:center;cursor:pointer;transition:border-color .15s}.dropzone:hover{border-color:#4f6bed}.progress-bar{height:10px;background:#0f1117;border-radius:6px;overflow:hidden;margin:12px 0}.progress-fill{height:100%;background:linear-gradient(90deg,#4f6bed,#6b8cff);transition:width .3s ease}.status{font-size:14px;color:#aab0c0}.error{color:#ff6b6b}.success{color:#4ade80}audio{width:100%;margin-top:16px}