:root{--bg-body: #FAF8F5;--bg-surface: #FFFFFF;--bg-sidebar: #F4EFEB;--bg-input: #FFFFFF;--bg-output: #F9F7F4;--border-color: #E2DBD4;--border-focus: #0D9488;--text-main: #1E293B;--text-muted: #64748B;--text-inverse: #FFFFFF;--primary: #0F766E;--primary-hover: #115E59;--accent: #D97706;--danger: #DC2626;--diff-add-bg: #E6F4EA;--diff-add-text: #137333;--diff-rem-bg: #FCE8E6;--diff-rem-text: #C5221F;--diff-change-bg: #FEF7E0;--diff-change-text: #B06000;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--sidebar-width: 250px}[data-theme=dark]{--bg-body: #0F172A;--bg-surface: #1E293B;--bg-sidebar: #141E33;--bg-input: #111827;--bg-output: #0D1526;--border-color: #334155;--border-focus: #14B8A6;--text-main: #F8FAFC;--text-muted: #94A3B8;--text-inverse: #0F172A;--primary: #14B8A6;--primary-hover: #2DD4BF;--accent: #F59E0B;--danger: #EF4444;--diff-add-bg: #064E3B;--diff-add-text: #A7F3D0;--diff-rem-bg: #7F1D1D;--diff-rem-text: #FECACA;--diff-change-bg: #78350F;--diff-change-text: #FDE68A}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;background-color:var(--bg-body);color:var(--text-main);font-family:var(--font-sans);font-size:14px;line-height:1.5}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;font-size:13px;cursor:pointer;border-radius:4px;border:1px solid var(--border-color);background:var(--bg-surface);color:var(--text-main);padding:6px 12px;transition:background .15s,border-color .15s}button:hover{border-color:var(--primary)}button:focus-visible{outline:2px solid var(--border-focus)}.btn-primary{background:var(--primary);color:var(--text-inverse);border-color:var(--primary);font-weight:600}.btn-primary:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.btn-danger{background:transparent;color:var(--danger);border-color:var(--border-color)}.btn-danger:hover{background:var(--danger);color:var(--text-inverse);border-color:var(--danger)}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0}[hidden]{display:none!important}a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}button:disabled{opacity:.5;cursor:not-allowed}.app-header{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;height:52px;padding:0 16px;background:var(--bg-surface);border-bottom:1px solid var(--border-color)}.brand-link{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:var(--text-main)}.brand-title{font-size:17px;font-weight:700;letter-spacing:-.3px}.header-search-wrapper{flex:1;max-width:380px;margin:0 16px}.header-search-input{width:100%;padding:6px 12px;border-radius:4px;border:1px solid var(--border-color);background:var(--bg-input);color:var(--text-main);font-size:13px}.header-search-input:focus{outline:2px solid var(--border-focus)}.header-actions{display:flex;align-items:center;gap:8px}.mobile-menu-toggle{display:none}.app-shell{display:flex;min-height:calc(100vh - 52px)}.app-sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);background:var(--bg-sidebar);border-right:1px solid var(--border-color);padding:16px 10px;overflow-y:auto}.nav-section{margin-bottom:20px}.nav-section-title{font-size:11px;text-transform:uppercase;font-weight:700;letter-spacing:.5px;color:var(--text-muted);padding:4px 8px;margin-bottom:4px}.nav-tool-list{list-style:none}.nav-tool-item{margin-bottom:2px}.nav-tool-link{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:4px;color:var(--text-main);text-decoration:none;font-size:13px;transition:background .15s}.nav-tool-link:hover{background:#0d948814;text-decoration:none}.nav-tool-link.active{background:var(--primary);color:var(--text-inverse)}.nav-tool-icon{display:inline-flex;align-items:center;opacity:.85}.app-footer{border-top:1px solid var(--border-color);padding:24px 16px;text-align:center;font-size:12px;color:var(--text-muted);background:var(--bg-surface)}.footer-links{margin-top:8px}.nav-tool-name{overflow-wrap:anywhere}.nav-favorites{margin-bottom:20px;border-bottom:1px solid var(--border-color);padding-bottom:12px}.footer-links{display:flex;justify-content:center;gap:20px}.search-status{color:var(--text-muted);margin-bottom:12px}.not-found{padding:48px 20px}.not-found p{margin:16px 0}.app-main{flex:1;min-width:0;padding:16px 24px;max-width:1200px;margin:0 auto;width:100%}.tool-header{margin-bottom:12px}.tool-title-row{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.tool-title{font-size:20px;font-weight:700}.privacy-badge{font-size:11px;padding:2px 8px;border-radius:12px;background:#0d94881a;color:var(--primary);font-weight:500}.tool-desc{font-size:13px;color:var(--text-muted);margin-top:4px}.tool-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:10px 12px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:6px;margin-bottom:12px}.tool-actions-group,.tool-options-group{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tool-select,.tool-input-num,.tool-input-text{padding:4px 8px;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-surface);color:var(--text-main);font-size:12px}.tool-checkbox-label{display:inline-flex;align-items:center;gap:4px;font-size:12px;cursor:pointer}.status-bar{display:flex;align-items:center;gap:8px;font-size:12px;padding:6px 12px;border-radius:4px;margin-bottom:10px;background:#0d94880f;color:var(--text-muted)}.status-bar.status-running{background:#d977061a;color:var(--accent)}.error-banner{padding:8px 12px;background:#dc26261a;color:var(--danger);border:1px solid rgba(220,38,38,.3);border-radius:4px;margin-bottom:10px;font-size:13px}.error-banner.hidden{display:none}.editor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:16px}.editor-grid.has-secondary{grid-template-columns:repeat(2,minmax(0,1fr))}.editor-pane{display:flex;flex-direction:column}.pane-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.pane-title{font-size:13px;font-weight:600}.pane-actions{display:flex;align-items:center;gap:6px}.editor-textarea{width:100%;height:380px;padding:10px;font-family:var(--font-mono);font-size:13px;line-height:1.5;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-input);color:var(--text-main);resize:vertical}.editor-textarea.output{background:var(--bg-output)}.editor-textarea:focus{outline:2px solid var(--border-focus)}.editor-textarea.stale{opacity:.7;border-color:var(--accent)}.view-tabs{display:inline-flex;gap:4px;margin-bottom:8px}.view-tab{padding:4px 8px;font-size:12px;border-radius:4px;border:1px solid var(--border-color);background:var(--bg-surface)}.view-tab.active{background:var(--primary);color:var(--text-inverse);border-color:var(--primary)}.tree-container{height:380px;overflow:auto;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-output);padding:10px;font-family:var(--font-mono);font-size:12px}.tree-leaf-row,.tree-summary{padding:2px 4px;cursor:pointer}.tree-leaf-row:hover,.tree-summary:hover{background:#0000000a}.tree-key{color:#0284c7;font-weight:600}.tree-val{color:var(--text-main)}.tree-type{display:inline-block;font-size:10px;padding:1px 4px;border-radius:3px;margin-right:4px;background:#0000000f;color:var(--text-muted)}.tree-truncation-notice,.diff-truncation-notice{font-size:11px;color:var(--accent);padding:6px;margin-top:6px;border-top:1px dashed var(--border-color)}.diff-container{height:380px;overflow:auto;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-output);padding:6px;font-family:var(--font-mono);font-size:12px}.diff-table{width:100%}.diff-header-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));font-weight:600;border-bottom:1px solid var(--border-color);padding-bottom:4px;margin-bottom:4px}.diff-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:2px 4px;border-bottom:1px solid rgba(0,0,0,.03)}.diff-cell{overflow-x:auto;white-space:pre-wrap;word-break:break-all}.diff-kind-added{background:var(--diff-add-bg);color:var(--diff-add-text)}.diff-kind-removed{background:var(--diff-rem-bg);color:var(--diff-rem-text)}.diff-kind-changed{background:var(--diff-change-bg);color:var(--diff-change-text)}.diff-row-unified{padding:2px 4px;white-space:pre-wrap;word-break:break-all}.transfer-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 12px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:6px;margin-bottom:24px}.transfer-label{font-size:12px;font-weight:600;color:var(--text-muted)}.tool-help-section{border-top:1px solid var(--border-color);padding-top:20px;margin-top:24px}.tool-help-section h2{font-size:16px;margin-bottom:12px}.tool-help-body{font-size:13px;line-height:1.6;color:var(--text-muted);margin-bottom:16px}.tool-faqs details{margin-bottom:8px;border:1px solid var(--border-color);border-radius:4px;padding:8px 12px;background:var(--bg-surface)}.tool-faqs summary{font-weight:600;cursor:pointer}.tool-faqs p{margin-top:6px;color:var(--text-muted);font-size:13px}.tool-title-row{justify-content:space-between}.tool-title{flex:1}.tool-desc{margin-bottom:8px;max-width:85ch}.favorite-button[aria-pressed=true]{color:var(--primary);border-color:var(--primary)}.tool-input-text{width:220px;max-width:100%}.tool-input-num{width:84px}.editor-pane{min-width:0}.pane-header{min-height:34px;gap:8px}.view-tabs{min-height:30px;flex-wrap:wrap}.editor-grid.has-secondary .pane-output{grid-column:1 / -1}.tree-children{padding-left:16px}.diff-path-full{grid-column:1 / -1}.diff-path{font-weight:600;color:var(--text-muted)}.diff-cell{min-width:0;padding:3px 6px}.diff-inline-added{color:var(--diff-add-text);background:var(--diff-add-bg);text-decoration:underline;font-weight:700}.diff-inline-removed{color:var(--diff-rem-text);background:var(--diff-rem-bg);font-weight:700}.result-details{padding:12px 16px;margin-bottom:16px;border:1px solid var(--border-color);border-left:3px solid var(--primary);border-radius:6px;background:var(--bg-surface);overflow-wrap:anywhere}.result-notices{padding-left:18px;line-height:1.7}.result-stats{display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:8px;font-size:12px}.result-stats dt{color:var(--text-muted)}.result-stats dd{font-family:var(--font-mono)}.home-container{padding:20px 0}.home-hero{text-align:left;padding:12px 0;max-width:900px;margin:0 0 24px}.home-title{font-size:28px;font-weight:800;margin-bottom:12px}.home-subtitle{font-size:16px;color:var(--text-muted)}.featured-card{padding:24px;border:2px solid var(--primary);border-radius:8px;background:var(--bg-surface);margin-bottom:32px}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:36px}.feature-item{padding:16px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-surface)}.feature-title{font-weight:700;margin-bottom:6px;color:var(--primary)}.featured-desc{margin:8px 0 16px}.privacy-container{max-width:800px;margin:20px auto;line-height:1.7}.faq-item{margin-bottom:8px;border:1px solid var(--border-color);border-radius:4px;padding:8px 12px;background:var(--bg-surface)}.faq-item summary{font-weight:600;cursor:pointer}.faq-item p{margin-top:6px;font-size:13px;color:var(--text-muted)}.catalog-section{margin-bottom:32px}.catalog-section-title{font-size:18px;font-weight:700;margin-bottom:12px;border-bottom:2px solid var(--border-color);padding-bottom:6px}.catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));gap:16px}.catalog-card{display:flex;flex-direction:column;padding:16px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-surface);text-decoration:none;color:inherit;transition:border-color .15s,box-shadow .15s}.catalog-card:hover{border-color:var(--primary);text-decoration:none;box-shadow:0 4px 12px #0d948814}.catalog-card-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.catalog-card-title{font-weight:700;color:var(--primary);font-size:15px}.catalog-card-desc{font-size:12px;color:var(--text-muted);line-height:1.5}.privacy-container h1,.privacy-container h2{margin:20px 0 12px}.privacy-container p{margin-bottom:12px}.catalog-card-title{display:block;margin-bottom:8px}@media(max-width:1024px){.editor-grid,.editor-grid.has-secondary{grid-template-columns:minmax(0,1fr)}.view-tabs:empty{display:none}}@media(max-width:768px){.app-header{display:grid;grid-template-columns:1fr auto;height:auto;min-height:100px;gap:8px;padding:8px 12px}.header-actions{grid-column:2;grid-row:1}.header-search-wrapper{display:block;grid-row:2;grid-column:1 / -1;max-width:none;margin:0}.header-search-input{min-height:36px}.mobile-menu-toggle{display:inline-flex}.app-sidebar{position:fixed;top:100px;left:0;bottom:0;z-index:99;width:min(300px,90vw);visibility:hidden;transform:translate(-100%);box-shadow:2px 0 10px #0000001f}.app-sidebar.sidebar-open{transform:translate(0);visibility:visible}.app-main{padding:12px}.features-grid{grid-template-columns:1fr;gap:8px}.feature-item{padding:10px 12px}.home-container{padding:0}.home-hero{padding-top:8px}.home-title{font-size:25px}.tool-title{font-size:18px}.tool-toolbar{padding:8px}.editor-textarea,.tree-container,.diff-container{height:clamp(200px,28vh,260px)}.tool-title-row{align-items:flex-start}.tool-input-text{width:100%}.btn-icon{width:36px;height:36px}}