*{margin:0;padding:0;box-sizing:border-box}.upload-page-container{min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a1a);color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.upload-header{background:hsla(0,0%,8%,.95);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid hsla(0,0%,100%,.1);position:-webkit-sticky;position:sticky;top:0;z-index:100;padding:.8rem 0}.header-container{max-width:1200px;margin:0 auto;padding:0 1.5rem;display:flex;justify-content:space-between;align-items:center;gap:1rem}.header-logo{font-size:1.5rem;font-weight:700;color:#fff;text-decoration:none;letter-spacing:1px;white-space:nowrap;transition:color .3s ease}.header-logo:hover{color:#e50914}.header-actions{gap:.8rem}.header-actions,.header-link{display:flex;align-items:center}.header-link{gap:.5rem;padding:.6rem 1.2rem;background:hsla(0,0%,100%,.1);border-radius:8px;color:#fff;text-decoration:none;font-size:.95rem;transition:all .3s ease}.header-link:hover{background:rgba(229,9,20,.2);transform:translateY(-2px)}.header-link i{font-size:1rem}.home-btn{width:40px;height:40px;border:none;background:hsla(0,0%,100%,.1);color:#fff;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.home-btn:hover{background:#e50914;transform:translateY(-2px)}.upload-main{max-width:800px;margin:2rem auto;padding:0 1.5rem}.upload-card{background:rgba(26,26,26,.7);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:24px;border:1px solid hsla(0,0%,100%,.1);overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.5)}.upload-header-section{padding:2.5rem 2.5rem 1rem;text-align:center}.upload-title{font-size:2.2rem;margin-bottom:.5rem;display:flex;align-items:center;justify-content:center;gap:.8rem;font-weight:700}.upload-title i{color:#e50914;font-size:2rem}.upload-subtitle{color:hsla(0,0%,100%,.6);font-size:1rem;line-height:1.5}.upload-form{padding:0 2.5rem 2.5rem}.form-section{margin-bottom:2rem}.form-label{display:block;margin-bottom:.8rem;font-weight:600;color:#fff;font-size:1rem;text-transform:uppercase;letter-spacing:.5px}.form-label i{margin-right:.5rem;color:#e50914}.file-input-wrapper{position:relative;cursor:pointer}.file-input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:2}.file-input-placeholder{display:flex;align-items:center;gap:1rem;padding:1.2rem 1.5rem;background:hsla(0,0%,100%,.05);border:2px dashed hsla(0,0%,100%,.2);border-radius:16px;color:hsla(0,0%,100%,.7);transition:all .3s ease}.file-input-wrapper:hover .file-input-placeholder{border-color:#e50914;background:rgba(229,9,20,.05);transform:scale(1.02)}.file-input-placeholder i{font-size:1.8rem;color:#e50914}.file-input-placeholder span{flex:1 1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:1rem}.builder-section{background:hsla(0,0%,100%,.03);border-radius:20px;padding:1.8rem;border:1px solid hsla(0,0%,100%,.05)}.builder-title{font-size:1.3rem;margin-bottom:1.8rem;display:flex;align-items:center;gap:.8rem;color:#fff;font-weight:600}.builder-title i{color:#e50914;font-size:1.2rem}.builder-step{margin-bottom:2rem}.step-header{gap:1rem;margin-bottom:1rem}.step-header,.step-number{display:flex;align-items:center}.step-number{width:32px;height:32px;background:#e50914;border-radius:50%;justify-content:center;font-size:1rem;font-weight:700;box-shadow:0 4px 10px rgba(229,9,20,.3)}.step-label{font-weight:600;color:hsla(0,0%,100%,.9);font-size:1rem}.search-input-wrapper,.searchable-select{position:relative}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:hsla(0,0%,100%,.4);z-index:1;font-size:.9rem}.search-input{width:100%;padding:1rem 1rem 1rem 2.8rem;background:hsla(0,0%,100%,.05);border:2px solid hsla(0,0%,100%,.1);border-radius:14px;color:#fff;font-size:1rem;transition:all .3s ease}.search-input:focus{outline:none;border-color:#e50914;background:hsla(0,0%,100%,.08);box-shadow:0 0 0 3px rgba(229,9,20,.2)}.search-input::placeholder{color:hsla(0,0%,100%,.4)}.options-dropdown{position:absolute;top:calc(100% + 8px);left:0;right:0;max-height:300px;overflow-y:auto;background:#1a1a1a;border:1px solid hsla(0,0%,100%,.1);border-radius:16px;box-shadow:0 15px 30px rgba(0,0,0,.5);z-index:10}.options-dropdown::-webkit-scrollbar{width:6px}.options-dropdown::-webkit-scrollbar-track{background:hsla(0,0%,100%,.05);border-radius:3px}.options-dropdown::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.2);border-radius:3px}.options-dropdown::-webkit-scrollbar-thumb:hover{background:#e50914}.option-item{display:flex;align-items:center;gap:1rem;padding:.8rem 1.2rem;cursor:pointer;transition:all .2s ease;border-bottom:1px solid hsla(0,0%,100%,.05)}.option-item:last-child{border-bottom:none}.option-item:hover{background:rgba(229,9,20,.15)}.option-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:rgba(229,9,20,.2);border-radius:8px;color:#e50914;font-size:1rem}.option-details{flex:1 1;min-width:0}.option-id{font-weight:500;font-size:.95rem;color:#fff;word-break:break-word}.type-options-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:.8rem;gap:.8rem}.type-option{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.2rem .5rem;background:hsla(0,0%,100%,.05);border:2px solid transparent;border-radius:16px;color:hsla(0,0%,100%,.7);cursor:pointer;transition:all .3s ease}.type-option i{font-size:1.5rem;transition:transform .3s ease}.type-option span{font-size:.85rem;font-weight:500;text-transform:capitalize}.type-option:hover{background:hsla(0,0%,100%,.1);color:#fff;transform:translateY(-2px)}.type-option:hover i{transform:scale(1.1)}.type-option.selected{border-color:#e50914;background:rgba(229,9,20,.15);color:#fff;box-shadow:0 5px 15px rgba(229,9,20,.2)}.custom-text-input{width:100%;padding:1rem 1.2rem;background:hsla(0,0%,100%,.05);border:2px solid hsla(0,0%,100%,.1);border-radius:14px;color:#fff;font-size:1rem;transition:all .3s ease}.custom-text-input:focus{outline:none;border-color:#e50914;background:hsla(0,0%,100%,.08);box-shadow:0 0 0 3px rgba(229,9,20,.2)}.custom-text-input::placeholder{color:hsla(0,0%,100%,.4)}.filename-preview{margin-top:1.5rem;padding:1.2rem;background:rgba(0,0,0,.3);border-radius:14px;border:1px solid hsla(0,0%,100%,.1)}.preview-label{font-size:.85rem;color:hsla(0,0%,100%,.5);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.preview-filename{font-family:Courier New,monospace;font-size:1rem;color:#e50914;word-break:break-all;background:rgba(229,9,20,.1);padding:.8rem;border-radius:8px;border:1px solid rgba(229,9,20,.3)}.file-preview-section{margin-bottom:2rem;padding:1.5rem;background:hsla(0,0%,100%,.03);border-radius:16px;border:1px solid hsla(0,0%,100%,.05)}.preview-title{font-size:1rem;margin-bottom:1.2rem;display:flex;align-items:center;gap:.5rem;color:hsla(0,0%,100%,.9)}.preview-title i{color:#e50914}.preview-content{display:flex;justify-content:center}.image-preview{max-width:100%;max-height:300px;border-radius:12px;object-fit:contain;box-shadow:0 5px 15px rgba(0,0,0,.3)}.file-info-preview{display:flex;align-items:center;gap:2rem;padding:2rem;background:rgba(0,0,0,.3);border-radius:12px;width:100%;border:1px solid hsla(0,0%,100%,.05)}.file-icon-large{font-size:4rem;color:#e50914;filter:drop-shadow(0 5px 10px rgba(229,9,20,.3))}.file-details{flex:1 1}.file-details p{margin:.5rem 0;font-size:1rem;color:hsla(0,0%,100%,.9)}.file-details strong{color:#e50914;margin-right:.5rem}.progress-container{margin:1.5rem 0}.progress-bar{height:8px;background:hsla(0,0%,100%,.1);border-radius:4px;overflow:hidden;margin-bottom:.5rem}.progress-fill{height:100%;background:linear-gradient(90deg,#e50914,#ff4d4d);transition:width .3s ease;border-radius:4px;box-shadow:0 0 10px rgba(229,9,20,.5)}.progress-text{text-align:center;font-size:.9rem;color:hsla(0,0%,100%,.7)}.status-message{display:flex;align-items:center;gap:.8rem;padding:1.2rem;border-radius:12px;margin:1.5rem 0;font-weight:500}.status-success{background:rgba(76,175,80,.15);border:1px solid #4caf50;color:#4caf50}.status-error{background:rgba(244,67,54,.15);border:1px solid #f44336;color:#f44336}.status-info{background:rgba(33,150,243,.15);border:1px solid #2196f3;color:#2196f3}.status-message i{font-size:1.2rem}.submit-btn{width:100%;padding:1.2rem;background:#e50914;border:none;border-radius:14px;color:#fff;font-size:1.1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.8rem;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.submit-btn:hover:not(:disabled){background:#c40811;transform:translateY(-3px);box-shadow:0 8px 20px rgba(229,9,20,.4)}.submit-btn:disabled{background:#666;cursor:not-allowed;opacity:.7}.submit-btn i{font-size:1.2rem}@media (max-width:1024px){.upload-main{max-width:700px}.upload-title{font-size:2rem}}@media (max-width:768px){.header-container{padding:0 1rem}.header-logo{font-size:1.3rem}.header-link span{display:none}.header-link{padding:.6rem}.upload-main{margin:1rem auto;padding:0 1rem}.upload-header-section{padding:2rem 1.5rem .5rem}.upload-title{font-size:1.8rem}.upload-form{padding:0 1.5rem 1.5rem}.type-options-grid{grid-template-columns:repeat(2,1fr);gap:.6rem}.type-option{padding:1rem .3rem}.builder-section{padding:1.2rem}.file-info-preview{flex-direction:column;text-align:center;gap:1rem;padding:1.5rem}.file-icon-large{font-size:3rem}}@media (max-width:480px){.upload-header-section{padding:1.5rem 1rem .5rem}.upload-title{flex-wrap:wrap}.upload-title,.upload-title i{font-size:1.5rem}.upload-subtitle{font-size:.9rem}.upload-form{padding:0 1rem 1.5rem}.form-label{font-size:.9rem}.file-input-placeholder{padding:1rem}.file-input-placeholder i{font-size:1.5rem}.file-input-placeholder span{font-size:.9rem}.builder-title{font-size:1.1rem}.step-number{width:28px;height:28px}.step-label,.step-number{font-size:.9rem}.type-options-grid{gap:.4rem}.type-option{padding:.8rem .2rem}.type-option i{font-size:1.2rem}.type-option span{font-size:.75rem}.custom-text-input{padding:.8rem 1rem;font-size:.9rem}.search-input{padding:.8rem 1rem .8rem 2.5rem;font-size:.9rem}.option-item{padding:.6rem 1rem}.option-icon{width:28px;height:28px;font-size:.9rem}.option-id{font-size:.85rem}.filename-preview{padding:1rem}.preview-filename{font-size:.85rem;padding:.6rem}.file-preview-section{padding:1rem}.file-details p{font-size:.9rem}.submit-btn{padding:1rem;font-size:1rem}}@media (max-width:360px){.upload-title{font-size:1.3rem}.type-options-grid{grid-template-columns:1fr}.type-option{flex-direction:row;justify-content:center}.builder-step{margin-bottom:1.5rem}}@media (hover:none) and (pointer:coarse){.header-link:hover,.home-btn:hover,.option-item:hover,.submit-btn:hover,.type-option:hover{transform:none}.file-input-wrapper:hover .file-input-placeholder{border-color:hsla(0,0%,100%,.2);transform:none}}@media (prefers-color-scheme:dark){.upload-page-container{background:linear-gradient(135deg,#0a0a0a,#1a1a1a)}}@media (min-width:1600px){.upload-main{max-width:900px}.upload-title{font-size:2.5rem}.upload-subtitle{font-size:1.1rem}}@media print{.upload-header,.upload-main{display:none}}