/* Shared workbench for browser-local text and structured-data tools. */
.dt-width{width:min(1380px,calc(100% - 64px));margin-inline:auto}
.data-tool-page{padding:22px 0 55px;color:#2f3e2a}
.dt-heading{margin-bottom:25px}.dt-heading h1{font:400 39px/1.2 var(--serif);letter-spacing:-.8px;margin:14px 0 12px}.dt-heading p,.dt-intro{max-width:850px;color:#66705d;font-size:15px;line-height:1.75;margin:8px 0}
.dt-local{display:inline-flex;align-items:center;gap:8px;border:1px solid #d2dbc6;background:#edf2e6;border-radius:20px;padding:7px 12px;font-size:12px;line-height:1.5;color:#526446;margin:8px 0 0}
.dt-workspace{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
.dt-panel{min-width:0;background:#fcfbf6;border:1px solid #d4dccc;border-radius:7px;padding:20px;margin-bottom:18px}
.dt-panel h2{font-size:16px;font-weight:600;line-height:1.5;margin:0 0 15px}.dt-panel h3{font-size:14px;line-height:1.5}
.dt-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-bottom:14px;min-width:0}.dt-toolbar:last-child{margin-bottom:0}
.dt-field{display:flex;flex-direction:column;gap:7px;color:#536448;font-size:12px;line-height:1.5;min-width:0}.dt-field label,.dt-field>span{font-weight:550}
.dt-field input,.dt-field select,.dt-toolbar select,.dt-toolbar input[type="search"],.dt-panel select,.dt-panel input[type="text"],.dt-panel input[type="search"]{border:1px solid #c7d2bd;border-radius:4px;background:#fffef9;color:#35472d;min-height:39px;padding:8px 10px;min-width:0;max-width:100%;font:inherit;font-size:13px}
.dt-field input[type="file"]{font-size:12px;padding:5px}.dt-field input[type="file"]::file-selector-button{border:1px solid #bdcbb0;border-radius:4px;background:#eef3e7;padding:7px;margin-right:8px;color:#455b37}
.dt-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;max-width:100%;border:1px solid #bcc9af;border-radius:4px;padding:9px 13px;background:#fcfbf6;color:#425c34;font:600 12px/1.45 var(--sans);cursor:pointer;text-align:center;overflow-wrap:anywhere}
.dt-button:hover:not(:disabled){background:#edf2e5;border-color:#8fa37c}.dt-primary{background:#a54b2b;border-color:#a54b2b;color:#fffaf1}.dt-primary:hover:not(:disabled){background:#8b3922;border-color:#8b3922;color:#fffaf1}.dt-button:disabled{opacity:.45;cursor:not-allowed}
.dt-editor{display:block;width:100%;min-width:0;min-height:360px;max-height:900px;resize:vertical;tab-size:2;padding:15px;background:#fffefb;color:#303b2d;border:1px solid #cbd4c0;border-radius:5px;font:13px/1.7 ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;overflow:auto;white-space:pre}
.dt-editor[readonly]{background:#f5f7ef}.dt-editor:focus{border-color:#889f73}.dt-editor::placeholder{color:#8b9482}
.dt-editor+.dt-toolbar{margin-top:13px}.dt-tree-row{display:flex;align-items:baseline;gap:4px;min-width:0;line-height:1.9;padding-block:2px}.dt-tree-toggle{display:inline-grid;place-items:center;width:24px;height:25px;flex:none;border:0;border-radius:3px;padding:0;background:#e8eede;color:#52723b;cursor:pointer;font:inherit}.dt-tree-toggle:hover{background:#d9e5cd}.dt-tree-key{color:#6c4937;overflow-wrap:anywhere}.dt-tree-value{color:#355c42;white-space:pre-wrap;overflow-wrap:anywhere}.dt-tree-row>small{flex:none}.dt-tree-row>span{min-width:0}
.dt-check{display:inline-flex;align-items:center;gap:7px;max-width:100%;font-size:12px;line-height:1.6;color:#526646}.dt-check input{width:16px;height:16px;accent-color:#a54b2b;margin:0;flex:none}
.dt-status{font-size:13px;line-height:1.7;color:#54664a;overflow-wrap:anywhere;margin:12px 0}.dt-error{font-size:13px;line-height:1.7;color:#9a3627;background:#fff0e8;border:1px solid #edc5b1;padding:12px 14px;border-radius:5px;margin:12px 0;overflow-wrap:anywhere}
.dt-muted{font-size:12px;color:#728068;line-height:1.7;overflow-wrap:anywhere}.dt-results{min-width:0;overflow:auto;max-width:100%;border-radius:5px;margin-top:15px}.dt-results:empty{display:none}
.dt-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.dt-help{margin:26px auto 0;border-top:1px solid #d7dece;padding-top:24px;color:#67755d;font-size:13px;line-height:1.85}.dt-help h2{font:400 27px/1.25 var(--serif);color:#34442c;margin:0 0 18px}.dt-help h3{color:#4c623e;font-size:14px}.dt-help p{max-width:1000px}.dt-help ul{padding-left:21px}.dt-help a{text-decoration:underline;text-underline-offset:3px}
.data-tool-page [hidden]{display:none!important}.data-tool-page :is(button,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid #ab5134;outline-offset:3px}.data-tool-page button,.data-tool-page input,.data-tool-page select{font-family:var(--sans)}
.data-tool-page details>summary{cursor:pointer;line-height:1.65;color:#465e38}.data-tool-page pre,.data-tool-page code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.data-tool-page pre{white-space:pre-wrap;overflow-wrap:anywhere}
#json-tree{max-height:520px;overflow:auto;font:12px/1.85 ui-monospace,SFMono-Regular,Consolas,monospace;padding:12px;border:1px solid #d9e0cf;background:#f7f8f2;border-radius:4px;overflow-wrap:anywhere}#json-tree details{margin-left:14px}#json-tree>details{margin-left:0}#json-tree summary{padding:3px 0}#json-tree mark{background:#ffe4ad;color:#5c3c18;border-radius:2px}#json-tree-search{min-width:160px;flex:1}
#table-tool table{border-collapse:collapse;width:100%;font-size:12px;line-height:1.6;background:#fffef9}#table-tool th,#table-tool td{padding:9px 12px;text-align:left;vertical-align:top;border:1px solid #dce2d2;min-width:70px;max-width:320px;overflow-wrap:anywhere;white-space:pre-wrap}#table-tool th{font-weight:600;background:#edf2e5;color:#476039}#table-tool tbody tr:nth-child(even){background:#f6f8ef}#table-tool td:empty::after{content:'—';color:#abb3a3}#table-tool .dt-results{max-height:510px;border:1px solid #d8dfcd}#table-preview-a,#table-preview-b{overflow:auto;max-height:240px;border:1px solid #e1e5d9;border-radius:4px;margin-top:12px}
#table-tool [data-kind="added"],#table-tool .table-added{background:#e5f0dc}#table-tool [data-kind="removed"],#table-tool .table-removed{background:#fcebe5}#table-tool [data-kind="changed"],#table-tool .table-changed{background:#fff2d8}#table-summary{display:flex;flex-wrap:wrap;gap:12px;font-size:13px;color:#4d6341;line-height:1.7}
.dt-table-wrap{overflow:auto;max-width:100%;max-height:420px}.dt-table{border-collapse:collapse;font-size:12px;min-width:100%;width:max-content!important}.dt-cell-changed{background:#fff1d7}.dt-cell-removed{background:#fbe8e1}.dt-cell-added{background:#e3efdc}.dt-stats{display:flex;flex-wrap:wrap;gap:12px;font-size:13px;line-height:1.7}.dt-file-name{overflow-wrap:anywhere;min-width:0;max-width:100%;font-size:12px;color:#6c7961}
@media(max-width:1000px){.dt-width{width:calc(100% - 40px)}.dt-panel{padding:16px}.dt-workspace{gap:12px}.dt-heading h1{font-size:34px}.dt-toolbar{gap:7px}.dt-editor{font-size:12px}}
@media(max-width:700px){.dt-width{width:calc(100% - 28px)}.data-tool-page{padding-top:16px}.dt-heading{margin-bottom:20px}.dt-heading h1{font-size:30px;letter-spacing:-.5px}.dt-heading p,.dt-intro{font-size:13px}.dt-local{font-size:11px}.dt-workspace,.dt-grid{grid-template-columns:minmax(0,1fr)}.dt-panel{padding:14px;margin-bottom:14px}.dt-panel h2{font-size:15px}.dt-editor{min-height:255px;font-size:13px;padding:12px}.dt-button{min-height:42px;padding:9px 11px;font-size:12px}.dt-toolbar{gap:8px}.dt-field{font-size:12px}.dt-field input,.dt-field select,.dt-panel select{min-height:42px}.dt-check{font-size:12px}.dt-error,.dt-status{font-size:12px}#json-tree{font-size:11px;padding:9px}#json-tree details{margin-left:9px}.dt-help{font-size:12px}.dt-help h2{font-size:25px}#table-tool td,#table-tool th{padding:8px;min-width:65px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.data-tool-page *{scroll-behavior:auto!important}}