:root{color-scheme:dark;--bg-main: #0f1726;--bg-panel: #152033;--card: #1a2638;--card-hover: #22314a;--border: rgba(255, 255, 255, .08);--text-main: #F8FAFC;--text-muted: #a5b4ca;--text-faint: #74849a;--primary: #14B8A6;--secondary: #0EA5E9;--deep-blue: #1E40AF;--danger: #EF4444;--warning: #F59E0B;--success: #22C55E;--page-bg: var(--bg-main);--page-text: var(--text-main);--muted-text: var(--text-muted);--navy-950: #101a2b;--navy-900: #172438;--navy-850: #20314a;--navy-800: #dce7f7;--navy-700: #cbd5e1;--teal-500: var(--primary);--teal-400: #5EEAD4;--cyan-400: var(--secondary);--amber-400: var(--warning);--line-soft: rgba(148, 163, 184, .16);--line-strong: rgba(148, 163, 184, .28);--white: #ffffff;--card-bg: rgba(26, 38, 56, .92);--card-strong: rgba(21, 32, 51, .98);--surface-soft: rgba(21, 32, 51, .94);--shadow-lg: 0 30px 70px rgba(2, 8, 23, .55);--shadow-md: 0 18px 40px rgba(2, 8, 23, .42);--shadow-sm: 0 10px 22px rgba(2, 8, 23, .28);--code-bg: #132033;--code-bg-soft: #18263b;--code-text: #e8eef8;--code-muted: #8091a8;--code-blue: #7DD3FC;--code-green: #86EFAC;--code-yellow: #FCD34D;--code-red: #FCA5A5;--success-bg: rgba(34, 197, 94, .12);--success-line: rgba(34, 197, 94, .24);--warning-bg: rgba(245, 158, 11, .12);--warning-line: rgba(245, 158, 11, .24);--error-bg: rgba(239, 68, 68, .12);--error-line: rgba(239, 68, 68, .24)}*{box-sizing:border-box}html{background:#0f1726;font-family:Segoe UI,Helvetica Neue,Arial,sans-serif;line-height:1.5}body{margin:0;min-height:100vh;color:var(--page-text);background:radial-gradient(circle at top left,rgba(20,184,166,.1),transparent 26%),radial-gradient(circle at top right,rgba(14,165,233,.1),transparent 28%),radial-gradient(circle at bottom right,rgba(30,64,175,.12),transparent 25%),linear-gradient(180deg,#10192b 0%,#132035 48%,#0f1828 100%)}::selection{background:rgba(20,184,166,.26);color:var(--text-main)}a{color:inherit}button,input,textarea{font:inherit}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#app{min-height:100vh}.page-shell{min-height:100vh;padding:1.1rem 1rem 1.6rem}.app-frame{width:min(100%,1380px);margin:0 auto}.classic-menubar{position:relative;display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:0;padding:.3rem .34rem;border:1px solid var(--border);border-radius:12px;background:linear-gradient(180deg,rgba(24,36,56,.94),rgba(19,31,49,.92));box-shadow:inset 0 1px #ffffff08,0 8px 18px #02081738}.classic-menubar-section{display:flex;align-items:center;flex-wrap:wrap;gap:.36rem;min-width:0}.classic-menubar-left{flex:1 1 auto}.classic-menubar-right{flex:0 1 auto;justify-content:flex-end}.workspace-menubar-shell{margin-bottom:.72rem;padding-bottom:.72rem;border-bottom:1px solid rgba(148,163,184,.12)}.workspace-menu-caption{padding:.42rem .56rem;color:var(--muted-text);font-size:.66rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.menu-group{position:relative}.menu-trigger,.menu-item{border:0;background:transparent;color:var(--text-main);cursor:pointer}.menu-trigger{padding:.42rem .62rem;border-radius:8px;font-size:.74rem;font-weight:700}.workspace-context-chip,.workspace-quick-button{border-radius:8px;font-size:.7rem;font-weight:700}.workspace-context-chip{display:inline-flex;align-items:center;min-height:2rem;padding:.32rem .58rem;border:1px solid rgba(148,163,184,.12);background:rgba(148,163,184,.08);color:var(--text-muted)}.workspace-quick-button{min-height:2rem;padding:.34rem .66rem;border:1px solid var(--border);background:linear-gradient(180deg,#18263b,#1a2638);color:#cbd5e1;cursor:pointer;transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease,transform .18s ease}.workspace-quick-button:hover{transform:translateY(-1px);border-color:#14b8a67a;background:#24344d;box-shadow:0 10px 22px #02081757}.workspace-quick-button-strong{border-color:#14b8a647;background:linear-gradient(135deg,#14B8A6,#0EA5E9);color:var(--white);box-shadow:0 12px 26px #14b8a638,0 0 0 1px #14b8a61f}.menu-trigger:hover,.menu-item:hover{background:rgba(20,184,166,.12)}.menu-dropdown{position:absolute;top:calc(100% + .35rem);left:0;z-index:20;min-width:180px;padding:.35rem;border:1px solid var(--border);border-radius:10px;background:linear-gradient(180deg,rgba(15,23,42,.98),rgba(11,18,32,.98));box-shadow:0 16px 30px #0208176b}.menu-item{display:block;width:100%;padding:.52rem .62rem;border-radius:8px;text-align:left;font-size:.74rem;font-weight:600}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:.65rem;padding:.68rem .88rem;border:1px solid rgba(148,163,184,.12);border-radius:14px;background:rgba(24,36,56,.82);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow-sm)}.brand-lockup{display:flex;align-items:center;gap:.8rem}.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:12px;background:linear-gradient(135deg,#16283d,#118c97 68%,#67c6e8);color:var(--white);font-size:.78rem;font-weight:700;letter-spacing:.08em;box-shadow:0 12px 30px #14b8a638,0 0 24px #0ea5e91f;transition:transform .25s ease,box-shadow .25s ease}.brand-mark:hover{transform:translateY(-1px);box-shadow:0 16px 34px #14b8a642,0 0 30px #0ea5e92e}.brand-copy{display:flex;flex-direction:column;gap:.12rem}.brand-name,.brand-meta,.footer-text{margin:0}.brand-name{color:var(--text-main);font-size:.84rem;font-weight:700}.brand-meta{color:var(--text-muted);font-size:.72rem}.hero-section{display:flex;flex-direction:column;gap:.58rem;margin-bottom:.72rem;padding:.12rem .18rem .2rem}.hero-section-compact{margin-bottom:.85rem}.hero-copy{max-width:900px}.eyebrow{display:inline-flex;align-items:center;gap:.4rem;margin-bottom:.48rem;padding:.34rem .64rem;border-radius:999px;background:rgba(20,184,166,.12);color:#5eead4;font-size:.66rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.hero-title{margin:0;color:var(--text-main);font-size:clamp(1.2rem,1.8vw,1.45rem);line-height:1.2;letter-spacing:-.015em;font-weight:700}.hero-subtitle{margin:.52rem 0 0;max-width:48rem;color:var(--text-muted);font-size:.9rem}.badges-row{display:flex;flex-wrap:wrap;gap:.6rem}.ad-banner{margin-bottom:.85rem}.ad-banner-shell{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 1rem;border:1px solid rgba(14,165,233,.14);border-radius:16px;background:radial-gradient(circle at left center,rgba(20,184,166,.08),transparent 32%),linear-gradient(180deg,rgba(25,38,59,.96),rgba(21,32,51,.94));box-shadow:var(--shadow-sm)}.ad-banner-shell-html{display:block;padding:.78rem}.ad-banner-copy{min-width:0}.ad-banner-label{margin:0 0 .32rem;color:#7dd3fc;font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.ad-banner-title{margin:0;color:var(--text-main);font-size:.96rem;font-weight:700;letter-spacing:-.02em}.ad-banner-text{margin:.4rem 0 0;color:var(--text-muted);font-size:.84rem;line-height:1.6}.ad-banner-button{display:inline-flex;align-items:center;justify-content:center;min-height:2.65rem;padding:.7rem .95rem;border:1px solid rgba(20,184,166,.24);border-radius:12px;background:linear-gradient(135deg,rgba(20,184,166,.95),rgba(14,165,233,.95));color:#fff;font-size:.84rem;font-weight:700;text-decoration:none;white-space:nowrap;box-shadow:0 12px 28px #14b8a62e,0 0 20px #0ea5e914;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.ad-banner-button:hover{transform:translateY(-1px);box-shadow:0 14px 30px #14b8a63d,0 0 24px #0ea5e91f;filter:saturate(1.04)}.feature-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.42rem .72rem;border:1px solid rgba(20,184,166,.14);border-radius:999px;background:rgba(20,184,166,.12);color:#5eead4;font-size:.74rem;font-weight:600;box-shadow:inset 0 1px #ffffff05}.feature-badge:before{content:"";width:.42rem;height:.42rem;border-radius:999px;background:linear-gradient(180deg,rgba(18,140,151,.95),rgba(103,198,232,.9));box-shadow:0 0 0 3px #128c9714}.tool-card{position:relative;overflow:hidden;border:1px solid var(--border);border-radius:18px;background:linear-gradient(180deg,rgba(27,40,60,.98),rgba(21,32,51,.98));box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.tool-card:before{content:"";position:absolute;inset:0 0 auto 0;height:1px;background:linear-gradient(90deg,rgba(18,140,151,0),rgba(18,140,151,.62),rgba(103,198,232,.42),rgba(215,166,82,.26),rgba(18,140,151,0))}.tool-card:after{content:"";position:absolute;inset:auto 18% -32% auto;width:320px;height:320px;border-radius:999px;background:radial-gradient(circle,rgba(14,165,233,.1) 0%,transparent 62%);pointer-events:none}.tool-card-dense{padding:.92rem}.tool-toolbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,360px);align-items:start;gap:.9rem}.tool-toolbar-tight{margin-bottom:.72rem}.toolbar-title-group{max-width:680px}.toolbar-title,.panel-title,.info-title,.faq-title{margin:0;color:var(--text-main);letter-spacing:-.02em;font-size:1rem}.toolbar-caption,.panel-caption{margin:.32rem 0 0;color:var(--text-muted)}.toolbar-caption{font-size:.88rem}.panel-caption{font-size:.84rem}.status-panel{min-width:0;padding:.74rem .88rem;border:1px solid rgba(14,165,233,.18);border-radius:12px;background:linear-gradient(180deg,rgba(22,34,54,.96),rgba(27,40,60,.95));box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.status-panel:after{content:"";position:absolute;inset:auto -10% -65% auto;width:180px;height:180px;border-radius:999px;background:radial-gradient(circle,rgba(20,184,166,.14) 0%,transparent 70%);pointer-events:none}.status-label{margin:0 0 .35rem;color:var(--muted-text);font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.status-text{margin:0;color:var(--text-main);font-size:.88rem;font-weight:600;line-height:1.45}.status-success{border-color:var(--success-line);background:var(--success-bg)}.status-warning{border-color:var(--warning-line);background:var(--warning-bg)}.status-error{border-color:var(--error-line);background:var(--error-bg)}.workspace-strategy-bar{margin-bottom:.8rem}.workspace-mode-cluster{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.72rem}.workspace-mode-card{display:grid;gap:.28rem;padding:.78rem .82rem;border:1px solid var(--border);border-radius:16px;background:linear-gradient(180deg,rgba(27,40,60,.96),rgba(21,32,51,.94));text-align:left;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background-color .18s ease}.workspace-mode-card:hover{transform:translateY(-1px);border-color:#14b8a638;background:#24344d;box-shadow:0 14px 28px #0208174d}.workspace-mode-card.is-active{border-color:#14b8a680;background:linear-gradient(180deg,rgba(20,184,166,.1),rgba(17,24,39,.98));box-shadow:inset 0 0 0 1px #14b8a61f,0 16px 30px #14b8a614}.workspace-mode-label{color:var(--text-main);font-size:.86rem;font-weight:800;letter-spacing:-.01em}.workspace-mode-text{color:var(--text-muted);font-size:.78rem;line-height:1.45}.action-groups{display:grid;grid-template-columns:minmax(250px,1.05fr) minmax(260px,.9fr) minmax(300px,1fr);gap:.85rem;align-items:start;margin-bottom:.72rem}.action-group{padding:.68rem;border:1px solid var(--border);border-radius:12px;background:linear-gradient(180deg,rgba(27,40,60,.96),rgba(21,32,51,.94));box-shadow:var(--shadow-sm)}.action-group-primary{background:linear-gradient(180deg,rgba(15,30,48,.98),rgba(20,56,83,.96));border-color:#128c9747;box-shadow:inset 0 1px #ffffff0d,0 16px 30px #06111d24;position:relative;overflow:hidden}.action-group-primary:after{content:"";position:absolute;inset:auto auto -62% -10%;width:260px;height:260px;border-radius:999px;background:radial-gradient(circle,rgba(20,184,166,.18) 0%,transparent 68%);pointer-events:none}.action-group-utility{background:linear-gradient(180deg,rgba(17,24,39,.98),rgba(15,23,42,.96))}.action-group-label{margin:0 0 .55rem;font-size:.62rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted-text)}.action-group-primary .action-group-label{color:#e8f0fbb8}.actions-bar{display:flex;flex-wrap:wrap;gap:.6rem}.actions-bar-secondary{justify-content:flex-start}.action-button,.mode-tab,.tree-toggle{transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background-color .18s ease,color .18s ease}.action-button{padding:.68rem .9rem;border:1px solid var(--border);border-radius:10px;background:linear-gradient(180deg,#18263b,#1b2940);color:#cbd5e1;font-size:.88rem;font-weight:700;cursor:pointer;box-shadow:var(--shadow-sm)}.action-button:hover,.mode-tab:hover,.tree-toggle:hover{transform:translateY(-2px);border-color:#14b8a66b;background:#24344d;box-shadow:0 12px 24px #02081757}.action-button:focus-visible,.mode-tab:focus-visible,.tree-toggle:focus-visible,.search-input:focus-visible,.json-textarea:focus-visible{outline:3px solid rgba(28,167,160,.16);outline-offset:2px}.action-primary{border-color:transparent;background:linear-gradient(135deg,#14B8A6,#0EA5E9);color:var(--white);box-shadow:0 16px 34px #14b8a638,0 0 0 1px #14b8a624}.action-button-hero{min-width:210px;padding:.88rem 1.2rem;font-size:.92rem;box-shadow:0 18px 36px #14b8a63d,0 0 30px #14b8a61a}.action-button-utility{background:linear-gradient(180deg,#0F172A,#111827);color:#cbd5e1}.action-muted{background:rgba(16,38,61,.05)}.action-button-danger{color:#fca5a5;border-color:#ef444438}.action-button-danger:hover{border-color:#ef444461;background:rgba(239,68,68,.08)}.mode-switcher{display:inline-flex;gap:.4rem;margin-bottom:.72rem;padding:.3rem;border:1px solid var(--border);border-radius:12px;background:linear-gradient(180deg,rgba(21,32,51,.96),rgba(27,40,60,.96))}.mode-switcher-refined{box-shadow:inset 0 1px #ffffff0a}.mode-tab{padding:.56rem .84rem;border:0;border-radius:9px;background:transparent;color:var(--text-muted);font-size:.88rem;font-weight:700;cursor:pointer}.mode-tab.is-active{background:#14B8A6;color:#fff;box-shadow:0 10px 24px #14b8a63d}.transform-panel{margin-bottom:.78rem;padding:.9rem;border:1px solid var(--border);border-radius:14px;background:linear-gradient(180deg,rgba(27,40,60,.98),rgba(21,32,51,.97));box-shadow:var(--shadow-md)}.transform-panel-csv,.diff-panel{background:linear-gradient(180deg,rgba(17,24,39,.98),rgba(15,23,42,.98))}.transform-panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.8rem;margin-bottom:.8rem}.transform-shortcuts{display:flex;flex-wrap:wrap;gap:.55rem;margin-bottom:.8rem}.transform-shortcut,.transform-mode-card,.data-chip-button{transition:transform .18s ease,border-color .18s ease,background-color .18s ease,box-shadow .18s ease}.transform-shortcut{padding:.45rem .7rem;border:1px solid var(--border);border-radius:999px;background:rgba(15,23,42,.92);color:#cbd5e1;font-size:.8rem;font-weight:700;cursor:pointer}.transform-shortcut:hover,.transform-mode-card:hover,.data-chip-button:hover{transform:translateY(-1px);border-color:#24a8a147;box-shadow:0 10px 20px #06111d14}.transform-mode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-bottom:.9rem}.transform-mode-card{display:grid;gap:.35rem;padding:.82rem;border:1px solid var(--border);border-radius:12px;background:linear-gradient(180deg,rgba(17,24,39,.94),rgba(15,23,42,.94));text-align:left;cursor:pointer}.transform-mode-card.is-active{border-color:#14b8a680;background:linear-gradient(180deg,rgba(20,184,166,.08),rgba(17,24,39,.96));box-shadow:inset 0 0 0 1px #14b8a61f,0 14px 28px #14b8a614}.transform-mode-title{color:var(--text-main);font-size:.88rem;font-weight:700}.transform-mode-text{color:var(--text-muted);font-size:.8rem;line-height:1.45}.transform-layout{display:grid;grid-template-columns:minmax(300px,.95fr) minmax(0,1.3fr);gap:.9rem}.diff-layout{display:grid;gap:.9rem}.diff-source-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}.diff-source-card,.diff-results-card{display:flex;flex-direction:column;min-width:0;padding:.9rem;border:1px solid var(--border);border-radius:14px;background:rgba(22,34,54,.82)}.diff-source-card-input{transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease}.diff-source-card-input.is-drag-active{border-color:#24a8a157;box-shadow:0 18px 34px #06111d1f,inset 0 0 0 1px #24a8a124;background:linear-gradient(180deg,rgba(17,37,52,.98),rgba(11,26,40,.96))}.diff-source-meta{display:flex;flex-wrap:wrap;gap:.55rem;margin-bottom:.78rem}.diff-textarea{min-height:320px}.diff-drop-hint{margin-bottom:.8rem}.diff-results-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:.9rem;margin-bottom:.8rem}.diff-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;margin-bottom:.8rem}.diff-summary-banner{margin-bottom:.8rem;padding:.8rem .9rem;border:1px solid var(--border);border-radius:12px;background:linear-gradient(180deg,rgba(15,23,42,.96),rgba(17,24,39,.94))}.diff-summary-banner.is-identical{border-color:var(--success-line);background:var(--success-bg)}.diff-summary-text{margin:0;color:var(--text-main);font-size:.88rem;font-weight:600;line-height:1.55}.diff-entry-list{display:grid;gap:.75rem}.diff-entry-card{padding:.85rem;border:1px solid var(--border);border-radius:14px;background:linear-gradient(180deg,rgba(17,24,39,.96),rgba(15,23,42,.94))}.diff-entry-header{display:flex;align-items:center;flex-wrap:wrap;gap:.65rem;margin-bottom:.65rem}.diff-entry-badge{display:inline-flex;align-items:center;justify-content:center;min-width:92px;min-height:1.8rem;padding:.28rem .55rem;border-radius:999px;font-size:.68rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.diff-entry-badge.kind-added{background:rgba(20,184,166,.14);color:#5eead4}.diff-entry-badge.kind-removed{background:rgba(239,68,68,.16);color:#fca5a5}.diff-entry-badge.kind-changed,.diff-entry-badge.kind-type-changed{background:rgba(245,158,11,.18);color:#fcd34d}.diff-entry-path,.diff-entry-value{word-break:break-word}.diff-entry-path{color:var(--text-main);font-size:.82rem}.diff-entry-action{margin-left:auto;padding:.4rem .62rem;border:1px solid var(--border);border-radius:9px;background:linear-gradient(180deg,#0F172A,#111827);color:#cbd5e1;font-size:.78rem;font-weight:700;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.diff-entry-action:hover{transform:translateY(-1px);border-color:#24a8a13d;box-shadow:0 8px 18px #06111d14}.diff-entry-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.diff-entry-value-block{display:grid;gap:.3rem}.diff-entry-label{color:var(--muted-text);font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.diff-entry-value{display:block;padding:.65rem .72rem;border:1px solid rgba(124,147,178,.18);border-radius:10px;background:linear-gradient(180deg,#162538 0%,#101d2e 44%,#0c1624 100%);color:var(--code-text);font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:12.5px;line-height:1.55}.diff-report-output{min-height:220px}.transform-form-row{display:grid;grid-template-columns:minmax(120px,180px) minmax(0,1fr);gap:.75rem}.transform-controls,.transform-preview-card{min-width:0}.transform-controls{display:grid;gap:.75rem;padding:.85rem;border:1px solid var(--border);border-radius:12px;background:rgba(22,34,54,.78)}.transform-summary-box{padding:.75rem;border:1px solid var(--border);border-radius:10px;background:rgba(18,30,47,.84)}.transform-summary-label{margin:0 0 .25rem;color:var(--muted-text);font-size:.66rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.transform-summary-text{margin:0;color:var(--text-main);font-size:.84rem;line-height:1.5}.transform-field{display:grid;gap:.32rem}.transform-field-toggle{align-content:start}.transform-label{color:var(--text-main);font-size:.8rem;font-weight:700}.transform-input{width:100%;padding:.62rem .72rem;border:1px solid var(--border);border-radius:10px;background:linear-gradient(180deg,rgba(21,32,51,.98),rgba(27,40,60,.96));color:var(--text-main);font-size:.88rem;outline:none}.transform-input:focus-visible{outline:3px solid rgba(28,167,160,.16);outline-offset:2px}.checkbox-line{display:inline-flex;align-items:center;gap:.5rem;min-height:2.5rem;padding:.56rem .66rem;border:1px solid var(--border);border-radius:10px;background:linear-gradient(180deg,rgba(21,32,51,.98),rgba(27,40,60,.96));color:var(--text-main);font-size:.82rem;font-weight:600}.checkbox-line input{width:.95rem;height:.95rem;accent-color:var(--teal-500)}.transform-preview-card{display:flex;flex-direction:column;padding:.85rem;border:1px solid var(--border);border-radius:12px;background:rgba(22,34,54,.82)}.transform-suggestions{display:grid;gap:.45rem}.transform-suggestions-label{color:var(--muted-text);font-size:.68rem;font-weight:700}.data-chip-button{border:1px solid transparent;cursor:pointer}.mode-tab.is-disabled{opacity:.55}.tool-grid{display:grid;gap:1rem}.tool-grid-editor{grid-template-columns:repeat(2,minmax(0,1fr))}.editor-panel,.tree-card,.stats-card,.info-card,.faq-card{border:1px solid var(--border);border-radius:16px;background:linear-gradient(180deg,rgba(27,40,60,.98),rgba(21,32,51,.97));box-shadow:var(--shadow-md)}.editor-panel,.tree-card,.stats-card{padding:1rem}.editor-panel{display:flex;flex-direction:column;min-height:560px;position:relative;overflow:hidden}.editor-panel:before,.tree-card:before,.stats-card:before{content:"";position:absolute;inset:0 0 auto 0;height:1px;background:linear-gradient(90deg,rgba(94,234,212,0),rgba(94,234,212,.34),rgba(125,211,252,.2),rgba(94,234,212,0));pointer-events:none}.editor-panel-input{position:relative;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease}.editor-panel-input.is-drag-active{border-color:#24a8a157;box-shadow:0 18px 34px #06111d1f,inset 0 0 0 1px #24a8a124;background:linear-gradient(180deg,rgba(18,34,56,.98),rgba(13,26,43,.96))}.panel-header,.tree-card-header,.stats-section+.stats-section{margin-bottom:.8rem}.json-textarea,.output-panel,.tree-panel,.selected-node-preview{width:100%;border:1px solid rgba(124,147,178,.18);border-radius:14px;background:linear-gradient(180deg,#23344d 0%,#1b2b41 44%,#162436 100%);color:var(--code-text);font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:12.5px;line-height:1.68;box-shadow:inset 0 1px #ffffff08,inset 0 0 0 1px #08101c14}.code-editor-shell{display:grid;grid-template-columns:56px minmax(0,1fr);flex:1;min-height:0;border:1px solid rgba(124,147,178,.18);border-radius:16px;background:linear-gradient(180deg,rgba(30,45,67,.98) 0%,rgba(24,38,58,.98) 46%,rgba(19,31,49,1) 100%);box-shadow:inset 0 1px #ffffff08,inset 0 0 0 1px #08101c14,0 18px 32px #0208173d;overflow:hidden}.code-editor-shell-output{min-height:0}.code-editor-gutter{display:flex;flex-direction:column;gap:0;padding:.92rem .65rem;border-right:1px solid rgba(148,163,184,.12);background:linear-gradient(180deg,rgba(19,31,49,.98),rgba(17,27,42,.98));color:#94a3b8b3;font-family:JetBrains Mono,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:12px;line-height:1.68;text-align:right;-webkit-user-select:none;user-select:none}.code-editor-line-number{display:block;min-height:1.68em}.json-textarea,.output-panel{flex:1;min-height:0;margin:0;padding:.92rem 1rem}.json-textarea{resize:vertical;min-height:400px;border:0;border-radius:0;background:transparent;box-shadow:none}.json-textarea::placeholder{color:#e8f0fb61}.output-panel{border:0;border-radius:0;background:transparent;box-shadow:none}.editor-drop-hint{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.78rem;padding:.62rem .72rem;border:1px dashed rgba(20,184,166,.3);border-radius:12px;background:rgba(20,184,166,.08)}.editor-drop-text{color:var(--text-muted);font-size:.82rem;font-weight:600}.editor-drop-action{padding:.45rem .7rem;border:1px solid var(--border);border-radius:9px;background:linear-gradient(180deg,#0F172A,#111827);color:#cbd5e1;font-size:.82rem;font-weight:700;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.editor-drop-action:hover{transform:translateY(-1px);border-color:#24a8a13d;box-shadow:0 8px 18px #06111d14}.output-panel,.selected-node-preview{overflow:auto;white-space:pre-wrap;word-break:break-word}.workspace-status-rail{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.7rem;margin-top:.82rem;padding-top:.82rem;border-top:1px solid rgba(148,163,184,.12)}.workspace-status-item{display:grid;gap:.22rem;min-width:0;padding:.72rem .78rem;border:1px solid var(--border);border-radius:12px;background:linear-gradient(180deg,rgba(22,34,54,.96),rgba(27,40,60,.94))}.workspace-status-label{color:var(--muted-text);font-size:.66rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.workspace-status-value{color:var(--text-main);font-size:.82rem;font-weight:700;line-height:1.4;word-break:break-word}.analyzer-shell{display:flex;flex-direction:column;gap:.9rem}.analyzer-toolbar{display:flex;flex-direction:column;gap:.68rem}.search-box{display:flex;flex-direction:column;gap:.45rem}.search-label{color:var(--text-main);font-size:.82rem;font-weight:700}.search-control{display:flex;align-items:center;gap:.7rem;padding:.6rem .68rem;border:1px solid var(--border);border-radius:16px;background:linear-gradient(180deg,rgba(22,34,54,.96),rgba(27,40,60,.94));box-shadow:var(--shadow-sm)}.search-input{width:100%;border:0;background:transparent;color:var(--text-main);font-size:.88rem;outline:none}.search-count{flex-shrink:0;color:var(--text-muted);font-size:.84rem;font-weight:700}.analyzer-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(320px,.9fr);gap:1rem}.tree-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.8rem}.selected-path-chip{min-width:220px;padding:.72rem .8rem;border:1px solid var(--border);border-radius:10px;background:linear-gradient(180deg,rgba(22,34,54,.96),rgba(27,40,60,.94));box-shadow:inset 0 1px #ffffff08}.selected-path-label,.selected-node-label,.stat-label{display:block;color:var(--muted-text);font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.selected-path-value,.selected-node-code{display:block;margin-top:.3rem;color:var(--text-main);font-size:.84rem;word-break:break-word}.selected-path-breadcrumb{display:block;margin-top:.48rem;color:#7dd3fc;font-size:.76rem;line-height:1.5;word-break:break-word}.tree-panel{min-height:560px;max-height:820px;padding:.75rem;overflow:auto}.tree-node{color:var(--code-text);position:relative}.tree-row{display:flex;align-items:center;gap:.45rem;min-height:1.95rem;padding:.2rem .4rem;border-radius:10px;cursor:pointer;position:relative}.tree-row:hover{background:rgba(148,163,184,.08)}.tree-row.is-selected{background:rgba(20,184,166,.12);box-shadow:inset 3px 0 #14b8a6e6,inset 0 0 0 1px #14b8a629,0 10px 18px #14b8a614}.tree-row.is-match{box-shadow:inset 0 0 0 1px #f0c35852}.tree-row.is-active-match{background:rgba(240,195,88,.2);box-shadow:inset 0 0 0 1px #f0c35885,0 0 0 1px #f0c3582e}.tree-toggle,.tree-toggle-spacer{width:1.2rem;height:1.2rem;flex-shrink:0}.tree-toggle{display:inline-flex;align-items:center;justify-content:center;padding:0;border:1px solid rgba(138,161,189,.18);border-radius:7px;background:linear-gradient(180deg,rgba(17,31,49,.98),rgba(11,20,34,.98));color:var(--code-text);font-size:.78rem;cursor:pointer}.tree-key{color:var(--tree-key-color, #f4f8ff);font-weight:600}.tree-descriptor{color:var(--code-muted);font-size:12px}.tree-inline-separator{color:var(--code-muted)}.tree-inline-value{word-break:break-word}.tree-inline-value.type-string{color:var(--code-green)}.tree-inline-value.type-number{color:#fdba74}.tree-inline-value.type-boolean{color:#c084fc}.tree-inline-value.type-null{color:#94a3b8}.tree-children{position:relative;margin-left:.62rem;padding-left:.75rem}.tree-children:before{content:"";position:absolute;top:.2rem;bottom:.3rem;left:0;width:1px;background:linear-gradient(180deg,rgba(94,234,212,.22),rgba(125,211,252,.12))}.tree-branch-enter-active,.tree-branch-leave-active{transition:opacity .2s ease,transform .2s ease;transform-origin:top left}.tree-branch-enter-from,.tree-branch-leave-to{opacity:0;transform:translateY(-4px)}.stats-card{display:flex;flex-direction:column;gap:1rem}.stats-section{display:flex;flex-direction:column}.stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin-top:.9rem}.stat-item,.faq-item,.selected-node-card{padding:.85rem;border:1px solid var(--border);border-radius:16px;background:linear-gradient(180deg,rgba(27,40,60,.96),rgba(21,32,51,.94))}.stat-value{margin:.32rem 0 0;color:var(--text-main);font-size:.92rem;font-weight:700}.chip-list{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:.9rem}.data-chip{padding:.42rem .68rem;border-radius:999px;background:rgba(20,184,166,.12);color:#5eead4;font-size:.82rem;font-weight:700}.selected-node-card{display:flex;flex-direction:column;gap:.75rem}.selected-node-line{margin:0}.selected-node-type{display:inline-block;margin-top:.32rem;color:var(--text-main);font-size:.82rem;font-weight:700}.selected-node-preview{min-height:160px;margin:0;padding:.8rem}.empty-panel{padding:1rem;border:1px dashed rgba(148,163,184,.22);border-radius:16px;color:var(--text-muted);font-size:.92rem}.content-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem}.info-card,.faq-card{padding:1.05rem}.info-card-accent{background:linear-gradient(180deg,rgba(24,44,53,.98),rgba(21,32,51,.96));border-color:#14b8a638}.info-title{font-size:.84rem}.info-text,.faq-answer{margin:.62rem 0 0;color:var(--text-muted);font-size:.88rem;line-height:1.65}.info-list{margin:.65rem 0 0;padding-left:1rem;color:var(--text-muted);font-size:.88rem}.info-list li+li{margin-top:.42rem}.site-footer{display:grid;gap:.9rem;padding:1.1rem 0 .3rem}.donation-card{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.05rem;border:1px solid rgba(20,184,166,.18);border-radius:18px;background:radial-gradient(circle at left center,rgba(20,184,166,.12),transparent 34%),linear-gradient(180deg,rgba(21,32,51,.98),rgba(27,40,60,.96));box-shadow:0 18px 34px #0208173d,inset 0 1px #ffffff08}.donation-copy{max-width:720px}.donation-eyebrow{margin:0 0 .36rem;color:#5eead4;font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.donation-title{margin:0;color:var(--text-main);font-size:1rem;font-weight:700;letter-spacing:-.02em}.donation-text{margin:.48rem 0 0;color:var(--text-muted);font-size:.88rem;line-height:1.65}.donation-actions{display:grid;justify-items:end;gap:.45rem;flex-shrink:0}.donation-button{display:inline-flex;align-items:center;justify-content:center;min-height:2.75rem;padding:.72rem 1rem;border:1px solid rgba(20,184,166,.28);border-radius:12px;background:linear-gradient(135deg,#14B8A6,#0EA5E9);color:#fff;font-size:.88rem;font-weight:700;text-decoration:none;box-shadow:0 16px 34px #14b8a63d,0 0 24px #0ea5e91f;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.donation-button:hover{transform:translateY(-2px);box-shadow:0 20px 40px #14b8a64d,0 0 28px #0ea5e929;filter:saturate(1.05)}.donation-note{margin:0;color:var(--text-faint);font-size:.76rem;text-align:right}.footer-text{color:var(--muted-text);font-size:.72rem;text-align:center}.tool-grid-editor-split{grid-template-columns:var(--editor-left-column) 14px var(--editor-right-column);align-items:stretch}.editor-splitter{position:relative;display:flex;align-items:center;justify-content:center;cursor:col-resize}.editor-splitter:before{content:"";width:1px;height:100%;border-radius:999px;background:linear-gradient(180deg,rgba(94,234,212,.06),rgba(94,234,212,.42),rgba(125,211,252,.14))}.editor-splitter-handle{position:absolute;width:8px;height:88px;border:1px solid rgba(148,163,184,.12);border-radius:999px;background:linear-gradient(180deg,rgba(17,24,39,.98),rgba(15,23,42,.98));box-shadow:0 10px 20px #02081747,inset 0 1px #ffffff0a}.editor-splitter:hover .editor-splitter-handle{border-color:#14b8a661;box-shadow:0 12px 26px #14b8a624,inset 0 1px #ffffff0a}@media (max-width: 1120px){.analyzer-layout,.transform-layout,.diff-source-grid,.transform-form-row,.tool-toolbar,.workspace-mode-cluster,.workspace-status-rail{grid-template-columns:1fr}.transform-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 900px){.action-groups,.tree-card-header,.search-control{flex-direction:column;align-items:stretch}.classic-menubar{align-items:stretch}.classic-menubar-left,.classic-menubar-right{width:100%}.classic-menubar-right{justify-content:flex-start;padding-top:.18rem;border-top:1px solid rgba(12,24,40,.08)}.action-groups{display:grid;grid-template-columns:1fr}.tool-grid-editor,.content-grid,.stats-grid,.diff-summary-grid,.diff-entry-values,.tool-grid-editor-split{grid-template-columns:1fr}.editor-splitter{display:none}.status-panel,.selected-path-chip{width:100%;min-width:0}.diff-results-toolbar{flex-direction:column;align-items:stretch}.ad-banner-shell{flex-direction:column;align-items:flex-start}.ad-banner-button{width:100%}.donation-card{flex-direction:column;align-items:flex-start}.donation-actions{width:100%;justify-items:stretch}.donation-note{text-align:left}}@media (max-width: 640px){.page-shell{padding:.9rem .8rem 1.2rem}.topbar,.tool-card-dense,.info-card{padding-left:.85rem;padding-right:.85rem}.hero-title{font-size:1rem}.mode-switcher{display:flex;width:100%}.workspace-menu-caption{width:100%;padding-bottom:.2rem}.workspace-quick-button{flex:1 1 auto}.mode-tab{flex:1;text-align:center}.editor-panel,.tree-panel{min-height:460px}.code-editor-shell{grid-template-columns:46px minmax(0,1fr)}.editor-drop-hint{flex-direction:column;align-items:flex-start}.transform-mode-grid{grid-template-columns:1fr}}