#dropzoneWrap{padding:0 2rem 2rem}#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;gap:1.2rem;align-items:end}@media (max-width:480px){.controls-grid{grid-template-columns:1fr}}.ctrl-group{display:flex;flex-direction:column;gap:.4rem}.ctrl-group label{font-size:.72rem;font-weight:600;color:var(--sub)}.view-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)}.view-btn{padding:11px 0;background:linear-gradient(135deg,var(--accent) 0,#7c3aed 100%);color:#fff;border:none;border-radius:10px;font-size:.88rem;cursor:pointer;transition:.2s;box-shadow:0 3px 12px rgba(79,70,229,.35);letter-spacing:.2px;font-weight:700}.view-btn:hover{opacity:.92;transform:translateY(-1px)}.view-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)}.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)}.code-textarea.error{border-color:var(--red);background:#fff5f5;color:var(--red)}.file-input-group.hidden{display:none}.json-tree-container{background:#ffffff;border:1.5px solid var(--border2);border-radius:12px;padding:20px;font-family:var(--mono);font-size:0.9rem;color:var(--text);max-height:600px;overflow-y:auto}.json-key{color:var(--accent);font-weight:600}.json-string{color:#059669}.json-number{color:#d946ef}.json-boolean{color:#ea580c}.json-null{color:#64748b;font-style:italic}.json-bracket{color:var(--muted)}details{margin-left:20px}details > summary{cursor:pointer;outline:none;user-select:none;list-style:none}details > summary::-webkit-details-marker{display:none}details > summary::before{content:'▶';display:inline-block;font-size:0.7em;width:15px;transition:transform 0.2s;color:var(--accent)}details[open] > summary::before{transform:rotate(90deg)}details > summary{font-weight:600;margin-bottom:5px}