:root{--primary-color: #2563eb;--primary-hover: #1d4ed8;--background-color: #f8fafc;--text-color: #1e293b;--border-color: #e2e8f0}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:var(--background-color);color:var(--text-color);line-height:1.6}.container{max-width:1200px;margin:2rem auto;padding:0 1rem}h1{text-align:center;margin-bottom:2rem;color:var(--text-color)}.upload-section{text-align:center;margin-bottom:2rem}.file-input{display:none}.file-label{display:inline-block;padding:1rem 2rem;background-color:var(--primary-color);color:#fff;border-radius:.5rem;cursor:pointer;transition:background-color .3s ease}.file-label:hover{background-color:var(--primary-hover)}.controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem;padding:1rem;background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a}.control-group{display:flex;flex-direction:column;gap:.5rem}.control-group label{font-weight:500}.control-group input{padding:.5rem;border:1px solid var(--border-color);border-radius:.25rem}.video-preview{margin-bottom:2rem}#videoPreview{width:100%;max-width:800px;margin:0 auto;display:block;border-radius:.5rem;box-shadow:0 1px 3px #0000001a}.actions{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem}.primary-button,.secondary-button{padding:.75rem 1.5rem;border:none;border-radius:.5rem;cursor:pointer;font-weight:500;transition:all .3s ease}.primary-button{background-color:var(--primary-color);color:#fff}.primary-button:hover{background-color:var(--primary-hover)}.secondary-button{background-color:#fff;color:var(--primary-color);border:1px solid var(--primary-color)}.secondary-button:hover{background-color:var(--background-color)}.primary-button:disabled,.secondary-button:disabled{opacity:.5;cursor:not-allowed}.preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-top:2rem}.preview-grid img{width:100%;height:auto;border-radius:.25rem;box-shadow:0 1px 3px #0000001a}.progress-bar{width:100%;height:.5rem;background-color:var(--border-color);border-radius:.25rem;overflow:hidden;margin-top:2rem}.progress-fill{width:0%;height:100%;background-color:var(--primary-color);transition:width .3s ease}