:root{color-scheme:light;--bg: #f4f6f8;--panel: #ffffff;--panel-soft: #eef3f7;--text: #17212f;--muted: #64748b;--line: #d8e0e8;--primary: #007f89;--primary-strong: #00646d;--success: #157347;--danger: #c2413f;--warning: #a15c07;--shadow: 0 16px 40px rgba(16, 30, 54, .08);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif}:root.dark{color-scheme:dark;--bg: #101418;--panel: #181f26;--panel-soft: #202a33;--text: #edf3f8;--muted: #9aa8b6;--line: #30404e;--primary: #39b8c2;--primary-strong: #77dce4;--success: #5cc58c;--danger: #ff7d75;--warning: #e3a050;--shadow: 0 18px 48px rgba(0, 0, 0, .3)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg);color:var(--text)}button,textarea,input{font:inherit}button{color:inherit}.app-frame{display:grid;grid-template-columns:292px minmax(0,1fr);min-height:100vh}.sidebar{display:flex;flex-direction:column;gap:20px;height:100vh;padding:22px 18px;border-right:1px solid var(--line);background:var(--panel);min-height:100vh;overflow:hidden}.brand{display:flex;align-items:center;gap:12px}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:8px;color:#fff;background:var(--primary)}.brand strong,.topbar strong{display:block;font-size:18px}.brand span,.eyebrow{display:block;margin-top:2px;color:var(--muted);font-size:12px}.search-box{display:flex;align-items:center;gap:8px;height:42px;padding:0 12px;border:1px solid var(--line);border-radius:8px;background:var(--panel-soft);color:var(--muted)}.search-box input{width:100%;min-width:0;border:0;outline:0;color:var(--text);background:transparent}.sidebar-scroll{display:flex;flex:1;flex-direction:column;gap:18px;min-height:0;overflow-y:auto;padding-right:4px}.sidebar-scroll::-webkit-scrollbar{width:8px}.sidebar-scroll::-webkit-scrollbar-thumb{border-radius:8px;background:color-mix(in srgb,var(--muted),transparent 65%)}.sidebar-scroll::-webkit-scrollbar-track{background:transparent}.tool-nav{display:flex;flex-direction:column;gap:18px}.nav-section{display:flex;flex-direction:column;gap:8px}.section-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;height:30px;padding:0 4px 0 0;border:0;background:transparent;color:var(--muted);font-size:12px;font-weight:700;cursor:pointer;text-align:left}.section-toggle svg{transition:transform .16s ease}.section-toggle svg.collapsed{transform:rotate(-90deg)}.section-items{display:flex;flex-direction:column;gap:8px}.tool-row{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;border:1px solid transparent;border-radius:8px;background:transparent}.tool-row:hover,.tool-row.active{border-color:color-mix(in srgb,var(--primary),transparent 55%);background:color-mix(in srgb,var(--primary),transparent 90%)}.tool-row .tool-link{flex:1;min-width:0}.tool-link{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:40px;padding:8px 4px 8px 12px;border:0;background:transparent;cursor:pointer;text-align:left}.tool-link:hover,.tool-link.active{border-color:color-mix(in srgb,var(--primary),transparent 55%);background:color-mix(in srgb,var(--primary),transparent 90%)}.tool-link strong{display:block;font-size:14px;font-weight:700}.tool-link.compact{justify-content:flex-start;min-height:34px;padding:7px 10px;font-size:14px}.favorite-button,.theme-toggle,.icon-button,.round-button,.action-row button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--line);border-radius:8px;background:var(--panel);cursor:pointer}.favorite-button{flex:0 0 auto;width:30px;height:30px;margin-right:8px;color:var(--muted)}.favorite-button.active{color:var(--warning);border-color:color-mix(in srgb,var(--warning),transparent 55%)}.workspace{min-width:0;padding:24px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.theme-toggle{height:38px;padding:0 12px;background:var(--panel)}.tool-shell{display:flex;flex-direction:column;gap:16px;min-height:calc(100vh - 110px)}.tool-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px;border:1px solid var(--line);border-radius:8px;background:var(--panel);box-shadow:var(--shadow)}.tool-header h1{margin:0;font-size:26px}.tool-header p{margin:8px 0 0;color:var(--muted)}.tool-status{flex:0 0 auto;max-width:42%;padding:7px 10px;border-radius:8px;border:1px solid var(--line);color:var(--muted);background:var(--panel-soft);font-size:13px;overflow-wrap:anywhere}.tool-status.success{color:var(--success);border-color:color-mix(in srgb,var(--success),transparent 60%)}.tool-status.error{color:var(--danger);border-color:color-mix(in srgb,var(--danger),transparent 55%)}.inline-status{max-width:none;margin-left:auto}.action-row,.time-now{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--panel)}.action-row.wrap{flex-wrap:wrap}.action-row button{height:38px;padding:0 13px}.field-control{display:inline-flex;align-items:center;gap:8px}.field-control.wide{flex:1 1 320px}.field-control span{color:var(--muted);font-size:13px;font-weight:700}.field-control input{width:120px;height:36px;min-width:0;padding:0 10px;border:1px solid var(--line);border-radius:8px;outline:0;color:var(--text);background:var(--panel-soft)}.field-control.wide input{width:100%}.action-row button.active{border-color:var(--primary);color:#fff;background:var(--primary)}.inline-note,.time-now{color:var(--muted)}.inline-note{display:inline-flex;align-items:center;gap:7px;margin-left:auto;font-size:13px}.time-now{flex-wrap:wrap}.time-now strong,.time-now code{color:var(--text)}.time-now code{padding:4px 7px;border-radius:6px;background:var(--panel-soft)}.timestamp-now{display:inline-flex;align-items:center;gap:8px;min-height:38px;color:var(--muted);font-size:13px}.timestamp-now strong,.timestamp-now code{color:var(--text)}.timestamp-now code{padding:4px 7px;border-radius:6px;background:var(--panel-soft)}.editor-grid{display:grid;grid-template-columns:minmax(0,1fr) 42px minmax(0,1fr);gap:14px;flex:1;min-height:470px}.editor-grid.without-swap{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.editor-panel{display:flex;flex-direction:column;min-width:0;border:1px solid var(--line);border-radius:8px;background:var(--panel);overflow:hidden}.editor-panel>span,.editor-panel-title{padding:12px 14px;border-bottom:1px solid var(--line);color:var(--muted);font-size:13px;font-weight:700}.editor-panel-title{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:47px}.editor-title-right,.panel-title-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0}.editor-title-right{flex:1;flex-wrap:wrap}.editor-panel textarea{flex:1;width:100%;min-height:330px;padding:14px;border:0;outline:0;resize:none;color:var(--text);background:transparent;font-family:JetBrains Mono,Cascadia Code,Consolas,monospace;font-size:14px;line-height:1.6}.icon-button{min-width:78px;height:34px;padding:0 10px}.swap-column{display:grid;place-items:center}.round-button{width:38px;height:38px;color:var(--primary)}.qr-preview{display:grid;place-items:center;flex:1;min-height:330px;padding:18px;color:var(--muted)}.qr-preview img{max-width:min(100%,360px);height:auto;border:1px solid var(--line);border-radius:8px;background:#fff}.color-preview{display:inline-flex;align-items:center;gap:10px}.color-preview span{width:34px;height:34px;border:1px solid var(--line);border-radius:8px}.json-tree-panel{flex:1;min-height:330px;overflow:auto;padding:14px;font-family:JetBrains Mono,Cascadia Code,Consolas,monospace;font-size:14px;line-height:1.55}.json-tool-shell{height:calc(100vh - 110px);min-height:0}.json-tool-shell .editor-grid,.json-tool-shell .editor-panel,.json-tool-shell .editor-panel textarea,.json-tool-shell .json-tree-panel{min-height:0}.json-output-tools{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0}.json-title-button{display:inline-flex;align-items:center;justify-content:center;gap:5px;height:30px;padding:0 9px;border:1px solid var(--line);border-radius:8px;color:var(--muted);background:var(--panel-soft);cursor:pointer;font-size:12px;font-weight:700;white-space:nowrap}.json-title-button.active{border-color:var(--primary);color:#fff;background:var(--primary)}.json-output-search{display:flex;align-items:center;gap:7px;width:210px;height:32px;padding:0 10px;border:1px solid var(--line);border-radius:8px;color:var(--muted);background:var(--panel-soft)}.json-output-search input{width:100%;min-width:0;border:0;outline:0;color:var(--text);background:transparent}.json-search-count{color:var(--muted);font-size:12px;font-weight:700;white-space:nowrap}.json-filter-toggle{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:12px;font-weight:700;white-space:nowrap}.json-filter-toggle input{width:14px;height:14px;margin:0;accent-color:var(--primary)}.json-node{min-width:max-content}.json-code-line{display:flex;align-items:center;gap:0;min-height:22px;padding-left:calc(var(--json-depth) * 18px);border-radius:3px;cursor:pointer;white-space:nowrap}.json-code-line:hover{background:color-mix(in srgb,var(--primary),transparent 92%)}.json-code-line.selected{background:color-mix(in srgb,var(--primary),transparent 76%)}.json-code-line.matched{background:transparent}.json-code-line.selected.matched{background:color-mix(in srgb,var(--primary),transparent 76%)}.json-closing-line{color:var(--muted)}.json-toggle{display:inline-grid;place-items:center;flex:0 0 auto;width:13px;height:13px;margin-right:2px;padding:0;border:1px solid #527dbf;border-radius:2px;color:#2459a6;background:#f7fbff;cursor:pointer;font-size:12px;font-weight:700;line-height:1}.json-toggle.placeholder{border-color:transparent;background:transparent;cursor:default}.json-key{color:#8a159d;font-weight:700}.json-punctuation,.json-ellipsis{color:#17212f}.json-value{color:var(--text)}.json-string{color:#159c37;font-weight:700}.json-number{color:#1976d2;font-weight:700}.json-boolean{color:#d35400;font-weight:700}.json-null{color:var(--muted)}.json-code-line mark{padding:0;border-radius:0;color:#17212f;background:#ffe66d}.json-tree-panel.plain .json-key,.json-tree-panel.plain .json-punctuation,.json-tree-panel.plain .json-ellipsis,.json-tree-panel.plain .json-value,.json-tree-panel.plain .json-string,.json-tree-panel.plain .json-number,.json-tree-panel.plain .json-boolean,.json-tree-panel.plain .json-null{color:var(--text);font-weight:400}@media (max-width: 980px){.app-frame{grid-template-columns:1fr}.sidebar{height:auto;max-height:none;min-height:auto;overflow:visible;border-right:0;border-bottom:1px solid var(--line)}.sidebar-scroll{max-height:380px}.editor-grid{grid-template-columns:1fr}.swap-column{display:none}}@media (max-width: 640px){.workspace,.sidebar{padding:16px}.topbar,.tool-header{align-items:stretch;flex-direction:column}.tool-status{max-width:none}.inline-note{width:100%;margin-left:0}.action-row button,.theme-toggle{min-width:0}.timestamp-now{width:100%;flex-wrap:wrap}}