.json-tree-workspace,.json-tree-workspace section{min-width:0}.json-tree-workspace [hidden]{display:none!important}.json-tree-workspace .btn{min-height:44px;font-size:12px}.page .json-tree-workspace[data-show-input=false]{grid-template-columns:minmax(0,1fr)}.json-tree-workspace[data-show-input=false]>.workbench-input{display:none}.tree-heading{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-height:44px;display:grid}.tree-heading .workbench-label{margin:0;font-size:13px;line-height:20px}.tree-exports,.tree-modes,.tree-input-actions,.tree-toolbar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tree-input{resize:vertical;width:100%;min-width:0;height:320px;max-height:500px;font:14px/1.7 var(--font-mono);border:var(--rule);background:var(--color-paper);color:var(--color-ink);border-radius:10px;padding:14px}.tree-modes [aria-pressed=true]{color:var(--color-accent-ink);background:var(--color-accent-wash);border-color:var(--color-accent)}.tree-search{gap:8px;font-size:12px;display:grid}.tree-search input{width:100%;min-width:0;min-height:44px;font-size:16px}.tree-matches{gap:6px;max-height:180px;display:grid;overflow:auto}.tree-match{text-align:start;min-height:44px;font:12px/1.5 var(--font-mono);border:var(--rule);background:var(--color-accent-wash);color:var(--color-ink);cursor:pointer;overflow-wrap:anywhere;border-radius:8px;padding:10px;display:block}.tree-viewer{scrollbar-gutter:stable;border:var(--rule);background:var(--color-paper);border-radius:12px;height:400px;padding:10px;overflow:auto}.json-tree-workspace[data-show-input=false] .tree-viewer{height:600px}.tree-empty{text-align:center;padding:30px 12px}.tree-code{font:12px/1.7 var(--font-mono);white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.tree-row{border-block-end:1px solid color-mix(in srgb, var(--color-rule) 65%, transparent);font:12px/1.6 var(--font-mono);padding-inline-start:calc(var(--tree-depth) * 8px)}.tree-row-content{flex-wrap:wrap;align-items:center;gap:6px;min-height:44px;display:flex}.tree-key{overflow-wrap:anywhere;max-width:50%;color:var(--color-accent-ink)}.tree-value{overflow-wrap:anywhere;flex:1;min-width:40px}.tree-row[data-tree-kind=string] .tree-value{color:#239365}.tree-row[data-tree-kind=number] .tree-value{color:var(--color-accent-ink)}.tree-row[data-tree-kind=boolean] .tree-value{color:#a17be8}.tree-row[data-tree-kind=null] .tree-value{color:var(--color-muted)}.tree-icon{border:var(--rule);background:var(--color-surface);width:44px;height:44px;min-height:44px;color:var(--color-ink);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;padding:0!important}.tree-toggle{background:0 0;border:0}.tree-toggle[aria-expanded=false] svg{transform:rotate(-90deg)}.tree-node-actions{gap:4px;margin-inline-start:auto;display:flex}.tree-edit-value{min-width:120px;min-height:44px;color:var(--color-ink);background:var(--color-surface);border:var(--rule);border-radius:6px;flex:1;padding:8px;font-size:16px}.tree-delete-confirm{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tree-row[data-deleting=false] .tree-delete-confirm{display:none}.tree-row:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}.tree-pagination{grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:8px;display:grid}.tree-pagination [data-tree-range]{text-align:center}.tree-pagination>p{grid-column:1/-1;font-size:11px}.tree-pagination [data-tree-previous] svg{transform:rotate(180deg)}.tree-stats h3{font-size:13px}.tree-stats dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.tree-stats dl>div{border:var(--rule);border-radius:8px;padding:10px}.tree-stats dt{color:var(--color-muted);font-size:11px}.tree-stats dd{font:18px var(--font-mono);margin:8px 0 0}.tree-help{border-top:var(--rule);padding-top:12px}.tree-help summary,.tree-parser summary{cursor:pointer;align-items:center;min-height:44px;font-size:13px;display:flex}.tree-help ul{color:var(--color-muted);padding-inline-start:20px;font-size:12px;line-height:1.8}.tree-parser code{font:12px/1.6 var(--font-mono);overflow-wrap:anywhere}.json-tree-workspace .workbench-result .helper{min-height:42px;line-height:1.5}.json-tree-workspace[data-dragging=true]{outline:2px dashed var(--color-accent);outline-offset:-4px}@media (width<=767px){.tree-input{height:180px;font-size:16px}.tree-exports .btn{justify-content:center;width:44px;padding:0!important}.tree-exports span{display:none}.tree-viewer,.json-tree-workspace[data-show-input=false] .tree-viewer{height:420px}.tree-row{padding-inline-start:calc(var(--tree-depth) * 4px)}.tree-key{max-width:60%}.tree-value{flex-basis:80px}.tree-node-actions{flex-shrink:0}.tree-toolbar .btn,.tree-input-actions .btn{flex:1}.tree-stats dl{grid-template-columns:repeat(2,minmax(0,1fr))}}[dir=rtl] .tree-toggle[aria-expanded=false] svg{transform:rotate(90deg)}.tree-topbar{border-bottom:var(--rule);flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:8px;padding:16px clamp(16px,2vw,28px);display:flex}.json-tree-workspace[data-show-input=false]>.workbench-result{border-inline-start:0}.json-tree-workspace .tree-search-count{height:20px;min-height:20px;margin:8px 0;font-size:12px}
