:root{--primary: #ffffff;--primary-hover: #e2e8f0;--bg-color: #000000;--card-bg: rgba(18, 18, 18, .8);--text-primary: #ffffff;--text-secondary: #9ca3af;--accent: #6b7280;--success: #10b981;--error: #ef4444;--border: rgba(255, 255, 255, .08)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background-color:var(--bg-color);color:var(--text-primary);min-height:100vh;display:flex;flex-direction:column;align-items:center;overflow-x:hidden;line-height:1.6}.video-background{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-10;overflow:hidden;background-color:#000}#bg-video{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;z-index:-10;transform:translate(-50%,-50%);object-fit:cover}.video-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0006;z-index:-5}.container{max-width:800px;width:90%;margin:0 auto;display:flex;flex-direction:column;justify-content:flex-start;padding-top:max(50px,env(safe-area-inset-top));padding-bottom:max(40px,env(safe-area-inset-bottom));min-height:100vh}header{text-align:center;margin-bottom:50px;display:flex;justify-content:center}.logo-container{display:inline-flex;flex-direction:column;align-items:center;position:relative}.logo-row{display:flex;align-items:baseline;justify-content:center;width:100%;position:relative}.logo-line{font-size:2.5rem;font-weight:800;letter-spacing:-1px;margin:0;text-transform:uppercase;color:#fff;line-height:.9;text-align:center}.version-tag{color:#fff;font-weight:400;font-size:1rem;opacity:.8;position:absolute;right:-40px;bottom:3px}.upload-card{background:#0009;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:32px;padding:24px;box-shadow:0 40px 100px -20px #000c;margin-bottom:40px}.drop-zone{border:1px solid rgba(255,255,255,.2);border-radius:24px;padding:80px 40px;text-align:center;cursor:pointer;transition:all .3s ease;margin-bottom:24px;flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center}.drop-zone:hover,.drop-zone.dragover{border-color:var(--primary);background:#ffffff0d}.upload-icon{width:48px;height:48px;color:var(--text-secondary);margin-bottom:16px}.drop-zone p{color:var(--text-secondary);font-size:1rem}.drop-zone span{color:var(--accent);font-weight:600;text-decoration:underline}.file-list-preview{margin-bottom:24px}.file-item{display:flex;align-items:center;justify-content:space-between;background:#ffffff0d;padding:12px 16px;border-radius:12px;margin-bottom:10px;animation:fadeIn .3s ease}.file-info{display:flex;flex-direction:column;flex:1;min-width:0;padding-right:12px}.file-name{font-weight:500;font-size:.95rem;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-size{font-size:.8rem;color:var(--text-secondary)}.remove-file{background:none;border:none;color:var(--error);cursor:pointer;padding:4px;border-radius:50%;transition:background .2s}.remove-file:hover{background:#ef44441a}.btn-primary{width:100%;padding:16px;border-radius:12px;border:1px solid var(--border);background:#1f2937;color:#fff;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary:hover:not(:disabled){background:#374151;transform:translateY(-2px);box-shadow:0 10px 15px -3px #0006}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.progress-container{margin-top:24px;display:flex;flex-direction:column;gap:8px}.progress-bar{width:100%;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.progress-fill{height:100%;width:0%;background:var(--accent);transition:width .3s ease}#progress-text{font-size:.85rem;color:var(--text-secondary);text-align:right}.files-history h2{font-size:1rem;margin-bottom:24px;font-weight:600}.files-grid{display:flex;flex-direction:column;gap:16px}.history-item{background:var(--card-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:16px;padding:16px;display:flex;align-items:center;justify-content:space-between;transition:transform .2s}.history-item:hover{transform:translateY(-2px);border-color:var(--primary);box-shadow:0 8px 16px #0006}.history-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.delete-file-btn{background:#ef44441a;color:var(--error);border:none;padding:8px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.delete-file-btn:hover{background:var(--error);color:#fff}.download-link{background:#0ea5e91a;color:var(--accent);text-decoration:none;padding:8px 16px;border-radius:8px;font-size:.9rem;font-weight:600;transition:all .2s}.download-link:hover{background:var(--accent);color:#fff}.empty-state{text-align:center;color:var(--text-secondary);padding:40px;border:1px dashed var(--border);border-radius:16px}.status-message{margin-top:16px;text-align:center;font-size:.9rem;padding:12px;border-radius:8px;display:none}.status-success{display:block;background:#10b9811a;color:var(--success)}.status-error{display:block;background:#ef44441a;color:var(--error)}footer{padding:40px;text-align:center;color:var(--text-secondary);font-size:.9rem;opacity:.7}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (min-width: 992px){body{height:100vh;overflow:hidden}footer{padding:20px}.container{max-width:1200px;justify-content:center;padding-top:6vh;padding-bottom:6vh;flex:1;min-height:0;display:flex;flex-direction:column}.columns-wrapper{display:flex;flex-direction:row;align-items:stretch;gap:60px;width:100%;min-height:0}.left-column{flex:1;max-width:550px;display:flex;flex-direction:column}.upload-card{margin-bottom:0;flex:1;display:flex;flex-direction:column}.right-column{flex:1;max-width:550px;display:flex;flex-direction:column;min-height:0}.files-history{display:flex;flex-direction:column;flex:1;min-height:0}.files-grid{overflow-y:auto;flex-grow:1;min-height:0;padding:4px 16px 16px 0;margin-top:0}.files-grid::-webkit-scrollbar{width:8px}.files-grid::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.files-grid::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.files-grid::-webkit-scrollbar-thumb:hover{background:#ffffff4d}}