:root{--primary-brown:#7f5b3b;--primary-blue:#5d7fa6;--bg-cream:#f7f2e8;--bg-card:#e8ddcf;--text-dark:#020f1e;--text-muted:#34394b;--white:#fff;--error:#dc3545;--success:#28a745}*{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}body{color:var(--text-dark)}.upload-container{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}.upload-card{background:var(--white);border-radius:16px;width:100%;max-width:480px;padding:48px 40px}.upload-title{color:var(--text-dark);text-align:center;margin-bottom:12px;font-size:32px;font-weight:700;line-height:1.2}.upload-subtitle{color:var(--text-muted);text-align:center;margin-bottom:32px;font-size:16px;line-height:1.6}.form-group{margin-bottom:24px}.form-label{color:var(--text-dark);margin-bottom:8px;font-size:14px;font-weight:600;display:block}.form-input{background:var(--white);width:100%;color:var(--text-dark);border:1px solid #dbe2ed;border-radius:8px;padding:14px 16px;font-size:16px;transition:border-color .2s,box-shadow .2s}.form-input:focus{border-color:var(--primary-blue);outline:none;box-shadow:0 0 0 3px #5d7fa626}.form-input::placeholder{color:#9ca3af}.drop-zone{border:2px dashed var(--bg-card);text-align:center;cursor:pointer;background:var(--bg-cream);border-radius:12px;padding:40px 24px;transition:all .2s}.drop-zone:hover{border-color:var(--primary-brown);background:#7f5b3b0d}.drop-zone.dragging{border-color:var(--primary-brown);background:#7f5b3b14}.drop-zone-icon{margin-bottom:16px;font-size:48px}.drop-zone-text{color:var(--text-muted);margin-bottom:8px;font-size:16px}.drop-zone-hint{color:#9ca3af;font-size:13px}.video-preview{background:var(--text-dark);border-radius:12px;margin-top:20px;overflow:hidden}.video-preview video{width:100%;max-height:240px;display:block}.video-info{background:var(--bg-card);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.video-name{color:var(--text-dark);text-overflow:ellipsis;white-space:nowrap;max-width:70%;font-size:14px;font-weight:500;overflow:hidden}.video-remove{color:var(--error);cursor:pointer;background:0 0;border:none;font-size:14px;font-weight:500}.video-remove:hover{text-decoration:underline}.btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:16px 24px;font-size:16px;font-weight:600;transition:all .2s;display:flex}.btn-primary{background:var(--primary-brown);color:var(--white)}.btn-primary:hover:not(:disabled){background:#6a4c32}.btn-primary:disabled{cursor:not-allowed;background:#c4b5a5}.btn-secondary{background:var(--primary-blue);color:var(--white)}.btn-secondary:hover{background:#4d6a8a}.progress-container{margin-top:20px}.progress-bar{background:var(--bg-card);border-radius:4px;height:8px;overflow:hidden}.progress-fill{background:var(--primary-brown);border-radius:4px;height:100%;transition:width .3s}.progress-text{color:var(--text-muted);text-align:center;margin-top:8px;font-size:14px}.message{text-align:center;border-radius:8px;margin-top:20px;padding:14px 16px;font-size:14px}.message.success{color:var(--success);background:#28a7451a;border:1px solid #28a74533}.message.error{color:var(--error);background:#dc35451a;border:1px solid #dc354533}.footer-note{text-align:center;color:#9ca3af;margin-top:24px;font-size:12px;line-height:1.5}@media (max-width:520px){.upload-card{padding:32px 24px}.upload-title{font-size:26px}.drop-zone{padding:32px 16px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.upload-card{animation:.4s ease-out fadeIn}