:root{color:#18362b;font-synthesis:none;--bg:#f3faf6;--surface:#edf7f1;--code:#173a31;--text:#18362b;--secondary:#426052;--muted:#6d8377;--primary:#3d9b72;--hover:#2f7c5b;--selected:#dceee3;--code-text:#e8f5ee;--code-muted:#9fc2ae;--danger:#b94a52;--danger-bg:#fce7e9;--warning:#9a6718;--warning-bg:#fff2d6;--warning-text:#6f4b13;--line:#b7d0c4;--radius:18px;--scrollbar-body:#d4e9dc;--scrollbar-body-hover:#b7ddc8;--scrollbar-code:#5a7d6e;--scrollbar-code-hover:#7a9d8e;--scrollbar-card:#b7d0c4;--scrollbar-card-hover:#9ab8aa;background:#f3faf6;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}html,body{background:var(--bg);overscroll-behavior:none;min-height:100%;margin:0}body{color:var(--text)}body[data-theme=dark]{--bg:#10251f;--surface:#19382f;--code:#0c211b;--text:#e8f5ee;--secondary:#b3d0c0;--muted:#88a99a;--selected:#244b3d;--code-text:#e8f5ee;--code-muted:#9fc2ae;--danger:#f0929a;--danger-bg:#4b2429;--warning:#f4c56a;--warning-bg:#493714;--warning-text:#f4c56a;--line:#426052;--scrollbar-body:#2a4a3e;--scrollbar-body-hover:#3f6657}button,a{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0}button:disabled{opacity:.4;cursor:not-allowed}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}a{text-decoration:none}.app-shell{min-height:100vh;display:flex}.sidebar{z-index:20;background:var(--bg);flex-direction:column;flex:none;gap:18px;width:256px;height:100dvh;max-height:100dvh;padding:28px 20px 24px;transition:width .2s;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:10px;font-size:20px;font-weight:700;text-decoration:none;display:flex}.brand-mark{flex:none;width:22px;height:22px;display:block}.search-label{display:block}.search-label input{border:0;border-bottom:1px solid var(--line);width:100%;color:var(--text);background:0 0;outline:none;padding:10px 2px}.search-label input:focus{border-color:var(--primary)}.no-match{color:var(--text-secondary);padding:10px 2px;font-size:13px}.sidebar nav{overscroll-behavior:contain;scrollbar-width:thin;flex-direction:column;flex:1;gap:6px;min-height:0;display:flex;overflow:hidden auto}.nav-item{color:var(--secondary);border-radius:8px;align-items:center;gap:10px;padding:9px 10px;font-size:14px;text-decoration:none;display:flex}.nav-item:hover{color:var(--text)}.nav-item.active{background:var(--selected);color:var(--text);border-left:2px solid var(--primary);padding-left:8px;font-weight:700}.nav-icon{text-align:center;width:24px;color:var(--primary);flex:none;font-size:13px}.nav-group{margin-top:10px}.group-title{width:100%;color:var(--secondary);justify-content:space-between;padding:5px 10px;font-size:13px;font-weight:600;display:flex}.group-items{flex-direction:column;gap:3px;display:flex}.sidebar-foot{color:var(--muted);margin-top:auto;font-size:12px}.sidebar.collapsed{width:72px;padding-left:12px;padding-right:12px}.sidebar.collapsed .brand span:last-child,.sidebar.collapsed .search-label,.sidebar.collapsed .group-name,.sidebar.collapsed .chevron,.sidebar.collapsed .nav-item span:last-child,.sidebar.collapsed .sidebar-foot{display:none}.sidebar.collapsed .brand,.sidebar.collapsed .nav-item,.sidebar.collapsed .group-title{justify-content:center}.sidebar.collapsed .nav-icon,.sidebar.collapsed .group-icon{width:auto;font-size:17px}.sidebar.collapsed .nav-item{padding-left:8px;padding-right:8px}.sidebar.collapsed .sidebar-foot{text-align:center;white-space:normal;font-size:10px;line-height:1.35;display:block}.sidebar-backdrop{z-index:15;background:#00000052;position:fixed;inset:0}.main-shell{overscroll-behavior:contain;flex:1;min-width:0;height:100dvh;margin-left:256px;padding:0 32px 50px;transition:margin-left .2s;overflow:hidden auto}body.sidebar-collapsed .main-shell{margin-left:72px}.topbar{z-index:5;background:var(--bg);justify-content:space-between;align-items:flex-start;gap:20px;padding:20px 0 14px;display:flex;position:sticky;top:0}.topbar-main{flex:auto;align-items:flex-start;gap:18px;min-width:0;display:flex}.page-heading{flex:auto;min-width:0}.topbar h1{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:27px;line-height:1.2;overflow:hidden}.topbar p{color:var(--secondary);margin:6px 0 0;font-size:15px}.icon-button{color:var(--secondary);padding:6px;font-size:22px}.global-actions{color:var(--secondary);white-space:nowrap;flex:none;justify-content:flex-end;align-items:center;gap:16px;margin-top:6px;font-size:13px;display:flex}.global-actions a,.global-actions button{color:var(--secondary);text-decoration:none}.global-actions a:hover,.global-actions button:hover{color:var(--primary)}.locale-switcher{position:relative}.locale-current{cursor:pointer;color:var(--secondary);background:0 0;border:none;align-items:center;gap:6px;padding:6px 4px;font-size:13px;display:inline-flex}.locale-current:hover{color:var(--primary)}.locale-arrow{font-size:10px}.locale-menu{background:var(--surface);border:1px solid var(--line);z-index:30;border-radius:10px;min-width:120px;margin:4px 0 0;padding:6px 0;list-style:none;position:absolute;top:100%;right:0;box-shadow:0 6px 20px #18362b1f}.locale-menu a{color:var(--text);padding:8px 14px;font-size:13px;text-decoration:none;display:block}.locale-menu a:hover{background:var(--bg);color:var(--primary)}.locale-menu a.active{color:var(--primary);font-weight:600}.content{max-width:none;margin:0}.breadcrumb{color:var(--muted);align-items:center;gap:8px;margin:4px 0 20px;font-size:13px;display:flex}.breadcrumb a:hover{color:var(--primary)}.breadcrumb-sep{color:var(--muted);opacity:.6}.section-title{margin:18px 0;font-size:20px}.home-intro{max-width:820px;margin:8px 0 30px}.home-intro h2{color:var(--text);margin:0 0 10px;font-size:22px}.home-intro p{color:var(--secondary);margin:0;font-size:16px;line-height:1.7}.home-categories{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:820px;margin:28px 0 12px;display:grid}.category-tile{background:var(--surface);border-radius:16px;flex-direction:column;gap:6px;padding:20px 22px;text-decoration:none;transition:background .15s;display:flex}.category-tile:hover{background:var(--selected)}.category-tile strong{color:var(--text);font-size:17px}.category-tile>span:not(.card-arrow){color:var(--secondary);font-size:14px;line-height:1.5}.category-tile .card-arrow{color:var(--primary);align-self:flex-end;margin-top:4px;font-size:18px}.home-popular,.home-how{margin-top:36px}.section-sub{color:var(--secondary);margin:-8px 0 20px;font-size:15px}.home-categories{margin-top:36px}.home-categories-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:820px;display:grid}.how-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:900px;margin:0;padding:0;list-style:none;display:grid}.how-steps li{background:var(--surface);border-radius:16px;align-items:flex-start;gap:14px;padding:20px;display:flex}.step-num{background:var(--primary);color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:32px;height:32px;font-size:15px;font-weight:700;display:flex}.how-steps strong{color:var(--text);margin-bottom:4px;font-size:15px;display:block}.how-steps p{color:var(--secondary);margin:0;font-size:14px;line-height:1.5}@media (width<=720px){.home-categories-grid,.how-steps,.home-categories{grid-template-columns:1fr}}.category-intro{max-width:820px;color:var(--secondary);margin:0 0 28px;font-size:16px;line-height:1.7}.home-faq{max-width:820px;margin-top:20px}.home-faq details{padding:10px 0}.home-faq summary{cursor:pointer;color:var(--text);font-size:15px;font-weight:600}.home-faq p{color:var(--secondary);margin:10px 0 0;line-height:1.7}.tool-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-bottom:34px;display:grid}.tool-card{background:var(--surface);border-radius:16px;flex-direction:column;gap:8px;min-height:150px;padding:20px;text-decoration:none;transition:background .15s;display:flex;position:relative}.tool-card:hover{background:var(--selected)}.tool-card strong{font-size:16px}.tool-card>span:not(.card-icon):not(.card-arrow){color:var(--secondary);font-size:14px}.card-icon{color:var(--text);font-size:23px;font-weight:700}.card-arrow{color:var(--primary);align-self:flex-end;margin-top:auto;font-size:18px}.workspace-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.panel{min-width:0}.panel-header{color:var(--secondary);justify-content:space-between;align-items:center;margin:0 0 10px;display:flex}.panel-label{font-weight:600}.panel-actions{align-items:center;gap:12px;display:flex}.panel-actions button,.file-button,.action-bar button{color:var(--secondary);padding:4px 0;font-size:13px}.panel-actions button:hover,.file-button:hover,.action-bar button:hover{color:var(--primary)}.file-button{cursor:pointer}.file-button input{display:none}.code-card{border-radius:var(--radius);background:var(--code);width:100%;min-height:calc(100vh - 360px);max-height:70vh;color:var(--code-text);resize:vertical;white-space:pre-wrap;scrollbar-width:thin;scrollbar-color:var(--scrollbar-code) transparent;border:0;padding:20px;font:14px/1.65 SFMono-Regular,Consolas,monospace;overflow:auto}.output-card{margin:0;overflow:auto}.empty-state{color:var(--code-muted)}.input-meta{color:var(--muted);margin-top:6px;font-size:11px}.options-row{color:var(--secondary);flex-wrap:wrap;align-items:center;gap:20px;margin:16px 0;font-size:13px;display:flex}.options-row select{color:var(--text);background:0 0;border:0;padding:2px}.jsonpath-label{align-items:center;gap:7px;margin-left:auto;display:flex}.jsonpath-label input{border:0;border-bottom:1px solid var(--line);width:180px;color:var(--text);background:0 0;outline:none;padding:3px 2px}.jsonpath-label input:focus{border-color:var(--primary)}.action-bar{color:var(--secondary);flex-wrap:wrap;align-items:center;gap:18px;margin:20px 0;display:flex}.action-bar .primary-btn{background:var(--primary);color:#fff;border-radius:8px;padding:9px 15px;font-weight:700;transition:background .15s}.action-bar .primary-btn:hover{background:var(--hover);color:#fff}.action-bar #status{margin-left:auto;font-size:13px}#status.error{color:var(--danger);background:var(--danger-bg);border-radius:8px;padding:5px 10px}#status.error:before{content:"⚠️ "}.auto-repair-toggle{color:var(--secondary);cursor:pointer;align-items:center;gap:5px;font-size:13px;display:inline-flex}.repair-box{color:var(--secondary);margin-top:8px;padding:16px 0}.repair-title{color:var(--warning);font-weight:600}.repair-hint{color:var(--muted);margin:6px 0;font-size:12px}.repair-list{gap:8px;margin:10px 0;padding:0;list-style:none;display:grid}.repair-item{background:var(--warning-bg);color:var(--warning-text);white-space:normal;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;font-size:13px;display:flex}.repair-item.applied{opacity:.7}.repair-item button{color:var(--primary);border-radius:6px;flex:none;padding:4px 8px;font-size:13px}.repair-item button:hover{color:var(--hover)}.repair-actions{gap:16px;margin-top:4px;display:flex}.repair-actions button{color:var(--primary);font-size:13px}.repair-actions button:hover{color:var(--hover)}.privacy-note{color:var(--muted);font-size:12px}.tool-prose{max-width:820px;color:var(--secondary);margin:28px 0 0;font-size:15px;line-height:1.75}.tool-prose h1:first-child{display:none}.tool-prose h2{color:var(--text);margin:32px 0 12px;font-size:19px}.tool-prose h3{color:var(--text);margin:24px 0 10px;font-size:16px}.tool-prose p{margin:12px 0}.tool-prose ul,.tool-prose ol{margin:12px 0;padding-left:22px}.tool-prose li{margin:6px 0}.tool-prose table{border-collapse:collapse;width:100%;margin:16px 0;font-size:14px}.tool-prose th,.tool-prose td{border:1px solid var(--line);text-align:left;padding:8px 12px}.tool-prose th{background:var(--surface);color:var(--text);font-weight:600}.tool-prose code{background:var(--surface);border-radius:6px;padding:2px 6px;font-size:13px}.tool-prose strong{color:var(--text)}.tool-prose a{color:var(--primary)}.tool-prose a:hover{text-decoration:underline}.seo-content{max-width:820px;color:var(--secondary);margin:54px 0 0}.seo-content h2{color:var(--text);font-size:20px}.seo-content h3{color:var(--text);margin-top:28px;font-size:16px}.seo-content li{margin:6px 0}.seo-content details{margin-top:14px}.seo-content summary{cursor:pointer;color:var(--text)}.seo-example{background:var(--surface);color:var(--text);border-radius:12px;padding:14px 16px;font-size:13px;overflow:auto}.related-tools a{color:var(--primary)}.related-tools a:hover{color:var(--hover);text-decoration:underline}.placeholder{text-align:center;color:var(--secondary);padding:100px 20px}.placeholder-icon{color:var(--primary);margin-bottom:16px;font-size:56px}.placeholder h1,.placeholder h2{color:var(--text)}.placeholder a{color:var(--primary)}.muted{color:var(--muted)}.sr-only{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}[hidden]{display:none!important}.help-anchor{height:1px}.site-footer{color:var(--muted);margin:72px -32px 0;padding:32px 32px 36px;font-size:13px}.footer-brand-name{color:var(--text);white-space:nowrap;text-align:center;margin:0 0 10px;font-size:20px;font-weight:700}.footer-tagline{white-space:nowrap;text-align:center;margin:0 0 16px;line-height:1.6}.footer-links{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:16px 40px;display:flex}.footer-group{white-space:nowrap;align-items:baseline;gap:14px;display:flex}.footer-group-label{color:var(--secondary);flex:none;font-weight:600}.footer-group nav{align-items:baseline;display:flex}.footer-group a{color:var(--secondary);text-decoration:none}.footer-group a:hover{color:var(--primary)}.footer-group a:not(:last-child):after{content:"·";color:var(--muted);opacity:.7;margin:0 10px}.footer-copy{text-align:center;margin-top:26px}.static-page{max-width:none;color:var(--secondary);font-size:15px;line-height:1.8}.static-page h1{color:var(--text);margin:0 0 20px;font-size:26px}.static-page h2{color:var(--text);margin:28px 0 10px;font-size:19px}.static-page p{margin:12px 0}.static-page ul{padding-left:22px}.static-page a{color:var(--primary)}body::-webkit-scrollbar{width:8px}body::-webkit-scrollbar-track{background:0 0}body::-webkit-scrollbar-thumb{background:var(--scrollbar-body);border-radius:4px}body::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-body-hover)}.code-card::-webkit-scrollbar{width:6px}.code-card::-webkit-scrollbar-track{background:0 0}.code-card::-webkit-scrollbar-thumb{background:var(--scrollbar-code);border-radius:3px}.code-card::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-code-hover)}@media (width<=1100px){.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=860px){.sidebar{width:280px;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar.collapsed{width:280px;padding-left:20px;padding-right:20px}.sidebar.collapsed .brand span:last-child,.sidebar.collapsed .search-label,.sidebar.collapsed .group-name,.sidebar.collapsed .chevron,.sidebar.collapsed .nav-item span:last-child,.sidebar.collapsed .sidebar-foot{display:initial}.sidebar.collapsed .brand,.sidebar.collapsed .nav-item,.sidebar.collapsed .group-title{justify-content:initial}.sidebar.collapsed .nav-icon,.sidebar.collapsed .group-icon{width:24px;font-size:13px}.main-shell,body.sidebar-collapsed .main-shell{margin-left:0;padding:0 18px 40px}.global-actions #theme-label{display:none}.workspace-grid{grid-template-columns:1fr}.code-card{min-height:280px;max-height:none}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.site-footer{margin:72px -18px 0}.footer-group{white-space:normal}.footer-group nav{flex-wrap:wrap}}@media (width<=1200px){.footer-tagline{white-space:normal}}@media (width<=520px){.tool-grid{grid-template-columns:1fr}.topbar h1{font-size:23px}.options-row{flex-wrap:wrap}.action-bar{gap:12px}.action-bar #status,.jsonpath-label{width:100%;margin-left:0}.jsonpath-label input{flex:1;width:auto}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}@media (prefers-color-scheme:dark){body[data-theme=system],html[data-theme=system] body{--bg:#10251f;--surface:#19382f;--code:#0c211b;--text:#e8f5ee;--secondary:#b3d0c0;--muted:#88a99a;--selected:#244b3d;--code-text:#e8f5ee;--code-muted:#9fc2ae;--danger:#f0929a;--danger-bg:#4b2429;--warning:#f4c56a;--warning-bg:#493714;--warning-text:#f4c56a;--line:#426052;--scrollbar-body:#2a4a3e;--scrollbar-body-hover:#3f6657}}html[data-theme=dark] body{--bg:#10251f;--surface:#19382f;--code:#0c211b;--text:#e8f5ee;--secondary:#b3d0c0;--muted:#88a99a;--selected:#244b3d;--code-text:#e8f5ee;--code-muted:#9fc2ae;--danger:#f0929a;--danger-bg:#4b2429;--warning:#f4c56a;--warning-bg:#493714;--warning-text:#f4c56a;--line:#426052;--scrollbar-body:#2a4a3e;--scrollbar-body-hover:#3f6657}