:root{--color-bg: #0f0f0f;--color-surface: #161616;--color-surface-raised: #111111;--color-surface-deep: #0d0d0d;--color-surface-input: #0a0a0a;--color-border: #2a2a2a;--color-border-subtle: #1e1e1e;--color-border-faint: #1a1a1a;--color-text-primary: #e8e8e8;--color-text-secondary: #9a9a9a;--color-text-muted: #6a6a6a;--color-text-faint: #555555;--color-text-ghost: #444444;--color-text-dim: #3a3a3a;--color-text-dimmer: #2e2e2e;--color-text-title: #ffffff;--color-accent: #7eb8f7;--color-accent-bg: #1e3a5a;--color-accent-border: #2e5080;--color-accent-hover-bg: #254870;--color-accent-hover-text: #bfdbfe;--color-success: #4ade80;--color-success-bg: #0d2d18;--color-success-border: #1a4a28;--color-danger: #f87171;--color-danger-bg: #2d0f0f;--color-danger-border: #6b1e1e;--color-warning: #fbbf24;--color-warning-bg: #2a1f0a;--color-warning-border: #4a3510;--color-diff-add-bg: #0d2d18;--color-diff-del-bg: #2d0f0f;--color-char-add-bg: #145228;--color-char-del-bg: #6b1e1e;--color-diff-add-text: #86efac;--color-diff-del-text: #fca5a5;--color-diff-add-gutter: #2a6640;--color-diff-del-gutter: #7a3030;--color-sep: #3a3a3a;--color-nav-sep: #3a3a3a;--color-checker-a: #080808;--color-checker-b: #141414;--shadow-modal: 0 24px 64px rgba(0, 0, 0, .75);--shadow-canvas: 0 4px 32px rgba(0, 0, 0, .6);--color-scrollbar-track: #111111;--color-scrollbar-thumb: #2a2a2a;--color-scrollbar-thumb-hover: #3a3a3a;--color-theme-btn-bg: transparent;--color-theme-btn-border: #2a2a2a;--color-theme-btn-text: #6a6a6a;--color-theme-btn-hover-bg: #1a1a1a;--color-theme-btn-hover-text: #e8e8e8;--sh-key: #7eb8f7;--sh-str: #86efac;--sh-num: #fbbf24;--sh-bool: #f472b6;--sh-null: #9a9a9a;--sh-tag: #f472b6;--sh-ns: #c084fc;--sh-at: #c084fc;--sh-selector: #f472b6;--sh-cdata: #fbbf24;--sh-yaml-anchor: #c084fc;--sh-yaml-tag: #fb923c}[data-theme=light]{--color-bg: #f4f5f7;--color-surface: #ffffff;--color-surface-raised: #f0f1f3;--color-surface-deep: #e8eaed;--color-surface-input: #ffffff;--color-border: #d0d3d9;--color-border-subtle: #dde0e5;--color-border-faint: #e4e7ec;--color-text-primary: #1a1d23;--color-text-secondary: #4a5568;--color-text-muted: #6b7280;--color-text-faint: #8a92a0;--color-text-ghost: #9aa0ad;--color-text-dim: #a0a8b4;--color-text-dimmer: #b0b8c4;--color-text-title: #0d0f12;--color-accent: #2563eb;--color-accent-bg: #dbeafe;--color-accent-border: #93c5fd;--color-accent-hover-bg: #bfdbfe;--color-accent-hover-text: #1e40af;--color-success: #16a34a;--color-success-bg: #dcfce7;--color-success-border: #86efac;--color-danger: #dc2626;--color-danger-bg: #fee2e2;--color-danger-border: #fca5a5;--color-warning: #d97706;--color-warning-bg: #fef3c7;--color-warning-border: #fcd34d;--color-diff-add-bg: #dcfce7;--color-diff-del-bg: #fee2e2;--color-char-add-bg: #bbf7d0;--color-char-del-bg: #fecaca;--color-diff-add-text: #15803d;--color-diff-del-text: #b91c1c;--color-diff-add-gutter: #166534;--color-diff-del-gutter: #991b1b;--color-sep: #cbd5e1;--color-nav-sep: #c5cad3;--color-checker-a: #e2e5ea;--color-checker-b: #f0f1f3;--shadow-modal: 0 24px 64px rgba(0, 0, 0, .18);--shadow-canvas: 0 4px 32px rgba(0, 0, 0, .12);--color-scrollbar-track: #f0f1f3;--color-scrollbar-thumb: #c8cdd6;--color-scrollbar-thumb-hover: #a0a8b4;--color-theme-btn-bg: transparent;--color-theme-btn-border: #d0d3d9;--color-theme-btn-text: #6b7280;--sh-key: #1d4ed8;--sh-str: #15803d;--sh-num: #b45309;--sh-bool: #be185d;--sh-null: #6b7280;--sh-tag: #be185d;--sh-ns: #7c3aed;--sh-at: #7c3aed;--sh-selector: #be185d;--sh-cdata: #b45309;--sh-yaml-anchor: #7c3aed;--sh-yaml-tag: #c2410c;--color-theme-btn-hover-bg: #f0f1f3;--color-theme-btn-hover-text: #1a1d23}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}[hidden]{display:none!important}html{font-size:16px;scroll-behavior:smooth}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,sans-serif;background-color:var(--color-bg);color:var(--color-text-primary);line-height:1.6;min-height:100vh;transition:background-color .2s ease,color .2s ease}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4,h5,h6{line-height:1.2;font-weight:600}img,svg{display:block;max-width:100%}button{cursor:pointer;font:inherit}input,textarea,select{font:inherit}#app{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;width:100%;max-width:1100px;margin:0 auto;padding:2.5rem 1.5rem}.home-header{padding:3rem 0 2.5rem;border-bottom:1px solid var(--color-border);margin-bottom:2.5rem}.site-title{font-size:1.9rem;font-weight:700;letter-spacing:-.01em;margin-bottom:.4rem;color:var(--color-text-title)}.site-tagline{font-size:.95rem;color:var(--color-text-secondary);max-width:60ch;margin-bottom:1.5rem}.home-search{position:relative;max-width:360px}.home-search__icon{position:absolute;left:11px;top:50%;transform:translateY(-50%);font-size:.9rem;pointer-events:none;opacity:.5}.home-search__input{width:100%;box-sizing:border-box;padding:8px 12px 8px 34px;background:var(--color-surface-input);border:1px solid var(--color-border);border-radius:7px;color:var(--color-text-primary);font-size:.9rem;font-family:inherit;outline:none;transition:border-color .15s,box-shadow .15s;-webkit-appearance:none;appearance:none}.home-search__input::placeholder{color:var(--color-text-muted)}.home-search__input:focus{border-color:var(--color-accent-border);box-shadow:0 0 0 3px var(--color-accent-bg)}.home-search__input::-webkit-search-cancel-button{-webkit-appearance:searchfield-cancel-button;opacity:.5;cursor:pointer}.search-empty{padding:3rem 0;text-align:center;font-size:.95rem;color:var(--color-text-muted)}.search-empty strong{color:var(--color-text-secondary)}.tools-category{margin-bottom:2.75rem}.tools-category:last-child{margin-bottom:0}.tools-category__heading{display:flex;align-items:center;gap:.5rem;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);margin-bottom:1rem;padding-bottom:.6rem;border-bottom:1px solid var(--color-border)}.tools-category__icon{font-size:.95rem}.tools-category__count{margin-left:auto;font-size:.72rem;font-weight:500;color:var(--color-text-faint);background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:10px;padding:1px 7px;letter-spacing:0}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}.tool-card{display:block;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;padding:1.5rem;transition:border-color .2s ease,background-color .2s ease;color:inherit;text-decoration:none}.tool-card:hover{border-color:var(--color-accent);background-color:var(--color-surface-raised);text-decoration:none}.tool-name{font-size:1.1rem;font-weight:600;margin-bottom:.5rem;color:var(--color-text-title)}.tool-description{font-size:.9rem;color:var(--color-text-secondary);line-height:1.5}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:5rem 1.5rem;gap:.75rem;color:var(--color-text-muted)}.empty-icon{font-size:3rem;line-height:1}.empty-state h2{font-size:1.3rem;color:var(--color-text-secondary)}.empty-state p:not(.empty-icon){font-size:.95rem;max-width:45ch}.site-nav{background-color:var(--color-surface);border-bottom:1px solid var(--color-border);padding:0 1.5rem;height:52px;display:flex;align-items:center;flex-shrink:0;transition:background-color .2s ease,border-color .2s ease}.site-nav__inner{display:flex;align-items:center;gap:.5rem;width:100%;max-width:1100px;margin:0 auto}.site-nav__home{display:flex;align-items:center;gap:.45rem;text-decoration:none;color:var(--color-text-primary);font-weight:600;font-size:.95rem;white-space:nowrap}.site-nav__home:hover{color:var(--color-text-title);text-decoration:none}.site-nav__lock{font-size:1rem;line-height:1}.site-nav__breadcrumb{display:flex;align-items:center;gap:.5rem}.site-nav__sep{color:var(--color-nav-sep);font-weight:400;font-size:1.1rem;line-height:1;-webkit-user-select:none;user-select:none}.site-nav__current{color:var(--color-text-secondary);font-size:.95rem;font-weight:400}.site-nav__spacer{flex:1}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;border:1px solid var(--color-theme-btn-border);background:var(--color-theme-btn-bg);color:var(--color-theme-btn-text);font-size:.95rem;cursor:pointer;flex-shrink:0;transition:background-color .15s ease,border-color .15s ease,color .15s ease;line-height:1}.theme-toggle:hover{background-color:var(--color-theme-btn-hover-bg);color:var(--color-theme-btn-hover-text);border-color:var(--color-sep)}.site-footer{background-color:var(--color-surface);border-top:1px solid var(--color-border);padding:1.25rem 1.5rem;text-align:center;font-size:.8rem;color:var(--color-text-faint);transition:background-color .2s ease,border-color .2s ease}