:root{--bg-canvas:#f8fafc;--bg-header:#ffffffe0;--bg-surface:#fff;--bg-surface-elevated:#f1f5f9;--bg-surface-hover:#e2e8f0;--bg-pane:#fff;--bg-editor:#fff;--bg-input:#f8fafc;--border-subtle:#0000000f;--border-default:#e2e8f0;--border-hover:#cbd5e1;--border-focus:#4f46e5;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--text-dim:#94a3b8;--accent-amber:#d97706;--accent-amber-glow:#d977061f;--accent-indigo:#4f46e5;--accent-indigo-hover:#4338ca;--accent-indigo-glow:#4f46e51f;--accent-emerald:#059669;--accent-emerald-bg:#05966914;--accent-rose:#e11d48;--accent-rose-bg:#e11d4814;--accent-cyan:#0284c7;--accent-purple:#7c3aed;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-pill:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 12px -2px #0f172a14, 0 2px 6px -1px #0f172a0a;--shadow-lg:0 12px 32px -4px #0f172a1a, 0 4px 12px -2px #0f172a0d;--shadow-glow:0 0 20px -2px #4f46e51f;--scrollbar-thumb:#cbd5e1;--scrollbar-track:#f8fafc;color:var(--text-primary);background-color:var(--bg-canvas);font-family:var(--font-sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}html{background-color:var(--bg-canvas);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;min-width:320px}body{background-color:var(--bg-canvas);min-width:320px;color:var(--text-primary);margin:0;line-height:1.5}a{color:inherit;text-decoration:none;transition:color .15s}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}:focus-visible{outline:2px solid var(--accent-indigo);outline-offset:2px}h1,h2,h3,h4,h5,h6{text-wrap:balance;letter-spacing:-.025em;color:var(--text-primary);font-weight:700}p,blockquote,li,.lede{text-wrap:pretty}.scroller,.table-scroll,.json-editor,.output-code-area,.workbench-fullscreen{scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);scrollbar-width:thin}@supports not (scrollbar-color:auto){.scroller::-webkit-scrollbar{width:8px;height:8px}.table-scroll::-webkit-scrollbar{width:8px;height:8px}.json-editor::-webkit-scrollbar{width:8px;height:8px}.output-code-area::-webkit-scrollbar{width:8px;height:8px}.workbench-fullscreen::-webkit-scrollbar{width:8px;height:8px}.scroller::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}.table-scroll::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}.json-editor::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}.output-code-area::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}.workbench-fullscreen::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}.scroller::-webkit-scrollbar-track{background:var(--scrollbar-track)}.table-scroll::-webkit-scrollbar-track{background:var(--scrollbar-track)}.json-editor::-webkit-scrollbar-track{background:var(--scrollbar-track)}.output-code-area::-webkit-scrollbar-track{background:var(--scrollbar-track)}.workbench-fullscreen::-webkit-scrollbar-track{background:var(--scrollbar-track)}}.app-shell{background:radial-gradient(circle at 50% 0,#eef2ff 0%,#f8fafc 55%);flex-direction:column;min-height:100vh;display:flex}.site-header{z-index:40;background:var(--bg-header);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border-default);justify-content:space-between;align-items:center;gap:20px;min-height:62px;padding:0 28px;display:flex;position:sticky;top:0}.brand{font-family:var(--font-mono);letter-spacing:-.03em;color:var(--text-primary);align-items:center;gap:10px;font-size:15px;font-weight:700;display:flex}.brand-text{background:linear-gradient(135deg,#0f172a 40%,#334155 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.primary-nav{align-items:center;gap:6px;font-size:13px;font-weight:500;display:flex}.nav-category{color:var(--accent-amber);font-size:11px;font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;border-right:1px solid var(--border-default);align-items:center;gap:6px;margin-right:6px;padding-right:14px;font-weight:700;display:flex}.nav-link{border-radius:var(--radius-sm);color:var(--text-secondary);align-items:center;gap:6px;padding:6px 12px;transition:all .15s;display:flex}.nav-link:hover{color:var(--text-primary);background:var(--bg-surface-elevated)}.nav-link.active{color:var(--accent-indigo)}.privacy-badge{font-size:11px;font-family:var(--font-mono);color:var(--accent-emerald);background:var(--accent-emerald-bg);border-radius:var(--radius-pill);white-space:nowrap;border:1px solid #05966933;align-items:center;gap:6px;padding:4px 10px;display:inline-flex}.privacy-dot{background:var(--accent-emerald);border-radius:50%;width:6px;height:6px;animation:2.5s ease-in-out infinite pulse-dot;box-shadow:0 0 8px #05966966}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.more-tools{position:relative}.mobile-tools{display:none;position:relative}.more-tools summary,.mobile-tools summary{border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;list-style:none;transition:all .15s;display:flex}.more-tools summary::-webkit-details-marker{display:none}.mobile-tools summary::-webkit-details-marker{display:none}.more-tools summary:hover,.mobile-tools summary:hover{color:var(--text-primary);background:var(--bg-surface-elevated)}.more-tools[open] summary,.mobile-tools[open] summary{color:var(--accent-indigo);background:var(--bg-surface-elevated)}.dropdown-caret{transition:transform .2s}.more-tools[open] .dropdown-caret,.mobile-tools[open] .dropdown-caret{transform:rotate(180deg)}.more-tools-menu{z-index:50;border-radius:var(--radius-md);border:1px solid var(--border-default);-webkit-backdrop-filter:blur(14px);width:250px;box-shadow:var(--shadow-lg);background:#fffffffa;flex-direction:column;gap:2px;padding:8px;animation:.18s ease-out fade-down;display:flex;position:absolute;top:calc(100% + 8px);right:0}@keyframes fade-down{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.more-tools-section{font-size:10px;font-family:var(--font-mono);color:var(--accent-amber);text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--border-default);margin-top:6px;margin-bottom:4px;padding:6px 8px 4px;font-weight:700;display:block}.more-tools-section:not(:first-of-type){margin-top:6px}.more-tools-item{border-left:2px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-secondary);background:0 0;justify-content:space-between;align-items:center;gap:8px;margin-left:8px;padding:7px 10px;font-size:12px;font-weight:500;transition:background .12s,color .12s,transform .12s;display:flex}.more-tools-item:hover{background:var(--bg-surface-elevated);color:var(--text-primary);border-left-color:var(--accent-indigo);transform:translate(2px)}.more-tools-item.active{color:var(--accent-indigo);border-left-color:var(--accent-indigo);background:#eef2ff;font-weight:600}.badge-upcoming{border-radius:var(--radius-pill);background:var(--bg-surface-elevated);color:var(--text-muted);border:1px solid var(--border-default);padding:1px 6px;font-size:9px}.page-container{width:min(1200px,100% - 48px);margin:0 auto}.site-footer{border-top:1px solid var(--border-default);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffb3;margin-top:auto}.footer-content{max-width:1200px;color:var(--text-muted);font-family:var(--font-mono);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:0 auto;padding:24px 28px;font-size:11px;display:flex}.footer-left,.footer-right{align-items:center;gap:16px;display:flex}.catalog{padding:64px 0 100px}.hero-section{text-align:center;flex-direction:column;align-items:center;max-width:840px;margin:0 auto;display:flex}.eyebrow{color:var(--accent-amber);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;border-radius:var(--radius-pill);background:#d9770614;border:1px solid #d9770638;align-items:center;gap:8px;margin-bottom:20px;padding:4px 14px;font-size:11px;font-weight:700;display:inline-flex}.catalog h1{letter-spacing:-.04em;margin:0 0 20px;font-size:clamp(40px,7vw,76px);font-weight:800;line-height:1.05}.catalog h1 .gradient-text{background:linear-gradient(135deg,#0f172a 20%,#334155 70%,#4f46e5 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.catalog h1 em{background:linear-gradient(135deg,#d97706 0%,#f59e0b 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-style:normal}.lede{max-width:620px;color:var(--text-secondary);margin-bottom:32px;font-size:17px;line-height:1.6}.hero-features{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-bottom:20px;display:flex}.hero-pill{border-radius:var(--radius-pill);color:var(--text-secondary);border:1px solid var(--border-default);box-shadow:var(--shadow-sm);background:#fff;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:500;display:inline-flex}.tool-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:56px;display:grid}.tool-card{border-radius:var(--radius-lg);border:1px solid var(--border-default);background:var(--bg-surface);box-shadow:var(--shadow-sm);flex-direction:column;padding:24px;transition:transform .2s cubic-bezier(.16,1,.3,1),border-color .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.tool-card:before{content:"";background:linear-gradient(90deg, transparent, var(--border-hover), transparent);opacity:0;height:2px;transition:opacity .2s;position:absolute;top:0;left:0;right:0}.tool-card:hover{box-shadow:var(--shadow-md), var(--shadow-glow);border-color:#4f46e559;transform:translateY(-4px)}.tool-card:hover:before{opacity:1;background:linear-gradient(90deg, transparent, var(--accent-indigo), transparent)}.tool-card-top{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.tool-icon-badge{border-radius:var(--radius-md);width:40px;height:40px;color:var(--accent-indigo);background:#eef2ff;border:1px solid #4f46e526;justify-content:center;align-items:center;transition:all .2s;display:flex}.tool-card:hover .tool-icon-badge{background:var(--accent-indigo);color:#fff}.tool-card-category{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent-amber);font-size:10px;font-weight:700}.tool-card h2{letter-spacing:-.03em;margin:0 0 10px;font-size:19px}.tool-card p{color:var(--text-secondary);flex-grow:1;margin-bottom:20px;font-size:13px;line-height:1.55}.tool-card-features{flex-wrap:wrap;gap:6px;margin-bottom:18px;display:flex}.tool-card-chip{border-radius:var(--radius-pill);background:var(--bg-surface-elevated);color:var(--text-secondary);border:1px solid var(--border-default);padding:2px 8px;font-size:11px}.tool-card-footer{border-top:1px solid var(--border-default);color:var(--accent-indigo);justify-content:space-between;align-items:center;padding-top:14px;font-size:12px;font-weight:600;display:flex}.tool-card-arrow{background:var(--bg-surface-elevated);width:24px;height:24px;color:var(--text-primary);border-radius:50%;justify-content:center;align-items:center;transition:transform .2s,background .2s,color .2s;display:flex}.tool-card:hover .tool-card-arrow{background:var(--accent-indigo);color:#fff;transform:translate(3px)}.why-section{border-radius:var(--radius-xl);border:1px solid var(--border-default);box-shadow:var(--shadow-sm);background:linear-gradient(#fff 0%,#f8fafc 100%);margin-top:80px;padding:40px}.why-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.why-item{flex-direction:column;gap:8px;display:flex}.why-item h3{color:var(--text-primary);font-size:16px}.why-item p{color:var(--text-secondary);font-size:13px;line-height:1.5}.tool-page{flex-direction:column;flex:0 0 calc(100vh - 62px);width:min(1600px,100% - 8px);height:calc(100vh - 62px);min-height:0;padding:0;display:flex}.tool-header-bar{margin-bottom:24px;display:none}.breadcrumbs{font-size:12px;font-family:var(--font-mono);color:var(--text-muted);align-items:center;gap:8px;margin-bottom:12px;display:flex}.breadcrumbs a:hover{color:var(--text-primary)}.breadcrumb-sep{color:var(--text-dim)}.tool-heading{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.tool-heading h1{letter-spacing:-.04em;margin:0 0 6px;font-size:clamp(28px,4vw,44px)}.tool-heading .lede{margin:0;font-size:15px}.workbench{border-radius:var(--radius-lg);border:1px solid var(--border-default);background:var(--bg-pane);min-height:0;box-shadow:var(--shadow-md);flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.workbench-fullscreen{z-index:100;background:var(--bg-canvas);border:none;border-radius:0;flex-direction:column;display:flex;position:fixed;inset:0}.tool-toolbar{border-bottom:1px solid var(--border-default);background:#f8fafc;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:10px 14px;display:flex}.toolbar-section{align-items:center;gap:10px;display:flex}.toolbar-section-output{margin-left:auto}.tool-title{color:var(--text-primary);letter-spacing:-.01em;white-space:nowrap;border-right:1px solid var(--border-default);margin:0 8px 0 0;padding-right:12px;font-size:13px;font-weight:700}.xml-options{border-bottom:1px solid var(--border-default);background:#fff;flex-wrap:wrap;align-items:center;gap:10px 18px;padding:8px 14px;display:flex}.xml-option-field,.xml-option-check{color:var(--text-secondary);white-space:nowrap;align-items:center;gap:8px;font-size:11px;font-weight:600;display:inline-flex}.xml-option-field input[type=text]{border:1px solid var(--border-default);border-radius:var(--radius-sm);width:108px;min-width:0;color:var(--text-primary);background:var(--bg-input);font-family:var(--font-mono);outline:none;padding:5px 8px;font-size:11px}.xml-option-field input[type=text]:focus{border-color:var(--accent-indigo);box-shadow:0 0 0 2px #4f46e51f}.xml-option-check input{accent-color:var(--accent-indigo)}.toolbar-label{color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:700}.toolbar-group{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.button{border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-secondary);box-shadow:var(--shadow-sm);-webkit-user-select:none;user-select:none;background:#fff;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.button:hover{border-color:var(--border-hover);color:var(--text-primary);background:#f8fafc}.button:active{transform:translateY(1px)}.button-primary{color:#fff;background:var(--accent-indigo);border-color:var(--accent-indigo)}.button-primary:hover{background:var(--accent-indigo-hover);border-color:var(--accent-indigo-hover);color:#fff}.button-quiet{box-shadow:none;color:var(--text-muted);background:0 0;border-color:#0000}.button-quiet:hover{background:var(--bg-surface-elevated);border-color:var(--border-default);color:var(--text-primary)}.button-danger{color:var(--accent-rose)}.button-danger:hover{background:var(--accent-rose-bg);color:var(--accent-rose);border-color:#e11d484d}.button-active{border-color:var(--accent-indigo);color:var(--accent-indigo);background:#eef2ff;font-weight:600}.toast-container{z-index:120;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:24px;right:24px}.action-notice{pointer-events:auto;border-radius:var(--radius-pill);color:#fff;box-shadow:var(--shadow-lg);font-family:var(--font-mono);background:#0f172a;border:1px solid #1e293b;align-items:center;gap:8px;padding:10px 18px;font-size:12px;font-weight:500;animation:.2s cubic-bezier(.16,1,.3,1) toast-in;display:inline-flex}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.workspace-panels{background:var(--border-default);flex:1;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:8px;height:auto;min-height:0;max-height:none;display:grid}.workbench[data-tool-id=json-to-table] .workspace-panels{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}.compare-workspace{background:var(--border-default);flex-direction:column;flex:1;gap:8px;min-height:0;display:flex}.compare-inputs{flex:0 0 48%;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-height:0;display:grid}.compare-inputs .pane{min-height:0}.compare-diff-pane{flex:1;height:auto;min-height:0}.compare-diff-summary{color:var(--text-muted);letter-spacing:0;text-transform:none;font-size:10px;font-weight:500}.compare-diff-scroll{background:var(--bg-editor);min-height:0;font-family:var(--font-mono);flex:1;font-size:13px;line-height:22px;overflow:auto}.compare-diff-header,.compare-diff-row{grid-template-columns:repeat(2,minmax(0,1fr));min-width:0;display:grid}.compare-diff-header{z-index:1;border-bottom:1px solid var(--border-default);color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.08em;background:#f8fafc;font-size:10px;font-weight:700;position:sticky;top:0}.compare-diff-header span{border-right:1px solid var(--border-default);padding:7px 12px}.compare-diff-header span:last-child{border-right:0}.diff-cell{border-bottom:1px solid var(--border-subtle);border-right:1px solid var(--border-default);min-width:0;min-height:22px;display:flex}.diff-cell:last-child{border-right:0}.diff-cell.diff-equal{background:var(--bg-editor)}.diff-cell.diff-changed{background:#d977061a}.diff-cell.diff-added{background:var(--accent-indigo-glow);box-shadow:inset 3px 0 0 var(--accent-indigo)}.diff-cell.diff-removed{background:var(--accent-amber-glow);box-shadow:inset 3px 0 0 var(--accent-amber)}.diff-cell.diff-empty{background:#f8fafc}.diff-line-number{color:var(--text-dim);text-align:right;-webkit-user-select:none;user-select:none;flex:0 0 42px;justify-content:flex-end;align-items:center;gap:4px;padding:0 10px;font-size:11px;display:flex}.diff-line-marker{font-size:13px;font-weight:700;line-height:1}.diff-cell.diff-added .diff-line-marker{color:var(--accent-indigo)}.diff-cell.diff-removed .diff-line-marker{color:var(--accent-amber)}.diff-line-number-value{min-width:16px}.diff-line-text{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;flex:1;min-width:0;padding:0 12px}.diff-word-highlight{border-radius:2px}.diff-word-removed{color:var(--accent-amber);background:#d9770633}.diff-word-added{color:var(--accent-indigo);background:#4f46e529}.compare-empty{min-height:0;color:var(--text-muted);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;padding:24px;display:flex}.compare-empty svg{width:28px;height:28px;color:var(--accent-indigo)}.compare-empty strong{color:var(--text-secondary);font-size:14px}.compare-empty span{font-size:12px}.workbench-fullscreen .workspace-panels{border-radius:0;flex:1;height:auto;min-height:0;max-height:none}.pane{background:var(--bg-pane);flex-direction:column;min-width:0;height:100%;display:flex;overflow:hidden}.pane-header{border-bottom:1px solid var(--border-default);min-height:40px;color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.06em;background:#f8fafc;flex:none;justify-content:space-between;align-items:center;gap:12px;padding:8px 14px;font-size:11px;font-weight:700;display:flex}.pane-title{color:var(--text-primary);align-items:center;gap:8px;display:flex}.pane-meta{color:var(--text-muted);align-items:center;gap:10px;font-size:11px;font-weight:500;display:flex}.editor-wrapper{background:var(--bg-editor);flex:1;min-height:0;display:flex;position:relative}.editor-container{background:var(--bg-editor);flex:1;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.editor-gutter{border-right:1px solid var(--border-default);min-width:44px;color:var(--text-dim);font-family:var(--font-mono);text-align:right;-webkit-user-select:none;user-select:none;box-sizing:border-box;background:#f8fafc;flex:none;padding:16px 12px 16px 8px;font-size:13px;overflow:hidden}.input-line-measure{visibility:hidden;pointer-events:none;font-family:var(--font-mono);tab-size:2;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;box-sizing:border-box;padding:16px 14px;font-size:13px;line-height:22px;position:absolute;inset:0 0 0 44px;overflow:hidden}.measure-line{min-height:22px}.gutter-line{height:22px;color:var(--text-dim);font-size:11px;line-height:22px}.output-stage .editor-gutter{padding-left:6px;padding-right:8px}.output-stage .gutter-line{justify-content:flex-end;align-items:flex-start;gap:2px;display:flex}.output-stage .collapse-toggle{flex:0 0 18px;margin:0}.json-editor{resize:none;color:#0f172a;min-width:0;height:100%;min-height:0;font-family:var(--font-mono);tab-size:2;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;box-sizing:border-box;background:#fff;border:0;outline:none;flex:1;padding:16px 14px;font-size:13px;line-height:22px;overflow:auto}.json-editor:focus{outline:none}.drop-overlay{border-radius:var(--radius-md);border:2px dashed var(--accent-indigo);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--accent-indigo);pointer-events:none;z-index:10;background:#ffffffeb;flex-direction:column;justify-content:center;align-items:center;gap:12px;font-weight:600;animation:.15s fade-in;display:flex;position:absolute;inset:12px}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.status-pill{border-radius:var(--radius-pill);font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;max-width:100%;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex;overflow:hidden}.status-pill-valid{color:var(--accent-emerald);background:var(--accent-emerald-bg);border:1px solid #05966940}.status-pill-invalid{color:var(--accent-rose);background:var(--accent-rose-bg);border:1px solid #e11d4840}.text-output{background:var(--bg-editor);flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.output-stage{background:var(--bg-editor);flex:1;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.output-code-area{min-width:0;min-height:0;font-family:var(--font-mono);tab-size:2;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;cursor:text;caret-color:var(--accent-indigo);-webkit-user-select:text;user-select:text;box-sizing:border-box;background:#fff;outline:none;flex:1;padding:16px 14px;font-size:13px;line-height:22px;overflow:auto}.output-code-area:focus{outline:none}.output-code-area::selection,.output-code-area ::selection{background:#4f46e533}.code-line{align-items:stretch;height:auto;min-height:22px;margin:0;padding:0;line-height:22px;display:flex}.collapse-toggle{vertical-align:top;width:18px;height:22px;color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:3px;justify-content:center;align-items:center;margin-right:2px;display:inline-flex}.collapse-toggle:hover{color:var(--accent-indigo);background:var(--accent-indigo-glow)}.collapse-toggle:focus-visible{outline:2px solid var(--accent-indigo);outline-offset:-1px}.collapse-toggle svg{width:12px;height:12px}.line-code{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-all;font-family:var(--font-mono);flex:1;font-size:13px;line-height:22px;display:block}.indent-guide{vertical-align:top;-webkit-user-select:none;user-select:none;box-sizing:border-box;border-left:1px dashed #cbd5e1;width:2ch;height:22px;display:inline-block;position:relative}.token-key{color:#1e40af;font-weight:600}.token-string{color:#047857}.token-number{color:#0284c7}.token-boolean{color:#7c3aed;font-weight:600}.token-null{color:var(--text-muted);font-style:italic}.token-bracket{color:#0f172a;font-weight:700}.token-punct{color:#64748b}.token-whitespace{white-space:pre}.token-text{color:var(--text-primary)}.warnings-box{color:var(--accent-amber);background:#d9770614;border-top:1px solid #d977062e;flex:none;margin:0;padding:12px 16px;font-size:12px}.warnings-title{font-weight:700;font-family:var(--font-mono);text-transform:uppercase;align-items:center;gap:6px;margin-bottom:6px;font-size:11px;display:flex}.warnings-list{flex-direction:column;gap:3px;margin-left:20px;display:flex}.validator-valid-card{text-align:center;background:var(--bg-editor);flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px 24px;display:flex}.validator-icon-wrap{background:var(--accent-emerald-bg);width:64px;height:64px;color:var(--accent-emerald);border:1px solid #05966940;border-radius:50%;justify-content:center;align-items:center;margin-bottom:20px;display:flex}.validator-valid-card h2{color:var(--accent-emerald);margin-bottom:8px;font-size:22px}.validator-valid-card p{color:var(--text-secondary);max-width:400px;font-size:14px}.error-output-card{background:var(--bg-editor);flex:1;justify-content:center;align-items:center;min-height:0;padding:24px;display:flex;overflow:auto}.error-card-header{color:var(--accent-rose);align-items:center;gap:10px;margin-bottom:14px;font-size:16px;font-weight:700;display:flex}.error-card-box{border-radius:var(--radius-md);background:#fff1f2;border:1px solid #fecdd3;flex-direction:column;gap:10px;width:min(100%,560px);padding:16px;display:flex}.error-message-text{font-family:var(--font-mono);color:#9f1239;overflow-wrap:anywhere;margin:0;font-size:13px;line-height:1.5}.error-tips{border-radius:var(--radius-sm);background:#ffffff94;border:1px solid #e11d4824;padding:12px 14px}.error-tips-title{color:#9f1239;font-family:var(--font-mono);text-transform:none;margin:0 0 8px;font-size:11px}.error-tips-list{color:#881337;flex-direction:column;gap:4px;margin:0;padding-left:18px;font-size:11px;line-height:1.4;display:flex}.error-location-tag{font-family:var(--font-mono);color:var(--accent-rose);border-radius:var(--radius-sm);background:#e11d481f;align-items:center;gap:6px;width:fit-content;padding:2px 8px;font-size:11px;font-weight:700;display:inline-flex}.table-output{background:var(--bg-pane);flex-direction:column;flex:1;min-height:0;display:flex}.table-controls{border-bottom:1px solid var(--border-default);background:#f8fafc;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;display:flex}.search-input-wrap{flex:1;align-items:center;min-width:240px;max-width:380px;display:flex;position:relative}.search-icon{color:var(--text-muted);pointer-events:none;position:absolute;left:10px}.table-search{border:1px solid var(--border-default);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);box-shadow:var(--shadow-sm);background:#fff;padding:6px 30px 6px 32px;font-size:12px;transition:border-color .15s,box-shadow .15s}.table-search:focus{border-color:var(--accent-indigo);outline:none;box-shadow:0 0 0 2px #4f46e526}.search-clear-btn{border-radius:var(--radius-sm);color:var(--text-muted);justify-content:center;align-items:center;padding:3px;display:flex;position:absolute;right:6px}.search-clear-btn:hover{color:var(--text-primary)}.search-count-badge{font-family:var(--font-mono);border-radius:var(--radius-pill);color:var(--accent-amber);background:#d977061a;border:1px solid #d9770640;padding:3px 8px;font-size:11px;font-weight:600}.table-actions{align-items:center;gap:6px;display:flex}.table-scroll{cursor:text;min-height:0;caret-color:var(--accent-indigo);-webkit-user-select:text;user-select:text;flex:1;overflow:auto}.result-table{border-collapse:collapse;width:100%;color:var(--text-primary);font-size:12px}.result-table th,.result-table td{border-bottom:1px solid var(--border-default);text-align:left;vertical-align:top;white-space:nowrap;padding:9px 14px}.result-table th{z-index:5;color:var(--text-secondary);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid var(--border-default);background:#f8fafc;font-size:10px;font-weight:700;position:sticky;top:0;box-shadow:0 1px 2px #0000000a}.result-table tbody tr{transition:background .1s}.result-table tbody tr:hover{background:#f8fafc}.result-table td:first-child{color:var(--accent-indigo);font-family:var(--font-mono);font-weight:600}.nested-cell{min-width:180px}.disclosure{border-radius:var(--radius-sm);background:var(--bg-surface-elevated);border:1px solid var(--border-default);color:var(--accent-indigo);font-family:var(--font-mono);align-items:center;gap:6px;padding:3px 8px;font-size:11px;font-weight:600;transition:all .15s;display:inline-flex}.disclosure:hover{color:var(--accent-indigo);background:#eef2ff;border-color:#4f46e54d}.nested-table{border-left:2px solid #cbd5e1;margin-top:8px;padding-left:10px}[data-match=true]{background:#fef08a;border-radius:2px;padding:1px 4px;font-weight:700;color:#854d0e!important}.val-string{color:#059669}.val-number{color:#0284c7}.val-boolean{color:#7c3aed;font-weight:600}.val-null{color:var(--text-dim);font-style:italic}.empty-table{text-align:center;color:var(--text-muted);padding:48px 24px;font-size:14px}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:1024px){.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.why-grid{grid-template-columns:1fr}}@media (max-width:768px){.site-header{flex-wrap:nowrap;gap:12px;padding:12px 16px}.primary-nav{display:none}.mobile-tools{margin-left:auto;display:block;position:static}.mobile-tools summary{border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;align-items:center;gap:6px;padding:6px 10px;font-size:13px;font-weight:600;list-style:none;display:flex}.mobile-tools summary::-webkit-details-marker{display:none}.mobile-tools-menu{border-radius:0 0 var(--radius-md) var(--radius-md);width:auto;max-height:calc(100vh - 62px);padding:12px 16px 16px;position:absolute;top:calc(100% + 1px);left:0;right:0;overflow-y:auto}.mobile-tools-menu .more-tools-item{min-height:42px}.nav-category{display:none}.page-container,.tool-page{width:calc(100% - 32px)}.tool-page{flex:none;height:auto}.workspace-panels{grid-template-columns:1fr;height:auto;max-height:none}.workbench[data-tool-id=json-to-table] .workspace-panels{grid-template-columns:1fr}.compare-inputs{flex:none;grid-template-columns:1fr}.compare-inputs .pane{height:420px}.compare-diff-pane{flex:0 0 480px;height:480px}.compare-diff-header,.compare-diff-row{min-width:640px}.pane{height:480px}.tool-toolbar{flex-direction:column;align-items:stretch}.toolbar-section{justify-content:space-between;width:100%}.toolbar-section-output{border-top:1px solid var(--border-default);margin-left:0;padding-top:8px}.xml-options{align-items:stretch;gap:10px 14px}.xml-option-field{flex:180px;justify-content:space-between}.xml-option-field input[type=text]{width:120px}.catalog{padding:40px 0 60px}.tool-grid{grid-template-columns:1fr;margin-top:36px}}