.uploadArea{border:2px dashed var(--color-border);border-radius:var(--primary-border-radious);text-align:center;background:var(--color-bg-tertiary);cursor:pointer;width:100%;margin-bottom:2rem;padding:3rem 2rem;transition:all .3s}.uploadArea:hover{border-color:var(--color-primary);background:var(--color-card)}.uploadContent{flex-direction:column;align-items:center;gap:1rem;display:flex}.uploadIcon{opacity:.7;font-size:3rem}.uploadText{color:var(--color-text);flex-direction:column;gap:.5rem;display:flex}.uploadText strong{color:var(--color-primary);font-size:1.1rem}.uploadText span{opacity:.7;font-size:.9rem}.browseButton{background:var(--color-primary);color:var(--color-btn-text);border-radius:var(--primary-border-radious);cursor:pointer;border:none;padding:.75rem 2rem;font-size:1rem;font-weight:600;transition:all .2s}.browseButton:hover{background:var(--color-accent);transform:translateY(-2px)}.browseButton:active{transform:translateY(0)}.videoSection{width:100%;margin-bottom:2rem}.videoCard{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--primary-border-radious);transition:border-color .2s;overflow:hidden}.videoCard:hover{border-color:var(--color-primary)}.videoHeader{border-bottom:1px solid var(--color-border);color:var(--color-primary);background:var(--color-bg-secondary);padding:1rem 1.5rem;font-size:1rem;font-weight:600}.videoContent{padding:1.5rem}.videoPlayer{background:var(--color-bg-secondary);border-radius:.4rem;width:100%;max-width:800px;max-height:450px;margin-bottom:1rem;margin-left:auto;margin-right:auto;display:block}.videoInfo{flex-wrap:wrap;gap:2rem;display:flex}.infoItem{align-items:center;gap:.5rem;display:flex}.infoLabel{color:var(--color-text);opacity:.7;font-size:.9rem;font-weight:600}.infoValue{color:var(--color-text);font-family:monospace;font-size:.9rem}.controlsSection{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--primary-border-radious);width:100%;margin-bottom:2rem;padding:1.5rem}.controlGroup{margin-bottom:1.5rem}.controlGroup label{color:var(--color-text);margin-bottom:.5rem;font-size:.95rem;font-weight:600;display:block}.controlInput,.controlSelect{background:var(--color-bg-secondary);color:var(--color-text);border:1px solid var(--color-border);box-sizing:border-box;width:100%;max-width:300px;font-size:1rem;font-family:var(--font-main);border-radius:.4rem;outline:none;padding:.6rem .9rem;transition:border-color .18s}.controlInput:focus,.controlSelect:focus{border-color:var(--color-primary)}.controlSlider{background:var(--color-bg-secondary);appearance:none;border-radius:4px;outline:none;width:100%;max-width:600px;height:8px}.controlSlider::-webkit-slider-thumb{appearance:none;background:var(--color-primary);cursor:pointer;border-radius:50%;width:20px;height:20px;transition:all .2s}.controlSlider::-webkit-slider-thumb:hover{background:var(--color-accent);transform:scale(1.1)}.controlSlider::-moz-range-thumb{background:var(--color-primary);cursor:pointer;border:none;border-radius:50%;width:20px;height:20px;transition:all .2s}.controlSlider::-moz-range-thumb:hover{background:var(--color-accent);transform:scale(1.1)}.sliderLabels{width:100%;max-width:600px;color:var(--color-text);opacity:.7;justify-content:space-between;margin-top:.25rem;font-size:.85rem;display:flex}.sizeControls{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1rem;display:grid}.buttonRow{flex-wrap:wrap;gap:1rem;margin-top:1rem;display:flex}.actionButton{background:var(--color-primary);color:var(--color-btn-text);border-radius:var(--primary-border-radious);cursor:pointer;font-size:1rem;font-weight:600;font-family:var(--font-main);border:none;padding:.75rem 2rem;transition:all .2s}.actionButton:hover:not(:disabled){background:var(--color-accent);transform:translateY(-2px)}.actionButton:active:not(:disabled){transform:translateY(0)}.actionButton:disabled{opacity:.5;cursor:not-allowed}.actionButton.secondary{background:var(--color-bg-tertiary);color:var(--color-text);border:1px solid var(--color-border)}.actionButton.secondary:hover:not(:disabled){background:var(--color-card);border-color:var(--color-primary)}.progressSection{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--primary-border-radious);width:100%;margin-bottom:2rem;padding:1.5rem}.progressBar{background:var(--color-bg-secondary);border-radius:12px;width:100%;height:24px;margin-bottom:.75rem;overflow:hidden}.progressFill{background:linear-gradient(90deg,var(--color-primary),var(--color-accent));border-radius:12px;height:100%;transition:width .3s}.progressFill.indeterminate{background:linear-gradient(90deg,var(--color-primary)0%,var(--color-accent)50%,var(--color-primary)100%);background-size:200% 100%;width:100%;animation:1.5s ease-in-out infinite progressIndeterminate}@keyframes progressIndeterminate{0%{background-position:200% 0}to{background-position:-200% 0}}.progressText{text-align:center;color:var(--color-text);font-size:1rem;font-weight:600}.resultSection{width:100%;margin-top:2rem}.resultHeader{background:var(--color-bg-tertiary);border:1px solid var(--color-success);border-radius:var(--primary-border-radious);justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:1rem 1.5rem;display:flex}.resultHeader h3{color:var(--color-success);margin:0;font-size:1.2rem}.thumbnailsGrid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;display:grid}.thumbnailCard{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--primary-border-radious);transition:all .2s;overflow:hidden}.thumbnailCard:hover{border-color:var(--color-primary);box-shadow:0 4px 12px #ff99001a}.thumbnailImage{aspect-ratio:16/9;background:var(--color-bg-secondary);justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}.thumbnailImage img{object-fit:contain;width:100%;height:100%}.thumbnailInfo{flex-direction:column;gap:.75rem;padding:1rem;display:flex}.thumbnailMeta{justify-content:space-between;align-items:center;font-size:.9rem;display:flex}.metaLabel{color:var(--color-text);opacity:.7;font-weight:600}.metaValue{color:var(--color-text);font-family:monospace}.downloadButton{background:var(--color-success);color:var(--color-text);border-radius:var(--primary-border-radious);cursor:pointer;font-size:.95rem;font-weight:600;font-family:var(--font-main);border:none;width:100%;padding:.6rem 1.5rem;transition:all .2s}.downloadButton:hover{background:#2db85a;transform:translateY(-1px)}.downloadButton:active{transform:translateY(0)}@media (min-width:768px){.videoInfo{justify-content:flex-start}.sizeControls{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.thumbnailsGrid{grid-template-columns:1fr}.resultHeader{flex-direction:column;align-items:flex-start;gap:1rem}}