#fileInput{display:none}.controls-panel{border-top:1px solid var(--border);padding:1.8rem 2rem;display:none;background:#fafbff}.controls-panel.visible{display:block}.controls-label{font-size:.7rem;color:var(--muted);letter-spacing:1px;margin-bottom:1.2rem}.controls-grid{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:1.2rem;align-items:end}@media (max-width:780px){.controls-grid{grid-template-columns:1fr 1fr}}@media (max-width:480px){.controls-grid{grid-template-columns:1fr}}.ctrl-group{display:flex;flex-direction:column;gap:.8rem}.ctrl-group label{justify-content:flex-start;align-items:flex-start;height:8px}.ctrl-group input[type="checkbox"]{width:18px;height:18px;accent-color:var(--accent);cursor:pointer}.convert-btn,.ctrl-input{width:100%}.ctrl-input{background:#fff;border:1.5px solid var(--border2);color:var(--text);padding:9px 11px;border-radius:9px;font-size:.84rem;outline:0;transition:border-color .18s,box-shadow .18s;cursor:pointer}.ctrl-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(79,70,229,.1)}.ctrl-input::placeholder{color:var(--muted)}.convert-btn{padding:11px 0;background:linear-gradient(135deg,#059669 0,#0891b2 100%);color:#fff;border:none;border-radius:10px;font-size:.88rem;cursor:pointer;transition:.2s;box-shadow:0 3px 12px rgba(5,150,105,0.3);letter-spacing:.2px;font-weight:700}.convert-btn:hover{opacity:.92;transform:translateY(-1px)}.convert-btn:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.summary-bar{background:linear-gradient(135deg,#f0eeff 0,#e0f2fe 100%);border:1px solid #c4b5fd;border-radius:var(--radius);padding:1.4rem 2rem;margin:0 2rem 1.5rem;display:none;grid-template-columns:repeat(2,1fr);gap:1rem;animation:fadeSlide 0.3s ease}.summary-bar.visible{display:grid}.stat-val{font-size:1.35rem;font-weight:700}.stat-label{font-size:.7rem;color:var(--sub);margin-top:2px;font-weight:600;letter-spacing:.5px}.output-section{padding:0 2rem 2rem;display:none;animation:fadeSlide 0.3s ease}.output-section.visible{display:block}.action-row{display:flex;gap:10px;margin-top:1rem;justify-content:flex-end}.action-btn{padding:8px 16px;border-radius:8px;border:1px solid var(--border2);background:#fff;color:var(--text);font-size:0.85rem;font-weight:600;cursor:pointer;transition:0.2s;display:flex;align-items:center;gap:6px}.action-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-lt)}#dropzoneWrap{padding:0 2rem 2rem}.tabs{padding-top:20px;display:flex;justify-content:center;margin-bottom:1rem;gap:10px}.tab-btn{padding:8px 20px;border-radius:20px;border:1px solid var(--border2);background:#fff;color:var(--sub);font-size:0.85rem;font-weight:600;cursor:pointer;transition:all 0.2s;display:flex;align-items:center;gap:6px}.tab-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-lt)}.tab-btn.active{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 2px 8px rgba(79,70,229,0.3)}.code-editor-container{display:none}.code-editor-container.visible{display:block;animation:fadeSlide 0.3s ease}.code-textarea{width:100%;height:250px;padding:15px;border:1.5px solid var(--border2);border-radius:12px;font-family:var(--mono);font-size:0.85rem;resize:vertical;outline:none;background:#fafbff;color:var(--text);transition:border-color 0.2s}.code-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(79,70,229,0.1)}.file-input-group.hidden{display:none}.preview-table-container{overflow-x:auto;border:1px solid var(--border2);border-radius:12px;max-height:400px}.preview-table{width:100%;border-collapse:collapse;font-size:0.85rem;min-width:600px}.preview-table th{background:#f1f5f9;color:var(--sub);font-weight:600;text-align:left;padding:10px;position:sticky;top:0;z-index:1;border-bottom:1px solid var(--border2);white-space:nowrap}.preview-table td{padding:10px;border-bottom:1px solid var(--border);color:var(--text);white-space:nowrap}.preview-table tr:hover{background:#f8fafc}