.fe-body,.fe-header{max-width:900px;width:100%}.fe-body,.fe-tool-card{box-shadow:var(--card-shadow)}.fe-tool-card,.giant-dropzone{transition:.3s;text-align:center}.fe-hub-main{min-height:calc(100vh - 80px - 300px);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:60px 20px;background-color:var(--bg-light)}.fe-body,.fe-engine-badge{background:var(--bg-card)}.fe-header{text-align:center;margin-bottom:40px}.fe-header h2{font-size:2.2rem;font-weight:800;color:var(--text-dark);margin-bottom:10px}.fe-header p{font-size:1.1rem;color:var(--text-muted)}.fe-engine-badge{display:inline-block;color:var(--accent-orange);padding:8px 16px;border-radius:20px;font-weight:700;font-size:.9rem;margin-top:15px}.fe-body{border-radius:12px;padding:40px;position:relative;border:1px solid var(--border-color)}.giant-dropzone{border:2px dashed var(--accent-orange);border-radius:10px;padding:60px 20px;background-color:transparent;cursor:pointer;margin-top:30px}.giant-dropzone:hover{background-color:rgba(255,107,0,.05);transform:translateY(-2px)}.dropzone-icon,.fe-dropzone-icon{font-size:3rem;color:var(--accent-orange);margin-bottom:15px}.dropzone-title,.fe-dropzone-title{font-size:1.5rem;color:var(--text-dark);margin-bottom:5px}.dropzone-subtitle,.fe-dropzone-subtitle{color:var(--text-muted);margin-bottom:15px}.dropzone-limits,.fe-dropzone-limits{display:inline-block;background:var(--bg-light);padding:5px 15px;border-radius:20px;font-size:.85rem;color:var(--text-muted)}.fe-format-selector{display:flex;justify-content:center;align-items:center;gap:15px;margin-bottom:30px}.fe-format-badge{padding:8px 15px;background:var(--bg-light);border-radius:8px;font-weight:700;color:var(--text-dark);border:1px solid var(--border-color)}.fe-format-sub{font-size:.75rem;color:var(--text-muted);font-weight:400}.fe-format-arrow{color:var(--text-muted);display:flex;flex-direction:column;align-items:center;font-size:.8rem}.fe-tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;width:100%;margin-top:30px}.fe-tool-card{background:var(--bg-card);padding:30px;border-radius:12px;text-decoration:none;color:var(--text-dark);border:1px solid var(--border-color)}.fe-back-btn:hover,.fe-card-icon{color:var(--accent-orange)}.fe-tool-card:hover{transform:translateY(-8px);box-shadow:var(--card-shadow-hover);border-color:var(--accent-orange)}.fe-card-icon{font-size:2.5rem;margin-bottom:20px}.fe-tool-card h3{margin-bottom:10px;font-size:1.25rem}.fe-tool-card p{color:var(--text-muted);font-size:.95rem;line-height:1.5}.fe-back-btn{align-self:flex-start;margin-bottom:20px;color:var(--text-muted);text-decoration:none;font-weight:600;display:flex;align-items:center;gap:8px;transition:color .3s}.fe-converter-wrapper{max-width:800px;margin:0 auto;width:100%}.fe-giant-dropzone{border:2px dashed var(--accent-orange);border-radius:10px;padding:60px 20px;text-align:center;background-color:rgba(255,107,0,.02);cursor:pointer;margin-top:30px}.fe-giant-dropzone:hover{background-color:rgba(255,107,0,.08);transform:translateY(-2px)}.fe-progress-track{background:var(--bg-light);border-radius:10px;height:10px;overflow:hidden;margin-top:10px}.fe-progress-fill{background:var(--accent-orange);height:100%;border-radius:10px}.fe-post-actions{display:flex;gap:15px;margin-top:25px;justify-content:center}.fe-action-btn{padding:10px 20px;border-radius:8px;font-weight:700;cursor:pointer;border:none;transition:.3s;display:flex;align-items:center;gap:8px}.fe-download-btn{background-color:var(--accent-orange);color:#fff}.fe-download-btn:hover{background-color:#e65c00;transform:translateY(-2px)}.fe-reset-btn{background-color:var(--bg-light);color:var(--text-dark);border:1px solid var(--border-color)}.fe-reset-btn:hover{background-color:var(--border-color)}.fe-tool-card.disabled-card{opacity:.6;cursor:not-allowed;position:relative;pointer-events:none}.fe-badge-soon{position:absolute;top:15px;right:15px;background:var(--bg-light);color:var(--text-muted);font-size:.75rem;padding:5px 12px;border-radius:12px;font-weight:700;border:1px solid var(--border-color)}.fe-queue-container{margin-top:30px;border-top:1px solid var(--border-color);padding-top:20px}.fe-queue-title{color:var(--text-dark);margin-bottom:15px;font-size:1.1rem}.file-queue-card{background:var(--bg-light);border:1px solid var(--border-color);border-radius:8px;padding:15px 20px;margin-bottom:15px}.file-info-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.fe-file-info{display:flex;align-items:center;gap:15px}.fe-file-icon{font-size:2rem;color:var(--accent-orange)}.fe-filename{color:var(--text-dark);font-weight:700;font-size:.95rem;margin:0 0 3px}.fe-filesize{color:var(--text-muted);font-size:.8rem;margin:0}.fe-cancel-btn{background:0 0;border:none;color:var(--text-muted);font-size:1.2rem;cursor:pointer;transition:color .3s}.fe-cancel-btn:hover{color:#e74c3c}.fe-progress-header{display:flex;justify-content:space-between;margin-bottom:8px}.fe-progress-status{color:var(--text-dark);font-size:.85rem;font-weight:600}.fe-progress-percentage{color:var(--accent-orange);font-weight:800;font-size:.85rem}.fe-action-btn:active{transform:translateY(0) scale(.98)}.fe-giant-dropzone{transition:background-color .3s,transform .3s,border-color .3s}.fe-file-icon,.fe-progress-fill,.file-queue-card{transition:.3s}@media (max-width:768px){.fe-hub-main{padding:30px 15px}.fe-body{padding:25px 15px}.fe-header h2{font-size:1.75rem}.fe-header p{font-size:.95rem}.fe-giant-dropzone{padding:40px 15px}.fe-dropzone-icon{font-size:2.5rem}.fe-dropzone-title{font-size:1.25rem}.fe-format-selector{flex-wrap:wrap;gap:10px}.fe-post-actions{flex-direction:column;gap:10px}.fe-action-btn{width:100%;justify-content:center;padding:12px}}.fe-giant-dropzone.fe-drag-active{background-color:rgba(255,107,0,.15);border-style:solid;transform:scale(1.02)}.d-none{display:none!important}.fe-post-actions.fade-in{opacity:0;animation:.6s ease-in-out forwards fadeInAction}@keyframes fadeInAction{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:480px){.file-info-header{flex-direction:column;align-items:flex-start;gap:10px}.fe-cancel-btn{align-self:flex-end;margin-top:-30px}.fe-header h2{font-size:1.2rem}.fe-giant-dropzone{padding:2rem 1rem}.fe-dropzone-title{font-size:1.1rem}.fe-file-info{max-width:80%}.fe-filename{font-size:.9rem;word-break:break-all}.fe-post-actions{flex-direction:column;gap:10px}.fe-action-btn{width:100%;justify-content:center}}