.archive-container{max-width:1200px;margin:0 auto;padding:2rem;color:#f8fafc}.archive-workspace{background:rgba(15,23,42,.6);backdrop-filter:blur(10px);border-radius:1rem;border:1px solid rgba(124,58,237,.1);padding:2rem}.archive-header{text-align:center;margin-bottom:2rem}.archive-header h1{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#7c3aed,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.5rem}.archive-header p{color:#94a3b8;font-size:1.1rem}.archive-upload{background:rgba(30,41,59,.4);border-radius:1rem;padding:3rem;text-align:center;border:2px dashed rgba(124,58,237,.3);transition:all .3s ease}.archive-upload.drag-active{border-color:#7c3aed;background:rgba(124,58,237,.1)}.archive-upload-prompt{display:flex;flex-direction:column;align-items:center;gap:1rem}.archive-upload-icon{font-size:3rem}.archive-file-hint{color:#94a3b8;font-size:.9rem}.archive-convert-btn,.archive-select-btn{padding:.75rem 1.5rem;background:linear-gradient(135deg,#7c3aed,#6d28d9);border:none;border-radius:.5rem;color:white;font-weight:600;cursor:pointer;transition:all .2s ease}.archive-convert-btn:hover,.archive-select-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(124,58,237,.2)}.archive-convert-btn:disabled,.archive-select-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.archive-file-info{background:rgba(15,23,42,.4);padding:1.5rem;border-radius:.75rem}.archive-file-info h3{color:#f8fafc;margin-bottom:.5rem}.archive-file-info p{color:#94a3b8;margin:.25rem 0}.archive-controls{margin-top:2rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.archive-format-select{display:flex;align-items:center;gap:1rem;width:100%;max-width:400px}.archive-format-select label{color:#f8fafc;font-weight:500}.archive-format-select select{flex:1;padding:.75rem 1rem;background:rgba(30,41,59,.4);border:1px solid rgba(124,58,237,.2);border-radius:.5rem;color:#f8fafc;cursor:pointer}.archive-progress{width:100%;max-width:400px;margin-top:1rem}.archive-progress-bar{width:100%;height:8px;background:rgba(30,41,59,.4);border-radius:4px;overflow:hidden;position:relative}.archive-progress-fill{height:100%;background:linear-gradient(135deg,#7c3aed,#6d28d9);transition:width .3s ease}.archive-progress-bar span{position:absolute;top:12px;right:0;color:#94a3b8;font-size:.875rem}.archive-result{margin-top:2rem;padding:2rem;background:rgba(30,41,59,.4);border-radius:1rem;text-align:center}.archive-result h3{color:#f8fafc;margin-bottom:1rem}.archive-stats{background:rgba(15,23,42,.4);padding:1.5rem;border-radius:.75rem;margin:1.5rem 0;color:#94a3b8}.archive-download-btn{display:inline-block;padding:.75rem 1.5rem;background:linear-gradient(135deg,#10b981,#059669);border-radius:.5rem;color:white;text-decoration:none;font-weight:600;transition:all .2s ease}.archive-download-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(16,185,129,.2)}.archive-content{margin-top:4rem;display:grid;gap:3rem}.archive-faq,.archive-features,.archive-formats,.archive-intro,.archive-tips{padding:2rem;background:rgba(30,41,59,.4);border:1px solid rgba(124,58,237,.2);border-radius:.75rem}.archive-content h2{color:#f8fafc;font-size:1.5rem;margin-bottom:1.5rem}.archive-content p{color:#94a3b8;line-height:1.6}.archive-faq-grid,.archive-features-grid,.archive-formats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.archive-faq-item,.archive-feature,.archive-format{padding:1.5rem;background:rgba(15,23,42,.4);border:1px solid rgba(124,58,237,.2);border-radius:.5rem;transition:transform .2s ease}.archive-feature:hover,.archive-format:hover{transform:translateY(-2px)}.archive-faq-item h3,.archive-feature h3,.archive-format h3{color:#f8fafc;font-size:1.1rem;margin-bottom:.75rem}.archive-tips-list{list-style:none;padding:0;margin:0}.archive-tips-list li{color:#94a3b8;margin:.75rem 0;padding-left:1.5rem;position:relative}.archive-tips-list li:before{content:"→";position:absolute;left:0;color:#7c3aed}@media (max-width:768px){.archive-container{padding:1rem}.archive-workspace{padding:1.5rem}.archive-header h1{font-size:2rem}.archive-upload{padding:2rem 1rem}.archive-format-select{flex-direction:column;align-items:stretch}.archive-faq-grid,.archive-features-grid,.archive-formats-grid{grid-template-columns:1fr}}@media (hover:none) and (pointer:coarse){.archive-convert-btn,.archive-download-btn,.archive-format-select select,.archive-select-btn{min-height:44px;padding:12px 24px}}