html{height:100%;background:var(--color-bg);overscroll-behavior:none}:root{color-scheme:light;font-family:Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.5;font-weight:400;--color-bg: #f5f6f8;--color-surface-1: #ffffff;--color-surface-2: #edf0f4;--color-border: #d6dae2;--color-text: #1f2933;--color-text-muted: #667085;--color-text-contrast: #ffffff;--color-accent: #2563eb;--color-brand-accent: #14d5c6;--color-success: #1f8e5a;--color-warning: #b45309;--color-danger: #b42318;--color-diff-add-bg: #e6f7ee;--color-diff-add-text: #17643b;--color-diff-del-bg: #fbeaea;--color-diff-del-text: #a61b1f;--color-diff-mod-bg: #fff3da;--color-diff-mod-text: #92400e;--color-focus-ring: color-mix(in srgb, var(--color-accent) 45%, transparent);--color-overlay: color-mix(in srgb, var(--color-text) 45%, transparent);--shadow-subtle: 0 12px 32px color-mix(in srgb, var(--color-text) 8%, transparent);--header-height: 64px;--tool-button-height: 28px;--tool-button-radius: 999px;--tool-button-padding-x: 12px;--tool-button-font-size: 12px;--tool-button-bg: color-mix(in srgb, var(--color-surface-1) 88%, var(--color-text) 12%);--tool-button-border: var(--color-border);--tool-button-color: var(--color-text-muted);--tool-button-hover-bg: color-mix(in srgb, var(--color-surface-1) 80%, var(--color-accent) 20%);--tool-button-hover-border: color-mix(in srgb, var(--color-border) 45%, var(--color-accent) 55%);--tool-button-hover-color: var(--color-text);--tool-button-active-bg: color-mix(in srgb, var(--color-success) 14%, transparent);--tool-button-active-border: color-mix(in srgb, var(--color-success) 45%, transparent);--tool-button-active-color: var(--color-success);--tool-button-disabled-bg: color-mix(in srgb, var(--color-text-muted) 8%, transparent);--tool-button-disabled-border: color-mix(in srgb, var(--color-border) 65%, transparent);--tool-button-disabled-color: color-mix(in srgb, var(--color-text-muted) 70%, transparent);--sidebar-collapsed-width: 60px;--sidebar-overlay-gap: 12px;background-color:var(--color-bg);color:var(--color-text)}@media (prefers-color-scheme: dark){:root{color-scheme:dark;--color-bg: #0f1214;--color-surface-1: #161a1f;--color-surface-2: #1d2228;--color-border: #2c333a;--color-text: #f4f6fb;--color-text-muted: #9aa3b0;--color-text-contrast: #0b1014;--color-accent: #76b3ff;--color-brand-accent: #3ce4d4;--color-success: #4cb980;--color-warning: #f0a85a;--color-danger: #f27c7c;--color-diff-add-bg: rgba(54, 92, 72, .32);--color-diff-add-text: #a6f4c5;--color-diff-del-bg: rgba(102, 50, 54, .34);--color-diff-del-text: #fecaca;--color-diff-mod-bg: rgba(128, 88, 36, .28);--color-diff-mod-text: #fddcab;--color-focus-ring: rgba(118, 179, 255, .45);--color-overlay: rgba(5, 7, 9, .65);--shadow-subtle: 0 18px 36px rgba(0, 0, 0, .35)}}:root[data-theme=light]{color-scheme:light;--color-bg: #f5f6f8;--color-surface-1: #ffffff;--color-surface-2: #edf0f4;--color-border: #d6dae2;--color-text: #1f2933;--color-text-muted: #667085;--color-text-contrast: #ffffff;--color-accent: #2563eb;--color-brand-accent: #14d5c6;--color-success: #1f8e5a;--color-warning: #b45309;--color-danger: #b42318;--color-diff-add-bg: #e6f7ee;--color-diff-add-text: #17643b;--color-diff-del-bg: #fbeaea;--color-diff-del-text: #a61b1f;--color-diff-mod-bg: #fff3da;--color-diff-mod-text: #92400e;--color-focus-ring: color-mix(in srgb, var(--color-accent) 45%, transparent);--color-overlay: color-mix(in srgb, var(--color-text) 45%, transparent);--shadow-subtle: 0 12px 32px color-mix(in srgb, var(--color-text) 8%, transparent)}:root[data-theme=dark]{color-scheme:dark;--color-bg: #0f1214;--color-surface-1: #161a1f;--color-surface-2: #1d2228;--color-border: #2c333a;--color-text: #f4f6fb;--color-text-muted: #9aa3b0;--color-text-contrast: #0b1014;--color-accent: #76b3ff;--color-brand-accent: #3ce4d4;--color-success: #4cb980;--color-warning: #f0a85a;--color-danger: #f27c7c;--color-diff-add-bg: rgba(54, 92, 72, .32);--color-diff-add-text: #a6f4c5;--color-diff-del-bg: rgba(102, 50, 54, .34);--color-diff-del-text: #fecaca;--color-diff-mod-bg: rgba(128, 88, 36, .28);--color-diff-mod-text: #fddcab;--color-focus-ring: rgba(118, 179, 255, .45);--color-overlay: rgba(5, 7, 9, .65);--shadow-subtle: 0 18px 36px rgba(0, 0, 0, .35)}*{box-sizing:border-box}body{margin:0;min-height:100vh;height:100%;min-width:min(1024px,100%);background:var(--color-bg);overscroll-behavior:none}#root{min-height:100%;height:100%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}button{font:inherit}textarea,input,select,button{border-radius:6px}.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}.sidebar-icon{width:18px;height:18px;display:block;flex-shrink:0}.list-formatter{display:flex;flex-direction:column;min-height:max(90vh,540px);height:auto;flex:1 0 auto;gap:12px}.list-formatter__toolbar{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--color-border);border-radius:6px;padding:4px 12px;min-height:40px;background:var(--color-surface-1);gap:12px}.list-formatter__toolbar-left{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.list-formatter__toolbar-label{font-size:12px;color:var(--color-text-muted);white-space:nowrap}.list-formatter__preset-group{display:flex;align-items:center;gap:6px;overflow-x:auto;padding-bottom:2px;scrollbar-width:thin}.list-formatter__chip{border:1px solid var(--tool-button-border);background:var(--tool-button-bg);border-radius:var(--tool-button-radius);padding:0 var(--tool-button-padding-x);font-size:var(--tool-button-font-size);color:var(--tool-button-color);cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:color .2s ease,background .2s ease,border-color .2s ease;height:var(--tool-button-height);line-height:1}.list-formatter__chip:hover{border-color:var(--tool-button-hover-border);background:var(--tool-button-hover-bg);color:var(--tool-button-hover-color)}.list-formatter__chip--active{border-color:var(--tool-button-active-border);background:var(--tool-button-active-bg);color:var(--tool-button-active-color)}.list-formatter__chip-close{font-weight:600;cursor:pointer}.list-formatter__ghost-btn{height:var(--tool-button-height);padding:0 var(--tool-button-padding-x);border-radius:var(--tool-button-radius);border:1px solid var(--tool-button-border);background:var(--tool-button-bg);color:var(--tool-button-color);cursor:pointer;font-size:var(--tool-button-font-size);display:inline-flex;align-items:center;gap:6px;transition:color .2s ease,background .2s ease,border-color .2s ease}.list-formatter__ghost-btn:hover{border-color:var(--tool-button-hover-border);background:var(--tool-button-hover-bg);color:var(--tool-button-hover-color)}.list-formatter__ghost-btn:disabled{color:var(--tool-button-disabled-color);border-color:var(--tool-button-disabled-border);background:var(--tool-button-disabled-bg);cursor:not-allowed}.list-formatter__toolbar-right{display:flex;align-items:center;gap:8px}.list-formatter__switch{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--color-text-muted);cursor:pointer}.list-formatter__switch input{width:16px;height:16px}.list-formatter__menu{position:relative}.list-formatter__menu-popover{position:absolute;top:calc(100% + 4px);right:0;border:1px solid var(--tool-button-border);border-radius:var(--tool-button-radius);background:var(--tool-button-bg);box-shadow:0 8px 20px color-mix(in srgb,var(--color-text) 12%,transparent);display:flex;flex-direction:column;min-width:160px;z-index:20;padding:4px}.list-formatter__menu-popover button{background:transparent;border:none;text-align:left;padding:6px 10px;border-radius:var(--tool-button-radius);font-size:13px;color:var(--tool-button-color);cursor:pointer;transition:color .2s ease,background .2s ease}.list-formatter__menu-popover button:hover,.list-formatter__menu-popover button:focus-visible{background:var(--tool-button-hover-bg);color:var(--tool-button-hover-color);outline:none}.list-formatter__content{flex:1;min-height:0;display:flex;gap:12px;align-items:stretch}.list-formatter__content[data-stacked=true]{flex-direction:column}.list-formatter__pane{border:1px solid var(--color-border);border-radius:6px;background:var(--color-surface-1);padding:12px;display:flex;flex-direction:column;gap:12px;min-height:0}.list-formatter__pane--input{min-width:0}.list-formatter__pane--result{flex:1;min-width:0}.list-formatter__input{width:100%;min-height:220px;border:1px solid var(--color-border);border-radius:6px;padding:10px;font-family:JetBrains Mono,Fira Code,monospace;font-size:13px;line-height:1.5;background:transparent;color:var(--color-text)}.list-formatter__file-input{display:none}.list-formatter__input-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.list-formatter__hint{font-size:12px;color:var(--color-accent)}.list-formatter__card{border:1px solid var(--color-border);border-radius:6px;padding:12px;display:flex;flex-direction:column;gap:10px}.list-formatter__card-tip{font-size:12px;color:var(--color-text-muted);line-height:1.6;margin-top:-4px}.list-formatter__card-tip .list-formatter__code{margin:0 4px}.list-formatter__card-title{font-size:13px;color:var(--color-text-muted);font-weight:600}.list-formatter__input-control{height:32px;border:1px solid var(--color-border);border-radius:6px;padding:0 10px;font-size:13px;color:var(--color-text);background:transparent}.list-formatter__input-control--small{max-width:96px}.list-formatter__inline-group{display:flex;align-items:center;gap:8px}.list-formatter__field-label{font-size:12px;color:var(--color-text-muted)}.list-formatter__field-row{display:flex;gap:8px;flex-wrap:wrap}.list-formatter__field-row .json-dropdown,.list-formatter__field-row--two .json-dropdown,.list-formatter__format-row .json-dropdown{width:100%}.list-formatter__field-row .json-dropdown,.list-formatter__format-row .json-dropdown{flex:1}.list-formatter__field-row .json-dropdown__trigger,.list-formatter__format-row .json-dropdown__trigger{flex:1;min-width:0;justify-content:flex-start}.list-formatter__field-row .json-dropdown__trigger .json-icon-btn__label,.list-formatter__format-row .json-dropdown__trigger .json-icon-btn__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-formatter__field-row--two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.list-formatter__field-row--two>*{width:100%}.list-formatter__wrapper-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.list-formatter__checkbox{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--color-text-muted)}.list-formatter__checkbox input{width:16px;height:16px}.list-formatter__chip-row{display:flex;flex-wrap:wrap;gap:8px}.list-formatter__code{display:inline-block;padding:1px 4px;border-radius:4px;background:color-mix(in srgb,var(--color-text) 4%,transparent);font-family:var(--font-mono, "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-size:12px;color:var(--color-text)}.list-formatter__divider{width:6px;cursor:col-resize;position:relative}.list-formatter__divider:after{content:"";position:absolute;left:50%;top:16px;bottom:16px;width:1px;background:var(--color-border);transform:translate(-50%)}.list-formatter__dragging{cursor:col-resize!important}.list-formatter__pane-header{display:flex;justify-content:space-between;align-items:center}.list-formatter__badge{align-self:flex-start;background:color-mix(in srgb,var(--color-accent) 8%,transparent);color:var(--color-accent);border-radius:999px;padding:4px 10px;font-size:12px}.list-formatter__actions{display:flex;align-items:center;gap:8px}.list-formatter__format-row{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--color-text-muted);flex-wrap:wrap}.list-formatter__result{position:relative;flex:1;min-height:0;border:1px solid var(--color-border);border-radius:6px;padding:12px;background:color-mix(in srgb,var(--color-text) 2%,transparent);overflow:auto}.list-formatter__output{margin:0;font-family:JetBrains Mono,Fira Code,monospace;font-size:13px;white-space:pre-wrap;color:var(--color-text)}.list-formatter__empty{font-size:13px;color:var(--color-text-muted)}.list-formatter__toast{position:absolute;top:12px;right:12px;background:color-mix(in srgb,var(--color-accent) 10%,transparent);color:var(--color-accent);padding:4px 10px;border-radius:999px;font-size:12px}.list-formatter__status{border:1px solid var(--color-border);border-radius:6px;padding:6px 12px;font-size:12px;color:var(--color-text-muted);background:var(--color-surface-1)}.list-formatter__dialog{position:fixed;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,var(--color-text) 45%,transparent);display:flex;align-items:center;justify-content:center;z-index:60}.list-formatter__dialog-content{background:var(--color-surface-1);border-radius:10px;padding:20px;max-width:320px;text-align:center;border:1px solid var(--color-border);display:flex;flex-direction:column;gap:12px}.list-formatter__dialog-content h3{margin:0;font-size:16px}.list-formatter__dialog-content p{margin:0;font-size:13px;color:var(--color-text-muted)}.app-shell{min-height:100vh;height:100vh;min-width:1024px;display:flex;flex-direction:column;overflow-x:auto;overflow-y:hidden}.app-header{position:sticky;top:0;z-index:40;background:var(--color-surface-1);color:var(--color-text);display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--color-border);height:var(--header-height);padding:0 20px}.app-header__brand{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:6px}.app-logo{display:inline-flex;align-items:center}.app-logo__tagline{margin:0;font-size:12px;color:var(--color-text-muted)}.brand-logo{display:inline-flex;align-items:center;gap:12px;font-weight:700;line-height:1;letter-spacing:.4px}.brand-logo--no-icon{gap:4px}.brand-logo__wordmark{display:inline-flex;align-items:baseline;gap:2px}.brand-logo__primary{color:var(--color-text)}.brand-logo__dot,.brand-logo__accent{color:var(--color-brand-accent)}.brand-logo__dot{margin:0}.brand-logo__icon{display:inline-flex;align-items:center;justify-content:center;text-transform:uppercase;font-size:12px;letter-spacing:.08em;border-radius:12px;background:color-mix(in srgb,var(--color-brand-accent) 18%,var(--color-surface-2) 82%);color:var(--color-brand-accent);width:32px;height:32px;flex-shrink:0;box-shadow:0 6px 16px color-mix(in srgb,var(--color-brand-accent) 22%,transparent)}.brand-logo__icon-text{font-weight:700}.brand-logo--full{font-size:22px}.brand-logo--full .brand-logo__icon{width:34px;height:34px}.brand-logo--compact{font-size:18px;gap:10px}.brand-logo--compact .brand-logo__icon{width:28px;height:28px;font-size:11px}.brand-logo--badge{width:100%;height:100%;border-radius:12px;background:color-mix(in srgb,var(--color-brand-accent) 18%,var(--color-surface-2) 82%);color:var(--color-brand-accent);display:inline-flex;align-items:center;justify-content:center;text-transform:uppercase;font-size:15px;letter-spacing:1px;box-shadow:0 6px 16px color-mix(in srgb,var(--color-brand-accent) 22%,transparent)}.brand-logo__badge-text{font-weight:700}.app-header__actions{display:flex;align-items:center;gap:12px}.app-header__preferences{display:inline-flex;align-items:center;gap:8px}.app-header__preference{position:relative}.app-header__preference-trigger{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:32px;min-inline-size:6ch;max-inline-size:10ch;padding:0 12px;border-radius:999px;border:1px solid color-mix(in srgb,var(--color-border) 75%,transparent);background:transparent;color:var(--color-text-muted);font-size:12px;letter-spacing:.02em;transition:color .2s ease,background-color .2s ease,border-color .2s ease}.app-header__preference-trigger:hover,.app-header__preference-trigger:focus-visible{color:var(--color-text);border-color:color-mix(in srgb,var(--color-border) 45%,var(--color-accent) 55%);background:color-mix(in srgb,var(--color-accent) 12%,transparent)}.app-header__preference-trigger.is-active{color:var(--color-accent);border-color:color-mix(in srgb,var(--color-accent) 55%,var(--color-border) 45%);background:color-mix(in srgb,var(--color-accent) 18%,var(--color-surface-1) 82%)}.app-header__preference-icon{font-size:15px;line-height:1}.app-header__preference-label{display:none;white-space:nowrap}@media (min-width: 1024px){.app-header__preference-label--language{display:inline}}@media (min-width: 1280px){.app-header__preference-label--theme{display:inline}}.app-header__preference-popover{position:absolute;top:calc(100% + 8px);right:0;display:flex;flex-direction:column;gap:12px;padding:12px;min-inline-size:188px;border-radius:16px;border:1px solid color-mix(in srgb,var(--color-border) 80%,transparent);background:color-mix(in srgb,var(--color-surface-1) 92%,var(--color-surface-2) 8%);box-shadow:0 10px 24px color-mix(in srgb,var(--color-text) 12%,transparent);z-index:20}.app-header__popover-section{display:flex;flex-direction:column;gap:8px}.app-header__popover-title{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted)}.app-header__segmented{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;border-radius:999px;border:1px solid color-mix(in srgb,var(--color-border) 78%,transparent);overflow:hidden;min-height:32px;background:color-mix(in srgb,var(--color-surface-1) 85%,var(--color-surface-2) 15%)}.app-header__segmented-option{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 12px;border:none;background:transparent;color:var(--color-text-muted);font-size:12px;cursor:pointer;transition:color .2s ease,background-color .2s ease}.app-header__segmented-option:not(:last-child):after{content:"";position:absolute;top:25%;right:0;width:1px;height:50%;background:color-mix(in srgb,var(--color-border) 65%,transparent)}.app-header__segmented-option:hover,.app-header__segmented-option:focus-visible{color:var(--color-text);background:color-mix(in srgb,var(--color-accent) 12%,transparent)}.app-header__segmented-option.is-active{color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 20%,var(--color-surface-1) 80%)}.app-header__segmented-option:focus-visible{outline:2px solid transparent;box-shadow:0 0 0 3px var(--color-focus-ring)}.app-header__segmented-label{font-size:12px}.app-header__segmented--theme{min-inline-size:216px}.ghost-btn{border:1px solid color-mix(in srgb,var(--color-border) 90%,transparent);background:transparent;color:var(--color-text);padding:6px 12px;font-size:12px;border-radius:999px;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease}.ghost-btn:hover{border-color:color-mix(in srgb,var(--color-border) 55%,var(--color-accent) 45%);background:color-mix(in srgb,var(--color-surface-1) 80%,var(--color-accent) 20%);color:var(--color-accent)}.ghost-btn:focus-visible{outline:2px solid transparent;box-shadow:0 0 0 3px var(--color-focus-ring)}.ghost-btn--filled{background:var(--color-accent);color:var(--color-text-contrast);border-color:var(--color-accent);box-shadow:0 8px 18px color-mix(in srgb,var(--color-accent) 30%,transparent)}.ghost-btn--filled:hover{background:color-mix(in srgb,var(--color-accent) 85%,white 15%);border-color:color-mix(in srgb,var(--color-accent) 85%,white 15%);color:var(--color-text-contrast)}.app-body{--app-body-vertical-padding: 28px;flex:1;display:flex;padding:12px 16px 16px;min-height:0;height:calc(100vh - var(--header-height));overflow:hidden}.app-body__layout{flex:1;display:grid;grid-template-columns:220px 10px 1fr;gap:0;min-height:0;width:100%;height:100%;align-items:stretch;transition:grid-template-columns .25s ease;overflow:hidden}.sidebar{background:var(--color-surface-2);border-right:1px solid var(--color-border);color:var(--color-text);position:relative;display:flex;flex-direction:column;height:100%;overflow-y:auto}.sidebar__rail{display:none}.sidebar--collapsed .sidebar__rail{display:flex;flex-direction:column;align-items:center;gap:12px;padding:12px 0 20px;width:100%;height:100%}.sidebar__rail-top{display:flex;flex-direction:column;align-items:center;gap:16px}.sidebar__rail-brand{display:flex;align-items:center;justify-content:center;width:36px;height:36px}.sidebar__rail-toggle{width:36px;height:36px;border-radius:10px;border:none;background:transparent;color:var(--color-text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .12s ease,color .12s ease}.sidebar__rail-toggle:hover{background:color-mix(in srgb,var(--color-surface-2) 88%,var(--color-accent) 12%);color:var(--color-text)}.sidebar__rail-toggle:focus-visible,.sidebar__rail-item:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.sidebar__rail-groups{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;padding:0 10px}.sidebar__rail-item{width:36px;height:36px;border-radius:10px;border:none;background:transparent;color:var(--color-text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;transition:background .12s ease,color .12s ease}.sidebar__rail-item:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:3px;border-radius:999px;background:var(--color-accent);opacity:0}.sidebar__rail-item.is-active{background:color-mix(in srgb,var(--color-surface-2) 72%,var(--color-accent) 28%);color:color-mix(in srgb,var(--color-text) 40%,var(--color-accent) 60%)}.sidebar__rail-item.is-active:before{opacity:1}.sidebar__rail-item:hover{background:color-mix(in srgb,var(--color-surface-2) 88%,var(--color-accent) 12%);color:var(--color-text)}.sidebar__panel{flex:1;display:flex;flex-direction:column;position:relative}.sidebar__panel[data-state=overlay]{display:none;position:absolute;left:100%;top:0;width:min(var(--sidebar-expanded-width, 232px),max(0px,calc(100vw - var(--sidebar-collapsed-width, 60px) - 2 * var(--sidebar-overlay-gap, 12px))));max-width:min(var(--sidebar-expanded-width, 232px),max(0px,calc(100vw - var(--sidebar-collapsed-width, 60px) - 2 * var(--sidebar-overlay-gap, 12px))));height:100%;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:12px;box-shadow:var(--shadow-subtle);pointer-events:none;opacity:0;transform:translate(var(--sidebar-overlay-gap, 12px));transition:opacity .12s ease,transform .12s ease;z-index:60;overflow:hidden}.sidebar--hovered .sidebar__panel[data-state=overlay]{pointer-events:auto;opacity:1;transform:translate(0)}.sidebar__panel-content{display:flex;flex-direction:column;height:100%;padding:12px 14px 16px;gap:12px}.sidebar__header{display:flex;align-items:center;justify-content:space-between;gap:12px;height:40px}.sidebar__header-search{flex:1;display:flex;align-items:center;min-width:0}.sidebar__header-search .sidebar__search-field{width:100%}.sidebar__header-actions{display:flex;align-items:center;gap:6px}.sidebar__icon-btn{width:32px;height:32px;border-radius:8px;border:none;background:transparent;color:var(--color-text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .12s ease,color .12s ease}.sidebar__icon-btn:hover{background:color-mix(in srgb,var(--color-surface-2) 88%,var(--color-accent) 12%);color:var(--color-text)}.sidebar__icon-btn:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.sidebar__search-field{height:36px;border:1px solid var(--color-border);border-radius:10px;background:color-mix(in srgb,var(--color-surface-2) 85%,transparent);display:flex;align-items:center;gap:8px;padding:0 12px}.sidebar__search-field:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 1px var(--color-focus-ring)}.sidebar__search-field input{flex:1;border:none;background:transparent;color:var(--color-text);font-size:13px;outline:none}.sidebar__search-field input::placeholder{color:var(--color-text-muted)}.sidebar__nav{flex:1;display:flex;flex-direction:column;gap:12px;overflow-y:auto;padding-right:4px;scrollbar-width:thin}.sidebar__nav:hover{scrollbar-color:var(--color-border) transparent}.sidebar__nav::-webkit-scrollbar{width:6px}.sidebar__nav::-webkit-scrollbar-track{background:transparent}.sidebar__nav::-webkit-scrollbar-thumb{background:transparent;border-radius:999px}.sidebar__nav:hover::-webkit-scrollbar-thumb{background:var(--color-border)}.sidebar-section{display:flex;flex-direction:column;gap:6px}.sidebar-section__title{font-size:12px;font-weight:500;color:var(--color-text-muted);letter-spacing:.02em;padding:0 4px}.sidebar-section__list{display:flex;flex-direction:column;gap:6px}.sidebar-item{position:relative;display:flex;align-items:center;gap:10px;height:36px;padding:0 12px;border-radius:8px;border:none;background:transparent;color:var(--color-text);cursor:pointer;font-size:14px;font-weight:500;text-align:left}.sidebar-item:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:3px;border-radius:999px;background:var(--color-accent);opacity:0}.sidebar-item:hover{background:color-mix(in srgb,var(--color-surface-2) 88%,var(--color-accent) 12%)}.sidebar-item:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.sidebar-item--active{background:color-mix(in srgb,var(--color-surface-2) 72%,var(--color-accent) 28%);color:color-mix(in srgb,var(--color-text) 40%,var(--color-accent) 60%)}.sidebar-item--active:before{opacity:1}.sidebar-item__icon{width:18px;height:18px;display:flex;align-items:center;justify-content:center;color:inherit}.sidebar-item__label{flex:1;min-width:0;display:flex;align-items:center;gap:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-item__bullet{font-size:12px;line-height:1;color:var(--color-text-muted)}.sidebar-item__pin{width:24px;height:24px;border-radius:6px;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);transition:color .12s ease;cursor:pointer;margin-left:8px}.sidebar-item__pin:hover{color:var(--color-text)}.sidebar-item__pin.is-active{color:color-mix(in srgb,var(--color-text) 40%,var(--color-accent) 60%)}.sidebar__footer{margin-top:auto;border-top:1px solid var(--color-border);padding:16px 12px}.sidebar__footer-actions{display:flex;align-items:center;justify-content:flex-start;gap:8px}.sidebar__footer .sidebar__icon-btn{width:32px;height:32px;border-radius:10px}.sidebar-resizer{width:10px;cursor:col-resize;display:flex;align-items:center;justify-content:center;position:relative;-webkit-user-select:none;user-select:none}.sidebar-resizer--hidden{width:0;pointer-events:none}.sidebar-resizer:after{content:"";width:2px;height:60%;border-radius:999px;background:color-mix(in srgb,var(--color-text-muted) 35%,transparent);transition:background .2s ease}.sidebar-resizer:hover:after,.sidebar-resizer--active:after{background:color-mix(in srgb,var(--color-accent) 55%,transparent)}.app-main{padding-left:16px;min-width:0;display:flex;flex-direction:column;min-height:0;height:100%;overflow-y:auto;--tool-max-viewport-height: calc(100dvh - var(--header-height) - var(--app-body-vertical-padding, 28px))}.app-main__tool{flex:1 0 auto;min-height:0;width:100%}.app-main__tool:not([hidden]){display:flex;flex-direction:column}.app-main__loading{display:flex;align-items:center;justify-content:center;min-height:160px;color:var(--color-text-muted);font-size:.95rem}.app-main__tool[hidden]{display:none!important}.tool-container{background:var(--color-surface-1);border:1px solid var(--color-border);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:16px;min-height:max(90vh,540px);flex:1 1 auto;height:auto;max-height:none}.tool-container[data-tool-id=formatter]{flex:0 0 auto;height:auto;max-height:none}.tool-container[data-tool-id=formatter] .tool-content{flex:0 1 auto;height:auto}.sql-formatter{display:flex;flex-direction:column;gap:16px;min-height:80vh}.sql-formatter__toolbar{background:var(--color-surface-1);border:1px solid var(--color-border);border-radius:12px;padding:12px 16px;display:flex;flex-wrap:wrap;gap:12px;align-items:center}.sql-toolbar__controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px;flex:1 1 auto}.sql-toolbar__actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-left:auto}.sql-toolbar__field{display:inline-flex;align-items:center;gap:6px}.sql-toolbar__label{font-size:12px;color:var(--color-text-muted);white-space:nowrap}.sql-formatter__workspace{background:var(--color-surface-1);border:1px solid var(--color-border);border-radius:16px;padding:0;display:flex;min-height:80vh;overflow:hidden}.sql-pane{display:flex;flex-direction:column;min-width:0}.sql-pane__header{padding:16px;display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--color-text-muted)}.sql-pane__header strong{display:block;color:var(--color-text)}.sql-pane__error{color:#d92d20;font-weight:600}.sql-pane__editor{flex:1 1 auto;min-height:300px}.sql-pane__shortcuts{padding:12px 16px;display:flex;gap:16px;font-size:12px;color:var(--color-text-muted);border-top:1px solid var(--color-border)}.sql-formatter__divider{width:10px;cursor:col-resize;background:var(--color-surface-2);border-left:1px solid var(--color-border);border-right:1px solid var(--color-border)}.sql-formatter__divider.is-active{background:var(--color-accent)}.sql-result{display:flex;flex-direction:column;min-height:100%}.sql-result__header{padding:16px;display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid var(--color-border)}.sql-result__tabs{display:inline-flex;border-radius:999px;border:1px solid var(--color-border);overflow:hidden}.sql-result__tab{padding:6px 14px;border:none;background:transparent;cursor:pointer;font-size:13px;color:var(--color-text-muted)}.sql-result__tab.is-active{background:var(--color-accent);color:#fff;font-weight:600}.sql-result__actions{display:flex;gap:12px}.sql-result__actions button{border:1px solid var(--color-border);border-radius:999px;padding:6px 14px;background:var(--color-surface-1);cursor:pointer;font-size:13px;display:inline-flex;align-items:center;gap:6px}.sql-result__actions button:disabled{opacity:.6;cursor:not-allowed}.sql-result__meta{padding:8px 16px;display:flex;gap:16px;font-size:12px;color:var(--color-text-muted);border-bottom:1px solid var(--color-border)}.sql-result__body{flex:1 1 auto;min-height:0;position:relative}.sql-result__empty{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;color:var(--color-text-muted);text-align:center;padding:24px}.sql-result__empty button{border:1px solid var(--color-accent);border-radius:999px;padding:8px 18px;background:var(--color-accent);color:#fff;cursor:pointer}.sql-result__empty-icon{font-size:32px}.sql-summary{padding:24px;display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:16px}.sql-summary__item{background:var(--color-surface-2);border-radius:12px;padding:12px}.sql-summary__item dt{font-size:12px;color:var(--color-text-muted);margin:0 0 4px}.sql-summary__item dd{margin:0;font-weight:600;font-size:16px}.sql-result__error{padding:24px;color:#d92d20}.sql-formatter__mobile-actions{display:none;gap:12px;padding:12px 16px;background:var(--color-surface-1);border:1px solid var(--color-border);border-radius:16px}.sql-mobile-action{flex:1;border:1px solid var(--color-border);border-radius:999px;padding:12px;background:var(--color-surface-1);font-size:15px;display:inline-flex;justify-content:center;align-items:center;gap:6px}.sql-mobile-action--primary{background:var(--color-accent);border-color:var(--color-accent);color:#fff}@media (max-width: 1023px){.sql-toolbar__actions{width:100%;margin-left:0;justify-content:flex-start}.sql-result__header{flex-direction:column;align-items:flex-start}.sql-result__actions{flex-wrap:wrap}}@media (max-width: 767px){.sql-formatter__toolbar{flex-direction:column;align-items:stretch}.sql-toolbar__controls,.sql-toolbar__actions{width:100%;flex-direction:column;align-items:stretch;gap:10px}.sql-formatter__workspace{flex-direction:column;border-radius:16px}.sql-formatter__divider{display:none}.sql-pane{flex-basis:100%!important;width:100%}.sql-pane__shortcuts{flex-wrap:wrap}.sql-result__body{min-height:320px}.sql-result__actions{display:none}.sql-formatter__mobile-actions{display:flex;position:sticky;bottom:16px;z-index:4}}.tool-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.tool-header h2{margin:0;font-size:18px}.tool-description{margin:6px 0 0;font-size:13px;color:var(--color-text-muted)}.tool-content{display:flex;flex-direction:column;min-height:0;flex:1 0 auto;height:auto}.tool-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.panel{background:var(--color-surface-1);border:1px solid var(--color-border);border-radius:10px;padding:16px;display:flex;flex-direction:column;gap:12px}.panel h3{margin:0;font-size:15px}textarea{width:100%;min-height:220px;padding:12px;border:1px solid var(--color-border);background:var(--color-surface-1);color:var(--color-text);resize:vertical;font-family:JetBrains Mono,Fira Code,monospace;font-size:13px}textarea::placeholder{color:var(--color-text-muted)}select,input[type=text]{width:100%;border:1px solid var(--color-border);background:var(--color-surface-1);color:var(--color-text);padding:8px 10px;font-size:14px}.checkbox-group{display:flex;flex-direction:column;gap:8px}.checkbox-group label{display:flex;gap:6px;align-items:center;cursor:pointer;color:var(--color-text-muted);font-size:13px}.checkbox-group input{width:16px;height:16px}button.primary{background:var(--color-success);border:none;color:var(--color-text-contrast);padding:10px 16px;border-radius:6px;cursor:pointer;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:background .2s ease}button.primary:hover{background:var(--color-success)}button.secondary{background:color-mix(in srgb,var(--color-success) 12%,transparent);border:none;color:var(--color-success);padding:8px 14px;border-radius:6px;cursor:pointer;font-weight:500;transition:background .2s ease}button.secondary:hover{background:color-mix(in srgb,var(--color-success) 20%,transparent)}.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}.stat-card{background:var(--color-surface-1);border:1px solid var(--color-border);border-radius:8px;padding:12px 14px;display:flex;flex-direction:column;gap:2px}.stat-card span:first-child{font-size:11px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.stat-value{font-size:18px;font-weight:600;color:var(--color-success)}.output-wrapper{background:var(--color-surface-1);border:1px solid var(--color-border);border-radius:8px;padding:14px;font-family:JetBrains Mono,Fira Code,monospace;font-size:13px;line-height:1.6;white-space:pre-wrap;color:var(--color-text)}.copy-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px;font-size:13px;color:var(--color-text-muted)}.copy-indicator{color:var(--color-success)}.error-box{border-radius:6px;border:1px solid color-mix(in srgb,var(--color-danger) 28%,transparent);background:color-mix(in srgb,var(--color-danger) 16%,var(--color-surface-1) 84%);color:var(--color-danger);padding:10px 12px;font-size:13px}.preview-box{background:color-mix(in srgb,var(--color-success) 8%,transparent);border-radius:6px;padding:10px 12px;font-family:JetBrains Mono,Fira Code,monospace;color:var(--color-success);font-size:13px}.action-row{display:flex;flex-wrap:wrap;gap:8px}.json-tool{display:flex;flex-direction:column;gap:12px;min-height:max(90vh,540px);flex:1 0 auto}.json-topbar{display:flex;align-items:center;justify-content:space-between;min-height:40px;padding:6px 16px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface-1)}.json-topbar__group{display:flex;align-items:center;gap:8px}.json-topbar__title{font-size:14px;font-weight:600}.json-topbar__actions{display:flex;align-items:center;gap:8px}.json-topbar__info{position:relative;display:flex;align-items:center}.json-popover{position:absolute;top:calc(100% + 8px);left:0;min-width:220px;padding:12px 14px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface-1);color:var(--color-text);font-size:12px;line-height:1.5;box-shadow:0 12px 28px color-mix(in srgb,var(--color-text) 12%,transparent);z-index:40}.json-icon-btn{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border-radius:999px;border:1px solid var(--color-border);background:color-mix(in srgb,var(--color-surface-1) 88%,var(--color-text) 12%);color:var(--color-text-muted);font-size:12px;cursor:pointer;transition:all .2s ease}.json-icon-btn[data-action=file]{position:relative;overflow:hidden}.json-icon-btn:hover{color:var(--color-text);border-color:color-mix(in srgb,var(--color-border) 45%,var(--color-accent) 55%);background:color-mix(in srgb,var(--color-surface-1) 80%,var(--color-accent) 20%)}.json-icon-btn.is-active{color:var(--color-success);border-color:color-mix(in srgb,var(--color-success) 45%,transparent);background:color-mix(in srgb,var(--color-success) 14%,transparent)}.json-icon-btn:focus-visible{outline:2px solid transparent;box-shadow:0 0 0 3px var(--color-focus-ring)}.json-icon-btn:disabled,.json-icon-btn[aria-disabled=true]{cursor:not-allowed;color:var(--tool-button-disabled-color);border-color:var(--tool-button-disabled-border);background:var(--tool-button-disabled-bg);box-shadow:none}.json-icon-btn--primary{color:var(--color-text-contrast);background:var(--color-accent);border-color:color-mix(in srgb,var(--color-accent) 70%,var(--color-border) 30%)}.json-icon-btn--primary:hover{color:var(--color-text-contrast);background:color-mix(in srgb,var(--color-accent) 85%,var(--color-surface-1) 15%);border-color:color-mix(in srgb,var(--color-accent) 80%,var(--color-border) 20%)}.json-icon-btn--primary:disabled,.json-icon-btn--primary[aria-disabled=true]{color:var(--tool-button-disabled-color);background:var(--tool-button-disabled-bg);border-color:var(--tool-button-disabled-border)}.json-icon-btn__label{font-weight:500;white-space:nowrap}.json-icon{width:16px;height:16px;flex:0 0 16px}.json-upload-input{display:none}.json-toast-stack{position:fixed;top:calc(var(--header-height) + 8px);right:16px;display:flex;flex-direction:column;gap:8px;width:min(320px,calc(100% - 32px));z-index:60}.json-toast{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;font-size:12px;line-height:1.5;box-shadow:0 12px 30px color-mix(in srgb,var(--color-text) 16%,transparent);border:1px solid color-mix(in srgb,var(--color-text-muted) 18%,transparent);background:var(--color-surface-1);color:var(--color-text)}.json-toast--success{border-color:color-mix(in srgb,var(--color-success) 46%,var(--color-surface-1) 54%);background:color-mix(in srgb,var(--color-success) 22%,var(--color-surface-1) 78%);color:var(--color-success)}.json-toast--error{border-color:color-mix(in srgb,var(--color-danger) 52%,var(--color-surface-1) 48%);background:color-mix(in srgb,var(--color-danger) 28%,var(--color-surface-1) 72%);color:var(--color-danger)}.json-toast--warning{border-color:color-mix(in srgb,var(--color-warning) 50%,var(--color-surface-1) 50%);background:color-mix(in srgb,var(--color-warning) 26%,var(--color-surface-1) 74%);color:var(--color-warning)}.json-toast__message{flex:1}.json-toast__action{border:none;background:color-mix(in srgb,var(--color-surface-1) 60%,transparent);color:inherit;cursor:pointer;padding:4px 10px;font-size:12px;border-radius:6px;transition:background .12s ease}.json-toast__action:hover,.json-toast__action:focus-visible{background:color-mix(in srgb,currentColor 16%,transparent)}.json-toast__action:focus-visible{outline:none;box-shadow:0 0 0 2px color-mix(in srgb,currentColor 40%,transparent)}.json-toast__close{border:none;background:transparent;color:inherit;cursor:pointer;padding:4px;font-size:14px;line-height:1;border-radius:6px}.json-toast__close:hover{background:color-mix(in srgb,var(--color-text) 8%,transparent)}.json-toast__close:focus-visible{outline:2px solid color-mix(in srgb,var(--color-success) 60%,transparent);outline-offset:2px}.json-tool__workspace{display:flex;gap:10px;align-items:stretch;min-height:max(420px,90vh);flex:1 0 auto}.json-tool__workspace[data-orientation=vertical]{flex-direction:column}.json-pane{background:var(--color-surface-1);border:1px solid var(--color-border);border-radius:6px;padding:12px;display:flex;flex-direction:column;gap:10px;flex:1;min-width:0;min-height:0;position:relative}.json-tool__workspace[data-orientation=vertical] .json-pane{min-height:220px}.json-pane__micro{display:flex;justify-content:flex-end;gap:4px;flex-wrap:wrap;position:sticky;top:0;padding-bottom:6px;background:var(--color-surface-1);border-bottom:1px solid color-mix(in srgb,var(--color-border) 72%,transparent);z-index:2}.json-pane__content{flex:1;display:flex;flex-direction:column;gap:8px;min-height:0;overflow:hidden}.json-divider{position:relative;width:10px;flex:0 0 auto;cursor:col-resize;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;color:var(--color-text-muted);touch-action:none}.json-divider:after{content:"";position:absolute;top:16px;bottom:16px;left:50%;width:1px;border-radius:2px;background:color-mix(in srgb,var(--color-border) 82%,transparent);transform:translate(-50%);transition:background .2s ease}.json-divider__grip{position:relative;width:4px;height:28px;border-radius:999px;background:color-mix(in srgb,var(--color-text-muted) 30%,transparent);z-index:1}.json-divider:hover:after,.json-divider--active:after,.json-divider:hover .json-divider__grip,.json-divider--active .json-divider__grip{background:color-mix(in srgb,var(--color-success) 45%,transparent)}.json-tool__workspace[data-orientation=vertical] .json-divider{width:100%;height:10px;cursor:row-resize}.json-tool__workspace[data-orientation=vertical] .json-divider:after{left:16px;right:16px;top:50%;bottom:auto;width:auto;height:1px;transform:translateY(-50%)}.json-tool__workspace[data-orientation=vertical] .json-divider__grip{width:28px;height:4px}.json-output-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:nowrap;position:sticky;top:0;padding-bottom:6px;background:var(--color-surface-1);border-bottom:1px solid color-mix(in srgb,var(--color-border) 72%,transparent);z-index:3}.tool-button-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.json-segmented{display:flex;align-items:stretch;border:1px solid var(--tool-button-border);border-radius:var(--tool-button-radius);background:var(--tool-button-bg);min-height:var(--tool-button-height);overflow:hidden}.json-segmented__option{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;padding:0 var(--tool-button-padding-x);min-height:var(--tool-button-height);display:inline-flex;align-items:center;justify-content:center;font-size:var(--tool-button-font-size);color:var(--tool-button-color);cursor:pointer;white-space:nowrap;transition:color .2s ease,background .2s ease,border-color .2s ease}.json-segmented__option+.json-segmented__option{border-left:1px solid color-mix(in srgb,var(--tool-button-border) 70%,transparent)}.json-segmented__option:hover,.json-segmented__option:focus-visible{color:var(--tool-button-hover-color);background:var(--tool-button-hover-bg);outline:none}.json-segmented__option.is-active{color:var(--tool-button-active-color);background:var(--tool-button-active-bg)}.json-segmented__option:disabled,.json-segmented__option[aria-disabled=true]{cursor:not-allowed;color:var(--tool-button-disabled-color);background:var(--tool-button-disabled-bg)}.json-output-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.json-dropdown{position:relative;display:inline-flex;align-items:stretch;border-radius:999px}.json-dropdown--field{display:grid;grid-template-columns:1fr auto;width:100%;border-radius:8px;border:1px solid var(--color-border);background:color-mix(in srgb,var(--color-surface-1) 96%,var(--color-text) 4%);box-shadow:inset 0 1px color-mix(in srgb,var(--color-text) 3%,transparent);transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.json-dropdown--field:focus-within,.json-dropdown--field.json-dropdown--open{border-color:color-mix(in srgb,var(--color-border) 40%,var(--color-accent) 60%);box-shadow:0 0 0 3px var(--color-focus-ring);background:color-mix(in srgb,var(--color-surface-1) 92%,var(--color-accent) 8%)}.json-dropdown--field .json-icon-btn{height:32px;border:none;border-radius:0;background:transparent;color:var(--color-text);font-size:13px;justify-content:flex-start;padding:0 12px;transition:background .2s ease,color .2s ease}.json-dropdown--field .json-icon-btn:hover{background:color-mix(in srgb,var(--color-text) 4%,transparent);color:var(--color-text)}.json-dropdown--field .json-icon-btn:focus-visible{box-shadow:none}.json-dropdown--field .json-dropdown__trigger{min-width:0;width:100%}.json-dropdown--field .json-dropdown__trigger .json-icon-btn__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.json-dropdown--field .json-dropdown__caret{margin-left:0;padding:0 8px;min-width:32px;border-left:1px solid color-mix(in srgb,var(--color-border) 84%,transparent);justify-content:center}.json-dropdown--field .json-dropdown__caret:hover{background:color-mix(in srgb,var(--color-text) 4%,transparent)}.json-dropdown--field .json-dropdown__caret .json-icon{color:var(--color-text-muted)}.json-dropdown--field.json-dropdown--open .json-dropdown__caret .json-icon,.json-dropdown--field .json-dropdown__caret:hover .json-icon{color:var(--color-text)}.json-dropdown--field .json-dropdown__menu{left:0;right:auto;min-width:max(168px,100%);padding:8px}.json-dropdown__trigger{border-top-right-radius:0;border-bottom-right-radius:0;border-right:none}.json-dropdown__caret{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px;padding:0 6px;min-width:28px;justify-content:center}.json-dropdown__caret .json-icon-btn__label{display:none}.json-dropdown__caret .json-icon{transition:transform .2s ease}.json-dropdown--open .json-dropdown__caret .json-icon{transform:rotate(180deg)}.json-dropdown__menu{position:absolute;top:calc(100% + 4px);right:0;min-width:168px;padding:6px;border-radius:10px;border:1px solid color-mix(in srgb,var(--color-border) 88%,transparent);background:var(--color-surface-1);box-shadow:0 16px 32px color-mix(in srgb,var(--color-text) 16%,transparent);display:flex;flex-direction:column;gap:4px;z-index:6}.json-dropdown__item{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;padding:8px;border-radius:8px;border:none;background:none;color:var(--color-text-muted);cursor:pointer;font-size:12px;text-align:left;transition:background .2s ease,color .2s ease}.json-dropdown__item:hover{background:color-mix(in srgb,var(--color-text) 5%,transparent);color:var(--color-text)}.json-dropdown__item.is-active{background:color-mix(in srgb,var(--color-success) 14%,transparent);color:var(--color-success)}.json-dropdown__item .json-icon{color:currentColor}.json-dropdown__item-label{font-weight:600}.json-dropdown__item-hint{font-size:11px;color:var(--color-text-muted)}.json-dropdown__item.is-active .json-dropdown__item-hint{color:inherit}.json-textarea{flex:1;min-height:240px;resize:none}.json-editor{position:relative;display:flex;flex:1 1 260px;min-height:260px;border:1px solid var(--color-border);border-radius:6px;background:color-mix(in srgb,var(--color-text) 2%,transparent);font-family:JetBrains Mono,Fira Code,Cascadia Code,Consolas,monospace;font-size:13px;line-height:1.55;color:var(--color-text);overflow:hidden}.json-editor__gutter{flex:0 0 auto;min-width:40px;padding:12px 8px;background:color-mix(in srgb,var(--color-text) 2%,transparent);border-right:1px solid color-mix(in srgb,var(--color-border) 82%,transparent);color:var(--color-text-muted);font-size:12px;text-align:right;-webkit-user-select:none;user-select:none;line-height:1.4}.json-editor__gutter pre{margin:0;white-space:pre}.json-editor__surface{position:relative;flex:1;min-width:0;overflow:hidden}.json-editor--editable textarea{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:12px 14px;border:none;outline:none;resize:none;background:transparent;color:transparent;caret-color:var(--color-text);font:inherit;line-height:inherit;white-space:pre;overflow:auto;-moz-tab-size:4;tab-size:4}.json-editor--editable textarea::selection{background:color-mix(in srgb,var(--color-success) 25%,transparent)}.json-editor__pre{position:absolute;top:0;left:0;min-width:100%;min-height:100%;margin:0;padding:12px 14px;white-space:pre;overflow:visible;pointer-events:none;will-change:transform;transform:translate(0)}.json-editor__pre--readonly{position:relative;inset:auto;pointer-events:auto;overflow:auto;padding:12px 14px}.json-editor--readonly{background:color-mix(in srgb,var(--color-success) 4%,transparent);overflow:hidden}.json-editor--readonly .json-editor__surface{display:flex;flex-direction:column;min-height:0}.json-editor--readonly .json-editor__pre{position:relative;inset:auto;overflow:auto;pointer-events:auto;flex:1;min-height:0}.json-editor--wrap textarea{white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere;overflow-x:hidden}.json-editor--wrap .json-editor__pre,.json-editor--wrap .json-editor__pre--readonly{white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere}.json-editor__placeholder{position:absolute;top:14px;left:16px;font-size:12px;color:var(--color-text-muted);pointer-events:none}.json-monaco-viewer{position:relative;flex:1;min-height:0;border:1px solid var(--color-border);border-radius:12px;overflow:hidden;background:var(--color-surface-1)}.json-monaco-viewer .monaco-editor,.json-monaco-viewer .monaco-editor .overflow-guard,.json-monaco-viewer .monaco-editor-background,.json-monaco-viewer .margin{background:var(--color-surface-1)!important}.json-monaco-viewer__placeholder{position:absolute;top:12px;left:14px;font-size:12px;color:var(--color-text-muted);pointer-events:none;z-index:2}.json-monaco-viewer__loading{padding:16px;font-size:12px;color:var(--color-text-muted)}.json-pane__content{flex:1;display:flex;flex-direction:column;gap:10px;min-height:0;overflow:hidden}.json-pane__content>*{min-height:0}.json-pane__content--tabs{gap:0}.json-pane__content--tabs>*{flex:1;min-height:0}.json-pane__content--tabs .json-editor--readonly,.json-pane__content--tabs .json-monaco-viewer{min-height:0;max-height:none;height:100%}.json-tool__workspace[data-orientation=vertical] .json-pane__content--tabs .json-editor--readonly,.json-tool__workspace[data-orientation=vertical] .json-pane__content--tabs .json-monaco-viewer{min-height:80vh;height:auto}.json-tool__workspace[data-orientation=horizontal] .json-pane__content--tabs .json-editor--readonly,.json-tool__workspace[data-orientation=horizontal] .json-pane__content--tabs .json-monaco-viewer{min-height:80vh;max-height:80vh}.json-tabs{display:flex;align-items:center;gap:12px;padding:0;margin:0;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;flex:1;min-width:0}.json-tab{border:none;background:transparent;color:var(--color-text-muted);font-size:14px;font-weight:500;padding:6px 2px;cursor:pointer;position:relative;transition:color .2s ease;flex:0 0 auto;white-space:nowrap}.json-tab:hover{color:var(--color-text)}.json-tab--active{color:var(--color-text);font-weight:600}.json-tab--active:after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;background:var(--color-success);border-radius:2px}@media (max-width: 960px){.json-output-toolbar{flex-direction:column-reverse;align-items:stretch}.json-output-toolbar .json-output-actions{width:100%;justify-content:flex-end}.json-output-toolbar .json-tabs{width:100%;gap:16px}.json-output-toolbar .json-tab{padding:6px 4px}}.json-empty{padding:24px 0;text-align:center;font-size:12px;color:var(--color-text-muted)}.json-issues{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;overflow-y:auto}.json-issue{padding:10px 12px;border-radius:8px;background:color-mix(in srgb,var(--color-danger) 12%,var(--color-surface-1) 88%);color:var(--color-danger);font-size:12px}.json-issue--exception{background:color-mix(in srgb,var(--color-danger) 12%,var(--color-surface-1) 88%);color:var(--color-danger)}.json-issue--warning{background:color-mix(in srgb,var(--color-warning) 14%,var(--color-surface-1) 86%);color:var(--color-warning)}.json-diff{position:relative;display:flex;flex-direction:column;flex:1 0 auto;min-height:max(90vh,540px);height:auto;gap:12px;color:var(--color-text)}.json-diff__file-input{display:none}.json-diff__topbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:space-between;min-height:40px;padding:6px 16px;background:var(--color-surface-1);border:1px solid var(--color-border);border-radius:8px;box-shadow:none}.json-diff__brand{display:inline-flex;align-items:center;gap:8px;position:relative;flex-shrink:0}.json-diff__title{display:inline-flex;align-items:center;justify-content:center;height:28px;padding:0 12px;border-radius:999px;border:1px solid var(--color-border);background:var(--color-surface-1);font-size:13px;font-weight:600;color:var(--color-text)}.json-diff__tips-trigger{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;border-radius:999px;border:1px solid var(--color-accent);background:transparent;color:var(--color-accent);font-size:12px;font-weight:600;line-height:1;cursor:pointer;transition:background .2s ease,color .2s ease,box-shadow .2s ease}.json-diff__tips-trigger:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.json-diff__tips-trigger:hover,.json-diff__tips-trigger:focus-visible,.json-diff__tips-trigger.is-open{background:var(--color-accent);color:var(--color-surface-1)}.json-diff__tips-trigger-icon{display:inline-block;font-style:normal;font-weight:600}.json-diff__tips-popover{position:absolute;top:calc(100% + 8px);left:0;min-width:240px;max-width:320px;padding:12px 14px;background:var(--color-surface-1);border:1px solid var(--color-border);border-radius:8px;box-shadow:none;color:var(--color-text);z-index:40}.json-diff__tips-title{margin:0 0 8px;font-size:12px;font-weight:600}.json-diff__tips-list{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--color-text-muted)}.json-diff__tips-list li{line-height:1.4}.json-diff__controls{display:flex;align-items:center;gap:8px;flex:1 1 auto;flex-wrap:wrap;margin-left:auto;justify-content:flex-end;overflow-x:auto;padding-bottom:2px}.json-diff__segment{display:inline-flex;align-items:center;border:1px solid var(--tool-button-border);border-radius:var(--tool-button-radius);background:var(--tool-button-bg);height:var(--tool-button-height);overflow:hidden}.json-diff__chip{border:none;background:transparent;padding:0 14px;height:var(--tool-button-height);display:inline-flex;align-items:center;justify-content:center;font-size:var(--tool-button-font-size);color:var(--tool-button-color);cursor:pointer;transition:color .2s ease,background .2s ease}.json-diff__chip+.json-diff__chip{border-left:1px solid color-mix(in srgb,var(--tool-button-border) 75%,transparent)}.json-diff__chip:hover{color:var(--tool-button-hover-color);background:var(--tool-button-hover-bg)}.json-diff__chip.is-active{color:var(--tool-button-active-color);background:var(--tool-button-active-bg)}.json-diff__chip--ghost{border:1px solid var(--tool-button-border);border-radius:var(--tool-button-radius);margin-right:0;background:var(--tool-button-bg);color:var(--tool-button-color)}.json-diff__chip--ghost+.json-diff__chip--ghost{margin-left:4px}.json-diff__chip--ghost:hover{border-color:var(--tool-button-hover-border);background:var(--tool-button-hover-bg);color:var(--tool-button-hover-color)}.json-diff__chip--ghost.is-active{color:var(--tool-button-active-color);border-color:var(--tool-button-active-border);background:var(--tool-button-active-bg)}.json-diff__options{display:inline-flex;align-items:center;gap:4px}.json-diff__semantic{font-size:12px;color:var(--color-text-muted);white-space:nowrap;padding:0 4px}.json-diff__actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.json-diff__primary{border:none;border-radius:6px;background:var(--color-success);color:var(--color-text-contrast);font-size:12px;padding:0 16px;height:32px;cursor:pointer;transition:background .2s ease}.json-diff__primary:hover{background:var(--color-success)}.json-diff__badge{display:inline-flex;align-items:center;justify-content:center;height:var(--tool-button-height);padding:0 var(--tool-button-padding-x);border-radius:var(--tool-button-radius);border:1px solid var(--tool-button-border);font-size:var(--tool-button-font-size);color:var(--tool-button-color);white-space:nowrap;background:var(--tool-button-bg);cursor:pointer;transition:color .2s ease,background .2s ease,border-color .2s ease}.json-diff__badge:hover{border-color:var(--tool-button-hover-border);color:var(--tool-button-hover-color);background:var(--tool-button-hover-bg)}.json-diff__badge.is-active{color:var(--tool-button-active-color);border-color:var(--tool-button-active-border);background:var(--tool-button-active-bg)}.json-diff__badge.is-open{border-color:var(--tool-button-active-border)}.json-diff__badge-wrapper{position:relative;display:inline-flex}.json-diff__stats-popover{position:absolute;top:calc(100% + 6px);right:0;min-width:180px;padding:10px;background:var(--color-surface-1);border:1px solid var(--color-border);border-radius:8px;box-shadow:none;display:flex;flex-direction:column;gap:6px;z-index:11}.json-diff__stats-row{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--color-text-muted)}.json-diff__stats-row strong{font-weight:600;color:var(--color-text)}.json-diff__stats-row--added strong{color:var(--color-success)}.json-diff__stats-row--removed strong{color:color-mix(in srgb,var(--color-danger) 88%,var(--color-text) 12%)}.json-diff__stats-row--changed strong{color:color-mix(in srgb,var(--color-warning) 82%,var(--color-text) 18%)}.json-diff__body{flex:1;min-height:0;display:flex;background:var(--color-surface-1);border:1px solid var(--color-border);border-radius:8px;overflow:hidden}.json-diff__navigator{width:44px;border-right:1px solid var(--color-border);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:color-mix(in srgb,var(--color-text-muted) 4%,transparent)}.json-diff__nav-btn{width:var(--tool-button-height);height:var(--tool-button-height);border-radius:12px;border:1px solid var(--tool-button-border);background:var(--tool-button-bg);color:var(--tool-button-color);font-size:var(--tool-button-font-size);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:color .2s ease,background .2s ease,border-color .2s ease}.json-diff__nav-btn:hover{border-color:var(--tool-button-hover-border);background:var(--tool-button-hover-bg);color:var(--tool-button-hover-color)}.json-diff__main{flex:1 1 auto;min-height:90vh;position:relative;display:flex;flex-direction:column}.json-diff__main:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:8px;pointer-events:none;border:1px dashed color-mix(in srgb,var(--color-success) 35%,transparent);background:transparent;opacity:0;transition:opacity .2s ease,background .2s ease}.json-diff__main[data-drag-region=left]:after{opacity:1;background:linear-gradient(90deg,color-mix(in srgb,var(--color-success) 12%,transparent) 0%,color-mix(in srgb,var(--color-success) 12%,transparent) 50%,transparent 50%,transparent 100%)}.json-diff__main[data-drag-region=right]:after{opacity:1;background:linear-gradient(90deg,transparent 0%,transparent 50%,color-mix(in srgb,var(--color-success) 12%,transparent) 50%,color-mix(in srgb,var(--color-success) 12%,transparent) 100%)}.json-diff__viewer{flex:1;min-height:80vh;height:100%;position:relative;display:flex;flex-direction:column}.json-diff__editor{flex:1;position:relative;min-height:80vh;height:100%;display:flex}.json-diff__editor>div{flex:1;min-height:0}.json-diff__editor .monaco-diff-editor,.json-diff__editor .monaco-editor,.json-diff__editor .monaco-editor textarea,.json-diff__editor .monaco-editor .inputarea{direction:ltr!important;text-align:left!important;unicode-bidi:plaintext!important}.json-diff__placeholder{position:absolute;top:16px;font-size:12px;color:color-mix(in srgb,var(--color-text-muted) 70%,transparent);pointer-events:none}.json-diff__placeholder--left{left:32px}.json-diff__placeholder--right{right:32px}.json-diff__mini-map{position:absolute;top:16px;right:8px;width:6px;bottom:16px;background:color-mix(in srgb,var(--color-text-muted) 8%,transparent);border-radius:999px;pointer-events:none}.json-diff__mini-track{position:absolute;top:4px;right:0;bottom:4px;left:0;border-radius:999px}.json-diff__mini-marker{position:absolute;left:0;right:0;border-radius:999px;min-height:2px}.json-diff__mini-marker--added{background:color-mix(in srgb,var(--color-diff-add-text) 38%,var(--color-bg))}.json-diff__mini-marker--removed{background:color-mix(in srgb,var(--color-diff-del-text) 38%,var(--color-bg))}.json-diff__mini-marker--changed{background:color-mix(in srgb,var(--color-diff-mod-text) 38%,var(--color-bg))}.json-diff__status{min-height:24px;display:flex;align-items:center;padding:0 12px;font-size:12px;color:var(--color-text-muted);background:var(--color-surface-1);border:1px solid var(--color-border);border-radius:6px}.json-stats{display:flex;flex-direction:column;gap:16px;overflow-y:auto}.json-stats__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}.json-stats__grid div{background:color-mix(in srgb,var(--color-text-muted) 8%,transparent);border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--color-text-muted)}.json-stats__grid strong{font-size:16px;color:var(--color-text)}.json-stats__keys{display:flex;flex-direction:column;gap:8px}.json-stats__keys span{font-size:12px;color:var(--color-text-muted)}.json-stats__keys ul{margin:0;padding-left:16px;display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--color-text)}.json-statusbar{display:flex;align-items:center;gap:16px;border:1px solid var(--color-border);border-radius:6px;padding:2px 16px;background:var(--color-surface-1);font-size:12px;color:var(--color-text-muted);min-height:28px}.json-statusbar__metric{color:inherit}.json-statusbar__metric--success{color:var(--color-success)}.json-statusbar__metric--error{color:var(--color-danger)}.json-statusbar__metric--warning{color:var(--color-warning)}.json-statusbar__issue{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:color-mix(in srgb,var(--color-danger) 16%,var(--color-surface-1) 84%);color:var(--color-danger);font-weight:700;font-size:12px;border:none;cursor:pointer;padding:0;transition:transform .2s ease,box-shadow .2s ease}.json-statusbar__issue:hover{transform:scale(1.05);box-shadow:0 6px 12px color-mix(in srgb,var(--color-danger) 22%,transparent)}.json-statusbar__issue:focus-visible{outline:2px solid var(--color-success);outline-offset:2px}.json-tool[data-zen=on] .json-topbar,.json-tool[data-zen=on] .json-statusbar{opacity:.35}.json-tool[data-zen=on] .json-topbar:hover,.json-tool[data-zen=on] .json-statusbar:hover{opacity:1}.list-comparer__command{position:fixed;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,var(--color-text) 32%,transparent);display:flex;align-items:center;justify-content:center;z-index:50;padding:24px}.list-comparer__command-panel{width:min(520px,100%);border-radius:12px;border:1px solid var(--color-border);background:var(--color-surface-1);box-shadow:0 18px 48px color-mix(in srgb,var(--color-text) 20%,transparent);display:flex;flex-direction:column;overflow:hidden}.list-comparer__command-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--color-border)}.list-comparer__command-panel input{border:none;border-bottom:1px solid var(--color-border);padding:12px 16px;font-size:14px;outline:none}.list-comparer__command-list{max-height:320px;overflow:auto;display:flex;flex-direction:column}.list-comparer__command-item{border:none;background:none;padding:12px 16px;text-align:left;cursor:pointer;font-size:14px}.list-comparer__command-item--active,.list-comparer__command-item:hover{background:color-mix(in srgb,var(--color-accent) 8%,transparent)}.list-sorter{display:flex;flex-direction:column;background:var(--color-surface-1);border:1px solid var(--color-border);border-radius:6px;min-height:max(90vh,600px);height:auto;max-height:none;overflow:hidden;position:relative}.list-sorter__toolbar{display:flex;flex-wrap:wrap;align-items:flex-start;gap:16px;padding:12px 16px;border-bottom:1px solid var(--color-border);background:var(--color-surface-1)}.list-sorter__info{position:relative}.list-sorter__toolbar-main,.list-sorter__toolbar-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.list-sorter__toolbar-main{flex:1 1 50%;min-width:0}.list-sorter__toolbar-actions{flex:1 1 40%;justify-content:flex-end;min-width:0}.list-sorter__toolbar-actions .tool-button-bar{justify-content:flex-end;flex-wrap:wrap}.list-sorter__preprocess{position:relative}.list-sorter__preprocess-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.list-sorter__preprocess-bar .json-icon-btn,.list-sorter__preprocess .json-icon-btn{min-width:0}.list-sorter__preprocess-menu{display:flex;flex-direction:column;gap:8px;min-width:180px}.list-sorter__preprocess-menu .json-icon-btn{width:100%;justify-content:flex-start}.list-sorter__mode,.list-sorter__view,.list-sorter__direction,.list-sorter__dedupe{min-height:var(--tool-button-height)}.list-sorter__direction.json-segmented{width:100%}.list-sorter__direction .json-segmented__option{flex:1 1 0}.list-sorter__menu-note{padding:6px 8px 4px;margin-top:4px;font-size:12px;line-height:1.4;color:var(--color-text-muted);border-top:1px solid color-mix(in srgb,var(--color-border) 82%,transparent)}.list-sorter__popover{position:absolute;top:36px;right:0;z-index:120;background:var(--color-surface-1);border:1px solid var(--color-border);border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:8px;min-width:180px;box-shadow:none}.list-sorter__popover--panel{min-width:220px}.list-sorter__popover--copy{min-width:160px}.list-sorter__popover button{border:1px solid var(--tool-button-border);background:var(--tool-button-bg);text-align:left;padding:6px 12px;font-size:13px;color:var(--tool-button-color);cursor:pointer;border-radius:var(--tool-button-radius);width:100%;transition:color .2s ease,background .2s ease,border-color .2s ease}.list-sorter__popover button:hover,.list-sorter__popover button:focus{background:var(--tool-button-hover-bg);color:var(--tool-button-hover-color);border-color:var(--tool-button-hover-border);outline:none}.list-sorter__workspace{display:flex;flex:1 0 auto;min-height:90vh;height:auto}.list-sorter__workspace.is-vertical{flex-direction:column}.list-sorter__panel{display:flex;flex-direction:column;padding:16px;gap:12px;background:var(--color-surface-1);min-height:0;flex:1 1 auto;min-width:0}.list-sorter__panel--input{border-right:1px solid var(--color-border)}.list-sorter__panel--result{border-left:1px solid var(--color-border)}.list-sorter__workspace.is-vertical .list-sorter__panel--input,.list-sorter__workspace.is-vertical .list-sorter__panel--result{border:none}.list-sorter__workspace.is-vertical .list-sorter__panel--input{border-bottom:1px solid var(--color-border)}.list-sorter__panel textarea{width:100%;min-height:240px;padding:12px;border:1px solid var(--color-border);border-radius:6px;font-family:JetBrains Mono,Fira Code,monospace;font-size:14px;line-height:1.6;background:transparent;color:var(--color-text);resize:vertical}.list-sorter__panel--input.is-dragging{background:color-mix(in srgb,var(--color-accent) 8%,transparent)}.list-sorter__divider{width:1px;background:var(--color-border);cursor:col-resize}.list-sorter__form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;align-items:stretch}.list-sorter__field{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--color-text-muted)}.list-sorter__field-label{display:inline-flex;align-items:center;gap:6px}.list-sorter__field .json-dropdown{width:100%}.list-sorter__field .json-dropdown__trigger{justify-content:flex-start}.list-sorter__field .json-dropdown__item{align-items:flex-start}.list-sorter__hint-btn{border:none;background:color-mix(in srgb,var(--color-text-muted) 16%,transparent);border-radius:999px;width:18px;height:18px;margin-left:6px;color:var(--color-text-muted);font-size:12px;cursor:pointer}.list-sorter__hint-btn:hover,.list-sorter__hint-btn:focus-visible{color:var(--color-accent);outline:none}.list-sorter__tooltip{position:absolute;top:32px;left:0;z-index:90;background:var(--color-surface-1);border:1px solid var(--color-border);border-radius:6px;padding:8px 10px;font-size:12px;width:max(200px,100%);box-shadow:none}.list-sorter__hint{font-size:12px;color:var(--color-text-muted)}.list-sorter__error{font-size:12px;color:var(--color-danger)}.list-sorter__drop-hint{border:1px dashed var(--color-accent);border-radius:6px;padding:12px;text-align:center;color:var(--color-accent);font-size:12px}.list-sorter__panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;position:sticky;top:0;z-index:10;background:linear-gradient(var(--color-surface-1),color-mix(in srgb,var(--color-surface-1) 85%,var(--color-bg) 15%));padding-bottom:4px}.list-sorter__panel-title{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--color-text-muted)}.list-sorter__panel-title>span:first-child{font-weight:600;color:var(--color-text);font-size:14px}.list-sorter__panel-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.list-sorter__copy-dropdown{display:inline-flex;align-items:center;border-radius:999px;border:1px solid color-mix(in srgb,var(--color-accent) 38%,var(--color-surface-3) 62%);background:color-mix(in srgb,var(--color-accent) 16%,var(--color-surface-1) 84%);padding:0;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease}.list-sorter__copy-dropdown:focus-within{border-color:color-mix(in srgb,var(--color-accent) 55%,var(--color-surface-3) 45%);box-shadow:0 0 0 2px var(--color-focus-ring);background:color-mix(in srgb,var(--color-accent) 24%,var(--color-surface-1) 76%)}.list-sorter__copy-dropdown.is-disabled{border-color:var(--tool-button-disabled-border);background:var(--tool-button-disabled-bg);box-shadow:none}.list-sorter__copy-dropdown .json-icon-btn{border:none;border-radius:0;height:32px;background:transparent;color:color-mix(in srgb,var(--color-accent) 70%,var(--color-text) 30%);font-size:13px;font-weight:600;padding:0 16px;gap:6px}.list-sorter__copy-dropdown .json-icon-btn:focus-visible{box-shadow:none}.list-sorter__copy-dropdown .json-icon-btn:disabled{color:var(--tool-button-disabled-color);cursor:not-allowed}.list-sorter__copy-dropdown .json-icon{color:currentColor}.list-sorter__copy-trigger{justify-content:center}.list-sorter__copy-trigger:hover:not(:disabled),.list-sorter__copy-trigger:focus-visible:not(:disabled){background:color-mix(in srgb,var(--color-accent) 28%,var(--color-surface-1) 72%)}.list-sorter__copy-dropdown.is-disabled .json-icon-btn{background:transparent}.list-sorter__copy-dropdown--solo{overflow:hidden}.list-sorter__copy-dropdown--solo .json-icon-btn{border-radius:999px}.list-sorter__copy-dropdown--multi{overflow:visible}.list-sorter__copy-dropdown--multi .json-dropdown__caret{border-left:1px solid color-mix(in srgb,var(--color-accent) 40%,var(--color-surface-3) 60%);margin-left:0;min-width:32px}.list-sorter__copy-trigger.is-active:not(:disabled){background:color-mix(in srgb,var(--color-accent) 32%,var(--color-surface-1) 68%);color:color-mix(in srgb,var(--color-accent) 82%,var(--color-text) 18%)}.list-sorter__copy-dropdown.is-disabled .list-sorter__copy-trigger.is-active{background:transparent}.list-sorter__dedupe-banner{background:color-mix(in srgb,var(--color-accent) 12%,transparent);color:var(--color-accent);border-radius:6px;padding:4px 8px;font-size:12px;align-self:flex-start}.list-sorter__result-controls{display:flex;align-items:center;justify-content:flex-start;gap:12px;flex-wrap:wrap}.list-sorter__copy-hint{font-size:12px;color:var(--color-text-muted);white-space:nowrap}.list-sorter__output{flex:1;background:color-mix(in srgb,var(--color-text) 4%,transparent);border-radius:6px;padding:16px;font-family:JetBrains Mono,Fira Code,monospace;font-size:14px;line-height:1.6;overflow:auto;white-space:pre-wrap;border:1px solid color-mix(in srgb,var(--color-text) 8%,transparent)}.list-sorter__status-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));padding:4px 16px;font-size:12px;border-top:1px solid var(--color-border);color:var(--color-text-muted);background:color-mix(in srgb,var(--color-text-muted) 8%,transparent);gap:8px;min-height:28px;align-items:center}.list-sorter__status-bar button{border:1px solid var(--tool-button-border);background:var(--tool-button-bg);color:var(--tool-button-color);text-align:left;cursor:pointer;padding:0 calc(var(--tool-button-padding-x) - 2px);border-radius:var(--tool-button-radius);height:var(--tool-button-height);display:inline-flex;align-items:center;justify-content:center;gap:4px;transition:color .2s ease,background .2s ease,border-color .2s ease}.list-sorter__status-bar button:hover,.list-sorter__status-bar button:focus-visible{color:var(--tool-button-hover-color);background:var(--tool-button-hover-bg);border-color:var(--tool-button-hover-border);outline:none}.list-sorter__status-message{grid-column:1 / -1;text-align:right;color:var(--color-text)}.list-sorter__status-popover{position:absolute;right:16px;bottom:56px;background:var(--color-surface-1);border:1px solid var(--color-border);border-radius:8px;padding:12px;display:grid;gap:6px;font-size:12px;min-width:200px;box-shadow:none;z-index:90}.list-sorter__command-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,var(--color-text) 40%,transparent);display:flex;align-items:center;justify-content:center;z-index:50}.list-sorter__command-panel{background:var(--color-surface-1);border:1px solid var(--color-border);border-radius:10px;padding:16px;width:min(420px,90vw);display:flex;flex-direction:column;gap:12px}.list-sorter__command-panel input{border:1px solid var(--color-border);border-radius:6px;padding:8px 10px;font-size:14px}.list-sorter__command-panel ul{list-style:none;margin:0;padding:0;max-height:240px;overflow:auto;display:grid;gap:6px}.list-sorter__command-panel li button{width:100%;border:1px solid var(--tool-button-border);border-radius:var(--tool-button-radius);padding:8px 12px;background:var(--tool-button-bg);color:var(--tool-button-color);text-align:left;cursor:pointer;transition:color .2s ease,background .2s ease,border-color .2s ease}.list-sorter__command-panel li button:hover,.list-sorter__command-panel li button:focus-visible{background:var(--tool-button-hover-bg);color:var(--tool-button-hover-color);border-color:var(--tool-button-hover-border);outline:none}.list-sorter__command-empty{text-align:center;color:var(--color-text-muted);font-size:13px}.list-sorter__command-close{align-self:flex-end;border:1px solid var(--tool-button-border);background:var(--tool-button-bg);color:var(--tool-button-color);cursor:pointer;border-radius:var(--tool-button-radius);padding:0 var(--tool-button-padding-x);height:var(--tool-button-height);display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:color .2s ease,background .2s ease,border-color .2s ease}.list-sorter__command-close:hover,.list-sorter__command-close:focus-visible{color:var(--tool-button-hover-color);background:var(--tool-button-hover-bg);border-color:var(--tool-button-hover-border);outline:none}@media (max-width: 768px){.list-sorter{border-radius:0}.list-sorter__panel--input,.list-sorter__panel--result{border:none}.list-sorter__toolbar{flex-wrap:wrap;align-items:flex-start}.list-sorter__toolbar-main{width:100%;flex-wrap:wrap}}.list-comparer{--list-comparer-available-height: max(90vh, var(--tool-max-viewport-height, 90vh));--list-comparer-pane-height: max(320px, var(--list-comparer-available-height));display:flex;flex-direction:column;min-height:max(90vh,540px);height:auto;flex:1 0 auto;background:var(--color-bg)}.list-comparer__layout{display:flex;flex:1 0 auto;min-height:var(--list-comparer-pane-height);height:auto;max-height:none;position:relative;align-items:stretch}.list-comparer__input-pane{display:flex;flex-direction:column;padding:16px;min-width:0;min-height:0;height:100%;transition:flex-basis .2s ease}.list-comparer__input-pane--stacked{width:100%}.list-comparer__input-card{border:1px solid var(--color-border);border-radius:12px;background:var(--color-surface-1);display:flex;flex-direction:column;min-height:0;height:100%;max-height:100%;overflow:hidden;flex:1}.list-comparer__input-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid var(--color-border);gap:16px}.list-comparer__input-tabs{flex-shrink:0}.list-comparer__inline-toggle{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--color-text-muted)}.list-comparer__input-body{display:flex;flex:1;min-height:0;padding:16px;gap:16px}.list-comparer__input-body--split{flex-direction:row}.list-comparer__input-body:not(.list-comparer__input-body--split){flex-direction:column}.list-comparer__input-field{display:flex;flex-direction:column;flex:1;min-height:0;gap:8px;position:relative}.list-comparer__input-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.list-comparer__input-label{font-size:13px;color:var(--color-text-muted)}.list-comparer__textarea{flex:1;min-height:180px;resize:none;padding:12px;border:1px solid var(--color-border);border-radius:8px;font-family:inherit;font-size:13px;color:var(--color-text);background:transparent}.list-comparer__file-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.list-comparer__input-pane--collapsed .list-comparer__textarea{min-height:120px}.list-comparer__input-preview{display:flex;flex-direction:column;gap:12px;padding:16px;min-height:140px;flex:1;justify-content:space-between}.list-comparer__preview-columns{display:flex;flex-direction:column;gap:12px;flex:1;min-height:0}.list-comparer__preview-column{display:flex;flex-direction:column;gap:6px}.list-comparer__preview-label{font-size:12px;font-weight:600;color:var(--color-text-muted)}.list-comparer__preview-lines{border:1px dashed var(--color-border);border-radius:8px;padding:10px;font-size:12px;color:var(--color-text-muted);min-height:56px;display:flex;flex-direction:column;gap:4px;flex:1}.list-comparer__preview-line+.list-comparer__preview-line{margin-top:4px}.list-comparer__vertical-divider{width:12px;cursor:col-resize;background:transparent;border:none;position:relative;align-self:stretch;height:100%}.list-comparer__vertical-divider:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:2px;margin:0 auto;background:var(--color-border)}.list-comparer__results{display:flex;flex-direction:column;flex:1;min-width:0;min-height:0;height:100%;padding:16px;gap:16px}.list-comparer__results-shell{border:1px solid var(--color-border);border-radius:12px;background:var(--color-surface-1);display:flex;flex-direction:column;min-height:0;flex:1;max-height:100%;overflow:hidden}.list-comparer__results-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid var(--color-border);gap:16px;position:sticky;top:0;z-index:5;background:var(--color-surface-1)}.list-comparer__view-tabs{flex:1 1 auto;max-width:100%;min-width:0;overflow-x:auto;scrollbar-width:none}.list-comparer__view-tabs::-webkit-scrollbar{display:none}.list-comparer__header-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}.list-comparer__compact-group{display:inline-flex;align-items:center;gap:8px}.list-comparer__primary-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.list-comparer__filter-input{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border:1px solid var(--color-border);border-radius:6px;background:transparent;font-size:13px;color:var(--color-text-muted)}.list-comparer__filter-input input{border:none;background:transparent;font-size:13px;color:var(--color-text);outline:none}.list-comparer__split-button{position:relative;display:inline-flex;align-items:stretch;border:1px solid var(--tool-button-border);border-radius:var(--tool-button-radius);background:var(--tool-button-bg);overflow:hidden}.list-comparer__split-button .list-comparer__ghost-button{border:none;border-radius:0;background:transparent;min-height:var(--tool-button-height)}.list-comparer__split-button-toggle{width:var(--tool-button-height);padding:0}.list-comparer__split-menu{position:absolute;top:calc(100% + 4px);right:0;border:1px solid var(--tool-button-border);border-radius:var(--tool-button-radius);background:var(--tool-button-bg);box-shadow:0 10px 30px color-mix(in srgb,var(--color-text) 12%,transparent);display:none;min-width:120px;z-index:10}.list-comparer__split-menu button{width:100%;padding:6px 12px;background:transparent;border:none;text-align:left;font-size:13px;cursor:pointer;color:var(--tool-button-color);transition:color .2s ease,background .2s ease}.list-comparer__split-menu button:hover,.list-comparer__split-menu button:focus-visible{background:var(--tool-button-hover-bg);color:var(--tool-button-hover-color);outline:none}.list-comparer__split-menu.is-open,.list-comparer__split-button-toggle:focus+.list-comparer__split-menu{display:block}.list-comparer__notice-banner{padding:8px 16px;font-size:12px;color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 8%,transparent)}.list-comparer__result-body{flex:1;min-height:0;overflow:auto;padding:16px;display:flex;flex-direction:column}.list-comparer__empty{text-align:center;color:var(--color-text-muted);font-size:13px;padding:32px 0}.list-comparer__table{width:100%;border-collapse:collapse;font-size:13px}.list-comparer__table th,.list-comparer__table td{border-bottom:1px solid var(--color-border);padding:10px;text-align:left}.list-comparer__list{display:flex;flex-direction:column;gap:8px}.list-comparer__row{display:flex;gap:12px;padding:10px 12px;border:1px solid var(--color-border);border-radius:8px;background:color-mix(in srgb,var(--color-text) 2%,transparent);font-size:13px}.list-comparer__row-prefix{display:flex;align-items:center;gap:6px;color:var(--color-text-muted);font-size:12px}.list-comparer__line,.list-comparer__similarity{display:inline-flex;align-items:center;height:20px;padding:0 6px;border-radius:999px;border:1px solid var(--color-border)}.list-comparer__row-value{flex:1;word-break:break-word}.list-comparer__status-bar{display:flex;align-items:center;gap:12px;padding:8px 16px;border-top:1px solid var(--color-border);background:var(--color-surface-1);font-size:12px}.list-comparer__status-bar button{border:none;background:none;color:var(--color-accent);cursor:pointer}.list-comparer__popover{position:fixed;right:24px;bottom:72px;width:320px;max-height:420px;border:1px solid var(--color-border);border-radius:12px;background:var(--color-surface-1);box-shadow:0 16px 40px color-mix(in srgb,var(--color-text) 16%,transparent);display:flex;flex-direction:column;overflow:hidden;z-index:40}.list-comparer__popover-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid var(--color-border);font-weight:600}.list-comparer__popover-header button{border:1px solid var(--tool-button-border);background:var(--tool-button-bg);cursor:pointer;font-size:16px;color:var(--tool-button-color);border-radius:50%;width:var(--tool-button-height);height:var(--tool-button-height);display:inline-flex;align-items:center;justify-content:center;transition:color .2s ease,background .2s ease,border-color .2s ease}.list-comparer__popover-header button:hover,.list-comparer__popover-header button:focus-visible{background:var(--tool-button-hover-bg);color:var(--tool-button-hover-color);border-color:var(--tool-button-hover-border);outline:none}.list-comparer__popover-body{padding:16px;display:flex;flex-direction:column;gap:16px;overflow:auto}.list-comparer__checkbox{display:inline-flex;align-items:center;gap:6px;font-size:13px}.list-comparer__radio-group{display:flex;flex-direction:column;gap:6px;font-size:13px}.list-comparer__radio-group--inline{flex-direction:row;gap:12px}.list-comparer__option-group{display:flex;flex-direction:column;gap:10px;font-size:13px}.list-comparer__option-group--inline{flex-direction:row;align-items:center}.tool-docs{border-top:1px solid var(--color-border);margin-top:48px;padding:32px 24px 40px;background:var(--color-surface-1);font-size:.875rem;line-height:1.6;color:var(--color-text)}.tool-docs__top{display:flex;flex-direction:column;gap:16px}@media (min-width: 768px){.tool-docs__top{flex-direction:row;align-items:flex-start;justify-content:space-between}}.tool-docs__intro p{margin:0 0 12px}.tool-docs__intro p:last-child{margin-bottom:0}.tool-docs__toggle{align-self:flex-start;border-radius:999px;border:1px solid var(--color-border);background:color-mix(in srgb,var(--color-surface-1) 82%,var(--color-text) 18%);color:var(--color-text);padding:6px 16px;font-size:.8125rem;cursor:pointer;transition:background-color .2s ease,border-color .2s ease}.tool-docs__toggle:hover,.tool-docs__toggle:focus-visible{background:color-mix(in srgb,var(--color-accent) 22%,var(--color-surface-1) 78%);border-color:color-mix(in srgb,var(--color-accent) 45%,var(--color-border) 55%);outline:none}.tool-docs__divider{height:1px;background:var(--color-border);margin:20px 0}.tool-docs__body[hidden]{display:none}.tool-docs__section{margin-bottom:32px}.tool-docs__section h3{margin:0 0 12px;font-size:1.05rem}.tool-docs__section p{margin:0 0 12px}.tool-docs__section ul,.tool-docs__section ol{margin:0 0 12px 1.25rem;padding:0}.tool-docs__section ul{list-style:disc}.tool-docs__section ol{list-style:decimal}.tool-docs__faq{margin:0;padding:0}.tool-docs__faq-item{margin-bottom:16px}.tool-docs__faq-item dt{font-weight:600;margin-bottom:6px}.tool-docs__faq-item dd{margin:0;color:var(--color-text-muted)}.tool-docs__examples{display:grid;gap:12px;margin:0;padding:0;list-style:none}.tool-docs__examples code{display:inline-block;margin-right:8px;padding:2px 8px;border-radius:4px;background:color-mix(in srgb,var(--color-accent) 15%,transparent);color:var(--color-accent);font-size:.8125rem}.tool-docs__related{list-style:none;padding:0;margin:0;display:grid;gap:12px}.tool-docs__related a{display:flex;flex-direction:column;gap:4px;padding:12px 16px;border-radius:8px;text-decoration:none;color:inherit;background:color-mix(in srgb,var(--color-surface-2) 70%,transparent);border:1px solid color-mix(in srgb,var(--color-border) 85%,transparent);transition:border-color .2s ease,background-color .2s ease}.tool-docs__related a:hover,.tool-docs__related a:focus-visible{background:color-mix(in srgb,var(--color-accent) 16%,var(--color-surface-1) 84%);border-color:color-mix(in srgb,var(--color-accent) 48%,var(--color-border) 52%);outline:none}.tool-docs__related strong{font-weight:600}.tool-docs__related span{font-size:.8125rem;color:var(--color-text-muted)}.tool-docs__ad-slot{margin:28px 0;padding:16px;border-radius:8px;border:1px dashed color-mix(in srgb,var(--color-border) 70%,transparent);background:color-mix(in srgb,var(--color-surface-2) 60%,transparent);font-size:.8125rem}.tool-docs__ad-slot strong{display:block;margin-bottom:6px}.tool-docs__ad-slot--active{border-style:solid;border-color:color-mix(in srgb,var(--color-accent) 45%,var(--color-border) 55%)}.tool-docs__footer{margin-top:32px;display:flex;flex-direction:column;gap:8px}.tool-docs__back-link{align-self:flex-start;color:var(--color-accent);font-weight:600;text-decoration:none}.tool-docs__back-link:hover,.tool-docs__back-link:focus-visible{text-decoration:underline;outline:none}.tool-docs__breadcrumb{margin-bottom:24px}.tool-docs__breadcrumb ol{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:6px;font-size:.75rem;color:var(--color-text-muted)}.tool-docs__breadcrumb li:after{content:"›";margin-left:6px}.tool-docs__breadcrumb li:last-child:after{content:"";margin:0}.json-tree{border:1px solid var(--color-border);border-radius:10px;background:color-mix(in srgb,var(--color-success) 5%,transparent);padding:12px 14px;font-family:JetBrains Mono,Fira Code,Cascadia Code,Consolas,monospace;font-size:12.5px;line-height:1.5;color:var(--color-text);display:flex;flex-direction:column;overflow:hidden;min-height:0;max-height:none}.json-tool__workspace[data-orientation=vertical] .json-tree{height:100%}.json-tool__workspace[data-orientation=horizontal] .json-tree{min-height:80vh;max-height:80vh}.json-tree__header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.json-tree__title{font-size:12px;font-weight:600;color:var(--color-text-muted)}.json-tree__badge{font-size:11px;padding:2px 8px;border-radius:999px;background:color-mix(in srgb,var(--color-success) 12%,transparent);color:var(--color-success);white-space:nowrap}.json-tree__badge--array{background:color-mix(in srgb,var(--color-accent) 16%,transparent);color:color-mix(in srgb,var(--color-accent) 70%,var(--color-text) 30%)}.json-tree__badge--object{background:color-mix(in srgb,var(--color-warning) 16%,transparent);color:color-mix(in srgb,var(--color-warning) 70%,var(--color-text) 30%)}.json-tree__badge--string{background:color-mix(in srgb,var(--color-success) 16%,transparent);color:color-mix(in srgb,var(--color-success) 70%,var(--color-text) 30%)}.json-tree__badge--number{background:color-mix(in srgb,var(--color-accent) 18%,transparent);color:color-mix(in srgb,var(--color-accent) 70%,var(--color-text) 30%)}.json-tree__badge--boolean{background:color-mix(in srgb,var(--color-accent) 20%,transparent);color:color-mix(in srgb,var(--color-accent) 70%,var(--color-text) 30%)}.json-tree__badge--null{background:color-mix(in srgb,var(--color-danger) 16%,transparent);color:color-mix(in srgb,var(--color-danger) 70%,var(--color-text) 30%)}.json-tree__badge--unknown{background:color-mix(in srgb,var(--color-text-muted) 15%,transparent);color:var(--color-text-muted)}.json-tree__body{flex:1;overflow:auto}.json-tree__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.json-tree__item{display:flex;flex-direction:column;gap:4px}.json-tree__line{display:flex;align-items:center;gap:6px;font-size:12.5px;color:inherit}.json-tree__toggle{width:18px;height:18px;border-radius:4px;border:1px solid color-mix(in srgb,var(--color-text-muted) 40%,transparent);background:var(--color-surface-1);color:var(--color-text-muted);display:inline-flex;align-items:center;justify-content:center;font-size:12px;line-height:1;cursor:pointer;padding:0;flex-shrink:0}.json-tree__toggle:hover{border-color:color-mix(in srgb,var(--color-success) 50%,transparent);color:var(--color-success)}.json-tree__toggle--collapsed{background:color-mix(in srgb,var(--color-success) 10%,transparent);border-color:color-mix(in srgb,var(--color-success) 45%,transparent);color:var(--color-success)}.json-tree__toggle--placeholder{width:18px;height:18px;visibility:hidden}.json-tree__key{font-weight:600;color:var(--color-warning)}.json-tree__colon{color:var(--color-text-muted);margin-left:2px}.json-tree__summary{color:var(--color-text-muted)}.json-tree__summary--array{color:var(--color-accent)}.json-tree__summary--object{color:color-mix(in srgb,var(--color-success) 82%,var(--color-text) 18%)}.json-tree__value{font-family:inherit}.json-tree__value--string{color:color-mix(in srgb,var(--color-success) 85%,var(--color-text) 15%)}.json-tree__value--number{color:color-mix(in srgb,var(--color-accent) 55%,var(--color-warning) 45%)}.json-tree__value--boolean{color:var(--color-accent)}.json-tree__value--null{color:color-mix(in srgb,var(--color-danger) 64%,var(--color-accent) 36%)}.json-tree__value--unknown{color:var(--color-text-muted)}.json-tree__children{border-left:1px dashed color-mix(in srgb,var(--color-text-muted) 35%,transparent);margin-left:26px;padding-left:12px;display:flex;flex-direction:column;gap:4px}.json-tree__empty{margin-left:26px;font-size:12px;color:var(--color-text-muted)}.markdown-lab{display:flex;flex-direction:column;gap:12px;min-height:max(85vh,640px)}.markdown-lab__toolbar{display:flex;flex-wrap:wrap;align-items:flex-start;gap:12px;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:12px;padding:12px 16px}.markdown-lab__toolbar-group{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.markdown-lab__action{display:inline-flex;align-items:center;gap:6px;height:var(--tool-button-height);padding:0 calc(var(--tool-button-padding-x) + 2px);border-radius:999px;border:1px solid var(--color-border);background:color-mix(in srgb,var(--color-surface-1) 88%,var(--color-text) 12%);color:var(--color-text-muted);font-size:12px;font-weight:500;line-height:1;cursor:pointer;transition:color .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease;text-decoration:none}.markdown-lab__action:hover{color:var(--color-text);border-color:color-mix(in srgb,var(--color-border) 45%,var(--color-accent) 55%);background:color-mix(in srgb,var(--color-surface-1) 80%,var(--color-accent) 20%)}.markdown-lab__action:focus-visible{outline:2px solid transparent;box-shadow:0 0 0 3px var(--color-focus-ring)}.markdown-lab__action[data-active=true]{color:var(--color-success);border-color:color-mix(in srgb,var(--color-success) 45%,transparent);background:color-mix(in srgb,var(--color-success) 14%,transparent)}.markdown-lab__action[data-action=file]{position:relative;overflow:hidden}.markdown-lab__action-label{white-space:nowrap}.markdown-lab__toolbar-group--wrap{flex:1 1 320px}.markdown-lab__toolbar-group--right{margin-left:auto;display:flex;align-items:center;gap:8px}.markdown-lab__toolbar-label{font-size:12px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em}.markdown-lab__chip,.markdown-lab__toggle,.markdown-lab__ghost-btn,.markdown-lab__primary{border:1px solid var(--tool-button-border);border-radius:var(--tool-button-radius);background:var(--tool-button-bg);color:var(--tool-button-color);min-height:var(--tool-button-height);padding:0 var(--tool-button-padding-x);font-size:var(--tool-button-font-size);cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:color .2s ease,background .2s ease,border-color .2s ease}.markdown-lab__chip:hover,.markdown-lab__toggle:hover,.markdown-lab__ghost-btn:hover,.markdown-lab__primary:hover{border-color:var(--tool-button-hover-border);background:var(--tool-button-hover-bg);color:var(--tool-button-hover-color)}.markdown-lab__chip--active,.markdown-lab__toggle--active,.markdown-lab__ghost-btn--active{border-color:var(--tool-button-active-border);background:var(--tool-button-active-bg);color:var(--tool-button-active-color)}.markdown-lab__toggle{text-transform:uppercase;letter-spacing:.08em;font-weight:600}.markdown-lab__ghost-btn:disabled{cursor:not-allowed;color:var(--tool-button-disabled-color);border-color:var(--tool-button-disabled-border);background:var(--tool-button-disabled-bg)}.markdown-lab__primary{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-text-contrast)}.markdown-lab__layout{flex:1;display:flex;gap:12px;min-height:0;align-items:stretch}.markdown-lab__divider{flex:0 0 auto;width:12px;display:flex;align-items:center;justify-content:center;cursor:col-resize;-webkit-user-select:none;user-select:none;touch-action:none;color:var(--color-text-muted);transition:color .2s ease}.markdown-lab__divider-grip{width:4px;height:48px;border-radius:999px;background:color-mix(in srgb,var(--color-text) 18%,transparent);transition:background .2s ease}.markdown-lab__divider:hover .markdown-lab__divider-grip,.markdown-lab__divider--active .markdown-lab__divider-grip{background:color-mix(in srgb,var(--color-accent) 65%,transparent)}.markdown-lab__divider:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.markdown-lab__editor,.markdown-lab__preview{flex:1 1 auto;display:flex;flex-direction:column;border:1px solid var(--color-border);border-radius:12px;background:var(--color-surface-1);overflow:hidden}.markdown-lab__editor{min-width:0}.markdown-lab__editor-footer{display:flex;align-items:center;gap:12px;padding:8px 12px;border-top:1px solid var(--color-border);background:var(--color-surface-2);flex-wrap:wrap}.markdown-lab__editor-footer label{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--color-text-muted)}.markdown-lab__preview{min-height:80vh}.markdown-lab__preview-body{flex:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(200px,240px);align-items:start;gap:16px;min-height:0}.markdown-lab__preview-scroll{grid-column:1 / 2;grid-row:1;overflow-x:auto;overflow-y:visible;padding:0 0 12px;background:var(--color-surface-1);min-height:0}.markdown-lab__preview-body[data-stacked=true]{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}.markdown-lab__preview-body[data-stacked=true] .markdown-lab__toc{grid-column:1;grid-row:1;width:100%;max-height:min(45vh,var(--tool-max-viewport-height, 60vh));top:calc(var(--header-height) + 12px);z-index:2;box-shadow:var(--shadow-subtle)}.markdown-lab__preview-body[data-stacked=true] .markdown-lab__preview-scroll{grid-column:1;grid-row:2}.markdown-lab__layout[data-stacked=true] .markdown-lab__editor{min-height:clamp(220px,38vh,420px)}.markdown-lab__layout[data-stacked=true] .markdown-lab__preview{min-height:max(80vh,clamp(320px,58vh,640px))}.markdown-lab__preview-content{flex:1 1 auto;min-width:0;padding:20px 28px 36px;min-height:100%;color:var(--color-text);line-height:1.65;font-size:15px;max-width:100%}.markdown-lab__preview-content h1,.markdown-lab__preview-content h2,.markdown-lab__preview-content h3,.markdown-lab__preview-content h4,.markdown-lab__preview-content h5,.markdown-lab__preview-content h6{font-weight:700;line-height:1.25;margin:1.8em 0 .6em}.markdown-lab__preview-content h1{font-size:2.1rem;margin-top:.2em}.markdown-lab__preview-content h2{font-size:1.6rem}.markdown-lab__preview-content h3{font-size:1.32rem}.markdown-lab__preview-content h4{font-size:1.15rem}.markdown-lab__preview-content h5{font-size:1.05rem}.markdown-lab__preview-content h6{font-size:.95rem;letter-spacing:.05em;text-transform:uppercase}.markdown-lab__preview-content p{margin:.8em 0}.markdown-lab__preview-content ul,.markdown-lab__preview-content ol{padding-left:1.5em;margin:.8em 0}.markdown-lab__preview-content li+li{margin-top:.3em}.markdown-lab__preview-content blockquote{margin:1em 0;padding:.75em 1em;border-left:3px solid var(--color-accent);background:color-mix(in srgb,var(--color-accent) 12%,transparent);border-radius:10px;color:color-mix(in srgb,var(--color-text) 88%,var(--color-accent) 12%)}.markdown-lab__preview-content hr{border:none;border-top:1px dashed var(--color-border);margin:2em 0}.markdown-lab__preview-content code{background:color-mix(in srgb,var(--color-text-muted) 12%,transparent);padding:.1em .4em;border-radius:6px;font-size:.95em}.markdown-lab__code{margin:1.2em 0;border:1px solid var(--color-border);border-radius:12px;overflow:hidden;background:var(--color-surface-2)}.markdown-lab__code-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;background:color-mix(in srgb,var(--color-surface-2) 80%,var(--color-border) 20%);border-bottom:1px solid var(--color-border);font-size:12px}.markdown-lab__code-language{font-weight:600;text-transform:uppercase;color:var(--color-text-muted)}.markdown-lab__code-title{flex:1;color:var(--color-text-muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.markdown-lab__code-copy{border:1px solid var(--tool-button-border);background:var(--tool-button-bg);border-radius:var(--tool-button-radius);padding:0 10px;height:calc(var(--tool-button-height) - 4px);font-size:11px;color:var(--tool-button-color);cursor:pointer;transition:color .2s ease,background .2s ease,border-color .2s ease}.markdown-lab__code-copy:hover{border-color:var(--tool-button-hover-border);background:var(--tool-button-hover-bg);color:var(--tool-button-hover-color)}.markdown-lab__pre{display:flex;margin:0;max-width:100%;overflow:auto;background:var(--color-surface-1)}.markdown-lab__pre code{font-family:Fira Code,SFMono-Regular,ui-monospace,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:13px;padding:16px;min-width:100%}.markdown-lab__math-inline{font-family:KaTeX_Main,Times New Roman,"Noto Serif",serif;font-size:1em}.markdown-lab__math-expression{display:inline-flex;flex-wrap:wrap;align-items:flex-end;gap:.25em}.markdown-lab__math-expression--display{justify-content:center;width:100%;font-size:1.05em}.markdown-lab__math-node{display:inline-flex;align-items:flex-end;position:relative;gap:2px}.markdown-lab__math-node--stacked{flex-direction:column;align-items:center;gap:4px}.markdown-lab__math-node--side{align-items:flex-start}.markdown-lab__math-node-core{display:inline-flex;align-items:center}.markdown-lab__math-script-stack{display:inline-flex;flex-direction:column;gap:2px;align-items:flex-start}.markdown-lab__math-script{font-size:.7em;line-height:1;min-width:.6em}.markdown-lab__math-script--sup{align-self:flex-end}.markdown-lab__math-script--sub{align-self:flex-start}.markdown-lab__math-text,.markdown-lab__math-symbol,.markdown-lab__math-group{display:inline-flex;white-space:pre}.markdown-lab__math-frac{display:inline-flex;flex-direction:column;align-items:center;min-width:1.4em;padding:0 4px}.markdown-lab__math-frac-line{display:inline-flex;justify-content:center;width:100%}.markdown-lab__math-frac-rule{display:block;width:100%;height:1px;background:currentColor;margin:2px 0}.markdown-lab__math-sqrt{display:inline-flex;align-items:flex-start;gap:4px}.markdown-lab__math-sqrt-symbol{font-size:1.2em;line-height:1}.markdown-lab__math-sqrt-body{display:inline-flex;align-items:flex-start;border-top:1px solid currentColor;padding-top:2px}.markdown-lab__math-linebreak{display:block;width:100%}.markdown-lab__math-inline--loading,.markdown-lab__math-inline--error{font-style:italic;color:var(--color-text-muted)}.markdown-lab__math-inline--error{color:var(--color-danger)}.markdown-lab__math-block{margin:1.4em 0;padding:16px;border:1px solid var(--color-border);border-radius:12px;background:var(--color-surface-1);overflow-x:auto;text-align:center}.markdown-lab__math-block--loading,.markdown-lab__math-block--error,.markdown-lab__math-block--fallback{display:flex;flex-direction:column;gap:8px;align-items:center}.markdown-lab__math-block--error{color:var(--color-danger)}.markdown-lab__math-block--loading,.markdown-lab__math-block--fallback{color:var(--color-text-muted)}.markdown-lab__math-block-source{width:100%;padding:12px 14px;border-radius:8px;background:color-mix(in srgb,var(--color-surface-2) 85%,transparent);font-family:Fira Code,SFMono-Regular,ui-monospace,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:13px;overflow-x:auto;white-space:pre-wrap}.markdown-lab__math-block--loading p,.markdown-lab__math-block--error p{margin:0;font-size:13px}.markdown-lab__line-numbers{display:flex;flex-direction:column;align-items:flex-end;padding:16px 12px;background:color-mix(in srgb,var(--color-surface-2) 70%,transparent);color:var(--color-text-muted);font-size:12px;line-height:1.5;-webkit-user-select:none;user-select:none}.markdown-lab__line-numbers span+span{margin-top:4px}.markdown-lab__mermaid{border:1px solid var(--color-border);border-radius:12px;overflow:hidden;margin:1.2em 0;background:var(--color-surface-2)}.markdown-lab__mermaid-render{overflow:auto;padding:16px;background:var(--color-surface-1)}.markdown-lab__mermaid-graphic svg{max-width:100%;height:auto}.markdown-lab__mermaid-status{margin:0;padding:8px 16px;font-size:13px;color:var(--color-text-muted)}.markdown-lab__mermaid-error{margin:0;padding:8px 16px;color:var(--color-danger);font-size:13px}.markdown-lab__table-wrapper{overflow-x:auto;border:1px solid var(--color-border);border-radius:10px;margin:1em 0}.markdown-lab__table-wrapper table{border-collapse:collapse;width:100%;min-width:420px}.markdown-lab__table-wrapper th,.markdown-lab__table-wrapper td{border:1px solid color-mix(in srgb,var(--color-border) 85%,transparent);padding:8px 12px;text-align:left}.markdown-lab__callout{margin:1.2em 0;padding:16px 18px;border-left:4px solid var(--color-border);border-radius:12px;background:color-mix(in srgb,var(--color-surface-2) 90%,transparent)}.markdown-lab__callout-title{margin:0 0 8px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:12px;color:var(--color-text-muted)}.markdown-lab__callout--tip{border-color:var(--color-success);background:color-mix(in srgb,var(--color-success) 12%,transparent)}.markdown-lab__callout--warning{border-color:var(--color-warning);background:color-mix(in srgb,var(--color-warning) 16%,transparent)}.markdown-lab__callout--danger,.markdown-lab__callout--error{border-color:var(--color-danger);background:color-mix(in srgb,var(--color-danger) 14%,transparent)}.markdown-lab__callout--info,.markdown-lab__callout--note{border-color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 12%,transparent)}.markdown-lab__callout-content>:first-child{margin-top:0}.markdown-lab__callout-content>:last-child{margin-bottom:0}.markdown-lab__toc{position:sticky;top:calc(var(--header-height) + 20px);width:clamp(200px,22vw,260px);display:flex;flex-direction:column;gap:6px;padding:12px 14px;border:1px solid var(--color-border);border-radius:10px;background:var(--color-surface-1);max-height:60vh;overflow:auto;align-self:flex-start;grid-column:2 / 3;grid-row:1}.markdown-lab__toc h3{margin:0 0 4px;font-size:12px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.markdown-lab__toc ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.markdown-lab__toc li{margin:0;padding-left:calc((var(--toc-depth, 1) - 1) * 12px)}.markdown-lab__toc a{display:block;border:none;background:transparent;padding:4px 6px;width:100%;text-align:left;font-size:13px;color:var(--color-text);border-radius:6px;text-decoration:none;cursor:pointer;transition:background .2s ease,color .2s ease;line-height:1.35}.markdown-lab__toc a:hover,.markdown-lab__toc a:focus-visible{background:color-mix(in srgb,var(--color-accent) 12%,transparent);color:var(--color-accent)}.markdown-lab__toc-empty{padding:16px;border:1px solid var(--color-border);border-radius:12px;background:var(--color-surface-1);font-size:13px;color:var(--color-text-muted)}.markdown-lab__sidebar{width:260px;display:flex;flex-direction:column;gap:12px;padding:12px;border-left:1px solid var(--color-border);background:color-mix(in srgb,var(--color-surface-2) 75%,transparent)}.markdown-lab__frontmatter{border:1px solid var(--color-border);border-radius:12px;background:var(--color-surface-1);padding:8px 12px}.markdown-lab__frontmatter summary{cursor:pointer;font-weight:600;color:var(--color-text)}.markdown-lab__frontmatter pre{background:color-mix(in srgb,var(--color-surface-2) 80%,transparent);border-radius:8px;padding:12px;font-size:12px;overflow:auto}.markdown-lab__anchor{margin-left:6px;opacity:0;transition:opacity .2s ease;font-size:.85em;color:var(--color-accent)}.markdown-lab__preview-content h1:hover .markdown-lab__anchor,.markdown-lab__preview-content h2:hover .markdown-lab__anchor,.markdown-lab__preview-content h3:hover .markdown-lab__anchor,.markdown-lab__preview-content h4:hover .markdown-lab__anchor,.markdown-lab__preview-content h5:hover .markdown-lab__anchor,.markdown-lab__preview-content h6:hover .markdown-lab__anchor{opacity:1}.markdown-lab__delay{display:flex;flex-direction:column;gap:4px;font-size:11px;color:var(--color-text-muted);min-width:160px}.markdown-lab__delay input[type=range]{width:100%}.markdown-lab__menu{display:flex;gap:8px}.markdown-lab__file{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.markdown-lab__preview-content a{color:var(--color-accent);text-decoration:none;border-bottom:1px solid color-mix(in srgb,var(--color-accent) 40%,transparent)}.markdown-lab__preview-content a:hover,.markdown-lab__preview-content a:focus-visible{border-bottom-color:var(--color-accent)}.markdown-lab__preview-content img{max-width:100%;border-radius:12px;display:block;margin:1.2em auto}.markdown-lab__preview-content kbd{background:color-mix(in srgb,var(--color-text-muted) 22%,transparent);padding:.2em .6em;border-radius:6px;border:1px solid color-mix(in srgb,var(--color-border) 75%,transparent);font-size:.9em;box-shadow:inset 0 -2px color-mix(in srgb,var(--color-border) 55%,transparent)}.markdown-lab__toc a:focus-visible,.markdown-lab__primary:focus-visible,.markdown-lab__ghost-btn:focus-visible,.markdown-lab__toggle:focus-visible,.markdown-lab__chip:focus-visible,.markdown-lab__code-copy:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}@media (max-width: 1280px){.markdown-lab__layout{flex-direction:column}.markdown-lab__divider{display:none}.markdown-lab__sidebar{width:100%;border-left:none;border-top:1px solid var(--color-border);flex-direction:column}}