.main{display:grid;gap:var(--spacing-xl)}@media (min-width:900px){.main{grid-template-columns:1fr 1fr;align-items:start}}.campo textarea{width:100%;padding:var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.875rem;font-family:Consolas,Monaco,'Courier New',monospace;background:#0d1117;color:#c9d1d9;resize:vertical;min-height:380px;line-height:1.6;tab-size:2;transition:border-color .2s,box-shadow .2s}.campo textarea:focus{outline:0;border-color:var(--color-border-focus);box-shadow:0 0 0 3px var(--color-primary-muted)}.campo textarea::placeholder{color:#484f58}.opciones-row{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--spacing-md);flex-wrap:wrap}.campo-inline{margin-bottom:0;min-width:150px}.campo-inline label{font-size:.85rem}.campo-inline select{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.9rem;font-family:inherit;background:var(--bg-input);color:var(--color-text);cursor:pointer}.campo-inline select:focus{outline:0;border-color:var(--color-border-focus);box-shadow:0 0 0 3px var(--color-primary-muted)}.stats-info{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.stat-badge{display:inline-flex;align-items:center;padding:4px 10px;background:var(--bg-body);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.8rem;color:var(--color-text-muted);font-variant-numeric:tabular-nums}.acciones{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm);margin-top:var(--spacing-lg)}.acciones .btn-calcular{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:.95rem}.btn-secondary{background:var(--bg-card)!important;color:var(--color-text)!important;border:1px solid var(--color-border)!important;box-shadow:none!important}.btn-secondary:hover{background:var(--bg-card-hover)!important;border-color:var(--color-primary)!important}.error-msg{margin-top:var(--spacing-md);padding:var(--spacing-md);background:var(--color-danger-bg);border:1px solid var(--color-danger);border-left:4px solid var(--color-danger);border-radius:var(--radius-md);color:var(--color-danger);font-size:.9rem;font-family:Consolas,Monaco,'Courier New',monospace;line-height:1.5}.error-msg strong{color:#fca5a5}.oculto{display:none!important}.resultado-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.resultado-header h2{margin-bottom:0}.toggle-group{display:flex;border:1px solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden}.toggle-btn{padding:6px 14px;font-size:.8rem;font-family:inherit;font-weight:500;background:var(--bg-body);color:var(--color-text-muted);border:none;cursor:pointer;transition:background .2s,color .2s}.toggle-btn:not(:last-child){border-right:1px solid var(--color-border)}.toggle-btn:hover{color:var(--color-text)}.toggle-btn.active{background:var(--color-primary);color:#0f172a;font-weight:600}.output-view{min-height:380px}.json-output{background:#0d1117;border:1px solid #21262d;border-radius:var(--radius-md);padding:var(--spacing-md);overflow:auto;max-height:600px;min-height:380px;margin:0}.json-output code{font-family:Consolas,Monaco,'Courier New',monospace;font-size:.875rem;line-height:1.6;color:#c9d1d9;white-space:pre;tab-size:2}.json-code .json-string{color:#7ee787}.json-code .json-number{color:#79c0ff}.json-code .json-boolean{color:#ffa657}.json-code .json-null{color:#ff7b72}.json-code .json-key{color:#d2a8ff}.json-code .json-brace{color:#8b949e}.json-code .json-bracket{color:#8b949e}.json-code .json-colon{color:#8b949e}.json-code .json-comma{color:#8b949e}.json-tree{background:#0d1117;border:1px solid #21262d;border-radius:var(--radius-md);padding:var(--spacing-md);overflow:auto;max-height:600px;min-height:380px;font-family:Consolas,Monaco,'Courier New',monospace;font-size:.875rem;line-height:1.6}.tree-placeholder{color:#484f58;margin:0}.tree-node{margin-left:1.2em}.tree-key{color:#d2a8ff;cursor:default}.tree-value-string{color:#7ee787}.tree-value-number{color:#79c0ff}.tree-value-boolean{color:#ffa657}.tree-value-null{color:#ff7b72}.tree-toggle{cursor:pointer;user-select:none;color:#8b949e;display:inline-block;width:1.2em;margin-left:-1.2em}.tree-toggle:hover{color:var(--color-primary)}.tree-toggle::before{content:"\25B6";font-size:.7em;display:inline-block;transition:transform .15s ease}.tree-toggle.collapsed::before{transform:rotate(0)}.tree-toggle:not(.collapsed)::before{transform:rotate(90deg)}.tree-type-label{color:#484f58;font-size:.8em;margin-left:.4em}.tree-count{color:#484f58;font-size:.8em}.tree-children.collapsed{display:none}@media (max-width:700px){.acciones{grid-template-columns:1fr 1fr}.opciones-row{flex-direction:column;align-items:stretch}.campo-inline{min-width:0}.stats-info{justify-content:flex-start}.campo textarea,.json-output,.json-tree{min-height:250px;font-size:.8rem}.resultado-header{flex-direction:column;gap:var(--spacing-sm);align-items:flex-start}}@media (max-width:400px){.acciones{grid-template-columns:1fr}.stat-badge{font-size:.75rem}}