.text-tool-workspace{min-width:0}.text-tool-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:42px;padding:10px 16px;border:1px solid #bfcbb2;background:#fbfaf5;color:var(--ink);font-size:12px;cursor:pointer}.text-tool-button:hover{background:#e5ecdc;border-color:var(--green)}.text-tool-button:focus-visible,.text-tool-page button:focus-visible,.text-tool-page select:focus-visible{outline:2px solid var(--green);outline-offset:3px}.json-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:20px}.json-toolbar>label:first-child{position:relative}.json-toolbar>label:focus-within{outline:2px solid var(--green);outline-offset:3px}.text-tool-file{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.json-indent{margin-left:auto;display:flex;align-items:center;gap:10px;font-size:11px;color:var(--muted)}.json-indent select{min-height:42px;padding:8px 12px;border:1px solid #bfccb1;background:#fbfaf5;color:var(--ink)}.text-input-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}.text-tool-panel{border:1px solid var(--line);background:#fffef9;min-width:0}.text-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:18px 20px;background:#e8eddd;border-bottom:1px solid #cbd5bf;font:9px var(--mono);letter-spacing:1.3px;color:#6a7e56}.text-tool-panel textarea{display:block;width:100%;min-height:330px;padding:22px;border:0;border-radius:0;background:transparent;color:var(--ink);font:13px/1.9 var(--mono);resize:vertical;tab-size:2;overflow:auto}.text-tool-panel textarea::placeholder{color:#a0a794}.text-tool-panel textarea:focus{outline:2px solid var(--green);outline-offset:2px}.output-panel{background:#f3f5ec}.output-panel .text-panel-heading{background:#e1e9d3}.text-tool-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.text-tool-actions>.primary-button{display:inline-flex;align-items:center;justify-content:center;padding:12px 22px;min-height:46px;font-size:12px}.text-tool-status{font-size:12px;line-height:1.9;min-height:24px;margin:18px 0;color:var(--green);overflow-wrap:anywhere}.text-tool-status.is-error{color:#a13e2b}.text-result-actions{display:flex;flex-wrap:wrap;gap:10px;padding:0 0 18px}.text-tool-note{font-size:11px;line-height:1.9;color:var(--muted);max-width:900px;margin:10px 0 20px}.text-tool-privacy{display:flex;align-items:flex-start;gap:10px;font-size:11px;line-height:1.9;color:var(--muted);padding:22px 0;margin-top:24px;border-top:1px solid var(--line)}.text-tool-privacy svg{margin-top:2px;flex-shrink:0;color:var(--green)}.text-tool-page [hidden]{display:none!important}.diff-options{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap;margin:18px 0}.diff-options label{display:flex;align-items:center;gap:9px;font-size:12px;color:var(--ink);min-height:36px}.diff-options input{width:16px;height:16px;accent-color:var(--green)}.diff-options>span{font-size:10px;line-height:1.8;color:var(--muted)}.diff-result{border-top:2px solid var(--ink);padding-top:24px;margin-top:28px}.diff-result-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.diff-result h2{font:400 30px/1.2 var(--serif);letter-spacing:-.5px;margin:0}#diff-counts{display:flex;flex-wrap:wrap;gap:9px}.diff-count{padding:7px 10px;border:1px solid #c7d4bc;font:10px var(--mono);color:var(--green)}.diff-added{background:#e5efd9}.diff-removed{background:#f6e4dc}.diff-count.diff-removed{color:#934b35;border-color:#dec5b7}.diff-count.diff-same{background:#efefe6;color:var(--muted)}.diff-line-key{font-size:10px;line-height:1.8;color:var(--muted);margin:16px 0 12px}.diff-lines{border:1px solid var(--line);max-height:600px;overflow:auto;margin-bottom:20px;background:#fffef9}.diff-line{display:grid;grid-template-columns:44px 44px 28px minmax(0,1fr);font:12px/1.8 var(--mono);min-height:31px;border-bottom:1px solid #20382e0b}.diff-line:last-child{border-bottom:0}.diff-line-number{text-align:right;color:#839078;font-size:10px;padding:5px 9px 5px 3px;border-right:1px solid #20382e0a;user-select:none}.diff-marker{text-align:center;padding-top:4px;user-select:none;color:var(--muted)}.diff-added .diff-marker{color:#38612b}.diff-removed .diff-marker{color:#a14b35}.diff-content{white-space:pre-wrap;overflow-wrap:anywhere;tab-size:4;padding:4px 12px 4px 3px;min-width:0}.tool-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.tool-directory-grid .tool-directory-card{grid-template-columns:60px minmax(0,1fr);align-items:start;gap:24px;padding:30px}.tool-directory-grid .tool-directory-icon svg{width:54px;height:54px}.tool-directory-grid .tool-directory-card h2{font-size:30px}.tool-directory-grid .tool-directory-card p{font-size:12px}.tool-directory-grid .tool-card-1{background:#efe7d8;border-color:#d8cbb4}.tool-card-1 .tool-directory-icon{color:#926241}.tool-directory-grid .tool-card-2{background:#e4e9e6;border-color:#c3d0c8}.tool-directory-grid .tool-card-3{background:#ece7dc;border-color:#d6cdbb}
@media(max-width:850px){.tool-directory-grid{grid-template-columns:1fr}.text-input-grid{gap:18px}.text-tool-panel textarea{padding:18px;font-size:12px}.text-panel-heading{padding:16px;font-size:8px}}
@media(max-width:680px){.text-input-grid{grid-template-columns:1fr;gap:22px}.text-tool-panel textarea{min-height:240px;font-size:14px;padding:18px}.text-panel-heading{font-size:9px;padding:17px}.json-toolbar{gap:8px}.json-indent{margin-left:0}.json-indent select{font-size:14px}.text-tool-button{font-size:12px;padding:10px 13px;min-height:44px}.text-tool-actions>.primary-button{font-size:12px}.text-tool-status{font-size:12px}.text-tool-note,.text-tool-privacy{font-size:11px}.diff-options>span{font-size:11px}.diff-line{grid-template-columns:31px 31px 22px minmax(0,1fr);font-size:11px}.diff-line-number{font-size:9px;padding-right:6px}.diff-line-key{font-size:10px}.diff-result-heading{gap:16px}.diff-result h2{font-size:29px}.tool-directory-grid .tool-directory-card{padding:25px;gap:20px;grid-template-columns:50px minmax(0,1fr)}.tool-directory-grid .tool-directory-icon svg{width:45px;height:45px}.tool-directory-grid .tool-directory-card h2{font-size:28px}.text-tool-page .breadcrumbs{flex-wrap:wrap;line-height:1.8}}
@media(max-width:430px){.tool-directory-grid .tool-directory-card{grid-template-columns:1fr}.json-indent{width:100%;justify-content:space-between}.text-tool-actions{gap:8px}.text-tool-actions>.primary-button{padding:12px 17px}.text-tool-actions>.text-tool-button{padding:10px 12px}}