.upload-section{margin-bottom:2rem}.drop-zone{border:2px dashed var(--border-color);border-radius:var(--radius-md);padding:2rem;text-align:center;cursor:pointer;transition:all .3s ease;background:var(--bg-secondary)}.drop-zone:hover{border-color:var(--accent-primary);background:#e85d3a0d}.drop-text{font-size:1rem;color:var(--text-secondary);margin:0}.tool-controls{display:grid;gap:1.5rem}.info-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1rem;display:grid;gap:.75rem}.info-group{display:flex;justify-content:space-between;align-items:center;gap:1rem}.info-group label{color:var(--text-secondary);font-size:.875rem;font-weight:500}.info-group span{color:var(--text-primary);font-family:JetBrains Mono,monospace;font-size:.875rem;font-weight:600}.presets-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1.25rem}.section-label{margin:0 0 1rem;color:var(--text-secondary);font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.presets-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem}.preset-btn{padding:.75rem;background:var(--bg-tool);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-align:center;line-height:1.4}.preset-btn:hover{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.preset-btn small{display:block;font-size:.65rem;opacity:.8;margin-top:.25rem}.resize-options{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1.25rem}.tab-buttons{display:flex;gap:.5rem;margin-bottom:1rem;border-bottom:1px solid var(--border-color)}.tab-btn{padding:.75rem 1rem;background:transparent;border:none;color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s ease;margin-bottom:-1px}.tab-btn:hover{color:var(--text-primary)}.tab-btn.active{color:var(--accent-primary);border-bottom-color:var(--accent-primary)}.tab-content{display:none}.tab-content.active{display:block}.resize-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:1rem;align-items:flex-end}.input-group{display:flex;flex-direction:column;gap:.5rem}.input-group label{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.input-group input,.input-group select{padding:.75rem;background:var(--bg-tool);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-family:JetBrains Mono,monospace;font-size:.875rem}.input-group input:focus,.input-group select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--accent-primary-light)}.input-group small{font-size:.75rem;color:var(--text-muted)}.lock-toggle{display:flex;align-items:flex-end}.lock-btn{padding:.75rem;background:var(--bg-tool);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:1.25rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:48px;height:48px}.lock-btn:hover{background:var(--accent-primary);border-color:var(--accent-primary)}.format-select{width:100%}.preview-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1.25rem}.preview-container{background:var(--bg-tool);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1rem;display:flex;align-items:center;justify-content:center;min-height:200px;overflow:auto}.download-btn{padding:1rem;background:var(--accent-primary);border:none;border-radius:var(--radius-md);color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;width:100%}.download-btn:hover{background:#5b2fd1;transform:translateY(-2px);box-shadow:0 4px 12px #e85d3a4d}.download-btn:active{transform:translateY(0)}.seo-content{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border-color)}.seo-content h2{font-size:1.5rem;margin-top:2rem;margin-bottom:1rem;color:var(--text-primary)}.seo-content p{color:var(--text-secondary);line-height:1.6;margin-bottom:1rem}.seo-content ul{list-style-position:inside;color:var(--text-secondary);line-height:1.8;margin-bottom:1rem}.seo-content li{margin-bottom:.5rem}.faq-section{margin-top:1rem}.faq-section details{margin-bottom:.75rem;border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:1rem;background:var(--bg-secondary);cursor:pointer}.faq-section summary{font-weight:600;color:var(--text-primary);outline:none}.faq-section summary:hover{color:var(--accent-primary)}.faq-section details p{margin-top:.75rem;color:var(--text-secondary)}@media(max-width:640px){.resize-grid{grid-template-columns:1fr;align-items:stretch}.lock-toggle{order:-1}.presets-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.preset-btn{font-size:.7rem}}