html{scroll-behavior:smooth}.popout-mode.svelte-1n46o8q{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.popout-header.svelte-1n46o8q{background:color-mix(in srgb, var(--header-bg) 92%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;height:40px;padding:0 16px;display:flex}.popout-body.svelte-1n46o8q{background:var(--panel-bg);flex:1 1 0;min-height:0;overflow:hidden}.app-root.svelte-1n46o8q{background:var(--page-bg);width:100%;min-height:100dvh;color:var(--text-primary);flex-direction:column;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex}.hidden-input.svelte-1n46o8q{display:none}.app-header.svelte-1n46o8q{z-index:40;background:color-mix(in srgb, var(--header-bg) 92%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;height:48px;padding:0 20px;display:flex;position:sticky;top:0}.header-brand.svelte-1n46o8q{align-items:center;gap:10px;min-width:0;display:flex}.logo-mark.svelte-1n46o8q{background:var(--logo-bg);width:28px;height:28px;color:var(--logo-color);border:1px solid var(--border);border-radius:8px;flex:none;justify-content:center;align-items:center;display:flex}.app-title.svelte-1n46o8q{letter-spacing:-.02em;color:var(--text-primary);white-space:nowrap;font-family:Plus Jakarta Sans,sans-serif;font-size:13px;font-weight:800}.tool-divider.svelte-1n46o8q{color:var(--text-tertiary);font-size:13px;font-weight:500}.tool-name.svelte-1n46o8q{color:var(--text-secondary);white-space:nowrap;font-size:13px;font-weight:500}.offline-badge.svelte-1n46o8q{text-transform:uppercase;letter-spacing:.1em;color:#f59e0b;background:#78350f20;border:1px solid #78350f40;border-radius:999px;padding:3px 7px;font-size:10px;font-weight:700}.header-nav.svelte-1n46o8q{scrollbar-width:none;-ms-overflow-style:none;flex:auto;justify-content:center;align-items:center;gap:2px;display:flex;overflow:visible}.header-nav.svelte-1n46o8q::-webkit-scrollbar{display:none}.nav-tab.svelte-1n46o8q{color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:4px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.nav-tab.svelte-1n46o8q:hover{background:var(--btn-hover);color:var(--text-primary)}.nav-tab.active.svelte-1n46o8q{background:var(--accent-bg);color:var(--accent-text);border-color:var(--accent-border)}.header-right.svelte-1n46o8q{align-items:center;gap:4px;display:flex}.header-icon-btn.svelte-1n46o8q{width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:flex}.header-icon-btn.svelte-1n46o8q:hover{background:var(--btn-hover);color:var(--text-primary)}.settings-menu-container.svelte-1n46o8q{position:relative}.settings-dropdown.svelte-1n46o8q{background:var(--dropdown-bg);border:1px solid var(--border);z-index:100;border-radius:12px;min-width:200px;padding:8px;animation:.12s ease-out svelte-1n46o8q-dropdown-in;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 12px 40px #00000059}.settings-group.svelte-1n46o8q{padding:8px 6px}.settings-group.svelte-1n46o8q+.settings-group:where(.svelte-1n46o8q){border-top:1px solid var(--border)}.settings-label.svelte-1n46o8q{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:6px;font-size:10px;font-weight:700;display:block}.settings-toggle-row.svelte-1n46o8q{gap:4px;display:flex}.settings-opt.svelte-1n46o8q{border:1px solid var(--border);background:var(--btn-bg);color:var(--text-secondary);cursor:pointer;text-align:center;border-radius:6px;flex:1;padding:6px 8px;font-size:11px;font-weight:600;transition:all .12s}.settings-opt.svelte-1n46o8q:hover{background:var(--btn-hover);color:var(--text-primary)}.settings-opt.active.svelte-1n46o8q{background:var(--accent-bg);color:var(--accent-text);border-color:var(--accent-border)}.workspace-shell.svelte-1n46o8q{background:var(--surface-bg);border-top:none;flex-direction:column;height:calc(100dvh - 48px);min-height:0;display:flex;overflow:hidden}.toolbar.svelte-1n46o8q{background:var(--toolbar-bg);border-bottom:1px solid var(--border);z-index:20;flex-wrap:wrap;align-items:center;gap:4px;padding:8px 16px;display:flex;overflow:visible}.toolbar-group.svelte-1n46o8q{flex-wrap:wrap;align-items:center;gap:2px;display:flex}.toolbar-divider.svelte-1n46o8q{background:var(--border);flex:none;width:1px;height:20px;margin:0 6px}.toolbar-label.svelte-1n46o8q{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;margin-right:6px;font-size:11px;font-weight:600}.tool-btn.svelte-1n46o8q{color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:5px;padding:6px 10px;font-size:12px;font-weight:600;transition:all .15s;display:flex}.tool-btn.svelte-1n46o8q:hover{background:var(--btn-hover);color:var(--text-primary)}.chevron-icon.svelte-1n46o8q{opacity:.5;margin-left:-2px}.indent-selector.svelte-1n46o8q{border:1px solid var(--border);border-radius:6px;display:flex;overflow:hidden}.indent-btn.svelte-1n46o8q{background:var(--btn-bg);color:var(--text-secondary);cursor:pointer;border:none;border-right:1px solid var(--border);padding:5px 10px;font-size:11px;font-weight:700;transition:all .12s}.indent-btn.svelte-1n46o8q:last-child{border-right:none}.indent-btn.svelte-1n46o8q:hover{background:var(--btn-hover);color:var(--text-primary)}.indent-btn.active.svelte-1n46o8q{background:var(--accent-bg);color:var(--accent-text)}.convert-menu-container.svelte-1n46o8q,.view-menu-container.svelte-1n46o8q{position:relative}.convert-dropdown.svelte-1n46o8q,.view-dropdown.svelte-1n46o8q{background:var(--dropdown-bg);border:1px solid var(--border);z-index:100;border-radius:10px;min-width:160px;padding:4px;animation:.12s ease-out svelte-1n46o8q-dropdown-in;position:absolute;top:calc(100% + 4px);box-shadow:0 8px 30px #0000004d}.convert-dropdown.svelte-1n46o8q{left:0}.view-dropdown.svelte-1n46o8q{min-width:150px;right:0}@keyframes svelte-1n46o8q-dropdown-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.dropdown-item.svelte-1n46o8q{width:100%;color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:7px;align-items:center;gap:8px;padding:8px 10px;font-size:12px;font-weight:500;transition:all .1s;display:flex}.dropdown-item.svelte-1n46o8q:hover{background:var(--btn-hover);color:var(--text-primary)}.dropdown-item.selected.svelte-1n46o8q{background:var(--accent-bg);color:var(--accent-text)}.dropdown-divider.svelte-1n46o8q{background:var(--border);height:1px;margin:4px 2px}.format-tag.svelte-1n46o8q{letter-spacing:.05em;border-radius:4px;padding:2px 5px;font-size:9px;font-weight:700}.format-tag.yaml.svelte-1n46o8q{color:#a78bfa;background:#7c3aed20}.format-tag.xml.svelte-1n46o8q{color:#34d399;background:#059b6520}.format-tag.csv.svelte-1n46o8q{color:#38bdf8;background:#0284c720}.editor-area.svelte-1n46o8q{flex:1 1 0;min-height:0;display:flex;overflow:hidden}.editor-area.diff-layout.svelte-1n46o8q{grid-template-columns:minmax(0,.92fr) 1px minmax(0,.92fr) 1px minmax(0,1.16fr);display:grid}.panel.svelte-1n46o8q{background:var(--panel-bg);flex-direction:column;flex:1 1 0;min-width:0;min-height:0;transition:border-color .3s;display:flex;overflow:hidden}.panel-error.svelte-1n46o8q{box-shadow:inset 0 0 0 1px #ef44444d}.fullscreen-btn.svelte-1n46o8q{width:26px;height:26px;color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.fullscreen-btn.svelte-1n46o8q:hover{background:var(--btn-hover);color:var(--text-primary);border-color:var(--border)}.editor-area.fullscreen-input.svelte-1n46o8q .panel-output:where(.svelte-1n46o8q),.editor-area.fullscreen-input.svelte-1n46o8q .split-divider:where(.svelte-1n46o8q),.editor-area.fullscreen-input.svelte-1n46o8q .panel-compare:where(.svelte-1n46o8q),.editor-area.fullscreen-output.svelte-1n46o8q .panel-primary:where(.svelte-1n46o8q),.editor-area.fullscreen-output.svelte-1n46o8q .split-divider:where(.svelte-1n46o8q),.editor-area.fullscreen-output.svelte-1n46o8q .panel-compare:where(.svelte-1n46o8q){display:none}.editor-area.fullscreen-input.svelte-1n46o8q .panel-primary:where(.svelte-1n46o8q),.editor-area.fullscreen-output.svelte-1n46o8q .panel-output:where(.svelte-1n46o8q){flex:100%}.editor-area.fullscreen-input.diff-layout.svelte-1n46o8q,.editor-area.fullscreen-output.diff-layout.svelte-1n46o8q{display:flex}.panel-header.svelte-1n46o8q{background:var(--panel-header-bg);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;height:36px;padding:0 14px;display:flex}.panel-label.svelte-1n46o8q{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-size:10px;font-weight:700}.error-label.svelte-1n46o8q{color:#ef4444!important}.panel-meta.svelte-1n46o8q,.status-left.svelte-1n46o8q,.status-right.svelte-1n46o8q{align-items:center;gap:6px;display:flex}.panel-action-btn.svelte-1n46o8q{border:1px solid var(--border);background:var(--btn-bg);color:var(--text-secondary);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;padding:3px 7px;font-size:10px;font-weight:700;transition:all .15s;display:inline-flex}.panel-action-btn.svelte-1n46o8q:hover{background:var(--btn-hover);color:var(--text-primary)}.auto-saved-badge.svelte-1n46o8q{color:#34d399;align-items:center;gap:3px;font-size:10px;font-weight:500;animation:.3s svelte-1n46o8q-fade-in;display:flex}.valid-badge.svelte-1n46o8q{color:#34d399;background:#34d39915;border:1px solid #34d39930;border-radius:10px;padding:1px 8px;font-size:10px;font-weight:600;animation:.3s svelte-1n46o8q-fade-in}.processing-badge.svelte-1n46o8q{color:var(--accent-text);background:var(--accent-bg);border:1px solid var(--accent-border);border-radius:10px;padding:1px 8px;font-size:10px;font-weight:600;animation:.3s svelte-1n46o8q-fade-in}@keyframes svelte-1n46o8q-fade-in{0%{opacity:0}to{opacity:1}}.panel-editor.svelte-1n46o8q{flex:1;width:100%;min-height:0;position:relative}.view-mode-btn.svelte-1n46o8q{border:1px solid var(--border);background:var(--btn-bg);color:var(--text-secondary);cursor:pointer;white-space:nowrap;text-transform:uppercase;letter-spacing:.06em;border-radius:6px;align-items:center;gap:5px;padding:3px 7px;font-size:10px;font-weight:600;transition:all .15s;display:flex}.view-mode-btn.svelte-1n46o8q:hover{background:var(--btn-hover);color:var(--text-primary)}.view-mode-label.svelte-1n46o8q{font-size:10px}.view-scroll.svelte-1n46o8q{height:100%;padding:16px;overflow:auto}.view-empty.svelte-1n46o8q{height:100%;color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;font-size:13px;display:flex}.error-strip.svelte-1n46o8q{color:#fca5a5;background:#ef444410;border-bottom:1px solid #ef444420;align-items:center;gap:8px;padding:6px 14px;font-family:JetBrains Mono,Fira Code,monospace;font-size:11px;display:flex}.split-divider.svelte-1n46o8q{background:var(--border);flex:none;width:1px;position:relative}.divider-handle.svelte-1n46o8q{background:var(--panel-header-bg);border:1px solid var(--border);border-radius:99px;flex-direction:column;justify-content:center;align-items:center;gap:3px;width:12px;height:36px;display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dot.svelte-1n46o8q,.status-dot.svelte-1n46o8q{background:var(--text-muted);border-radius:50%}.dot.svelte-1n46o8q{width:3px;height:3px}.status-bar.svelte-1n46o8q{background:var(--toolbar-bg);border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:6px 14px;display:flex}.status-item.svelte-1n46o8q{color:var(--text-muted);font-size:11px;font-weight:500}.mode-label.svelte-1n46o8q{color:var(--accent-text);font-weight:600}.status-dot.svelte-1n46o8q{width:4px;height:4px}.status-dot.warning.svelte-1n46o8q{background:#f59e0b}.seo-content.svelte-1n46o8q{max-width:960px;color:var(--text-secondary);margin:60px auto 40px;padding:0 20px;font-size:14px;line-height:1.6}.seo-content.svelte-1n46o8q h2:where(.svelte-1n46o8q){color:var(--text-primary);margin:32px 0 16px;font-size:18px;font-weight:700}.seo-content.svelte-1n46o8q p:where(.svelte-1n46o8q){margin-bottom:16px}.faq-item.svelte-1n46o8q{border-left:2px solid var(--accent-border);margin-bottom:24px;padding-left:16px}.faq-item.svelte-1n46o8q h3:where(.svelte-1n46o8q){color:var(--text-primary);margin-bottom:6px;font-size:15px;font-weight:600}.faq-item.svelte-1n46o8q p:where(.svelte-1n46o8q){margin-bottom:0}.site-footer.svelte-1n46o8q{border-top:1px solid var(--border);background:var(--header-bg);padding:40px 20px 24px}.footer-inner.svelte-1n46o8q{grid-template-columns:repeat(5,1fr);gap:32px;max-width:1040px;margin:0 auto;display:grid}.footer-col.svelte-1n46o8q h4:where(.svelte-1n46o8q){text-transform:uppercase;letter-spacing:.1em;color:var(--text-primary);margin:0 0 14px;font-size:12px;font-weight:700}.footer-col.svelte-1n46o8q a:where(.svelte-1n46o8q){color:var(--text-secondary);padding:4px 0;font-size:13px;text-decoration:none;transition:color .12s;display:block}.footer-col.svelte-1n46o8q a:where(.svelte-1n46o8q):hover{color:var(--accent-text)}.footer-bottom.svelte-1n46o8q{text-align:center;border-top:1px solid var(--border);color:var(--text-muted);margin-top:32px;padding-top:20px;font-size:11px}@media (width<=768px){.app-header.svelte-1n46o8q{gap:6px;height:44px;padding:0 8px}.header-brand.svelte-1n46o8q{gap:6px}.header-nav.svelte-1n46o8q{-webkit-overflow-scrolling:touch;justify-content:flex-start;gap:1px}.nav-tab.svelte-1n46o8q{flex-shrink:0;padding:6px 10px;font-size:11px}.app-title.svelte-1n46o8q{display:none}.toolbar.svelte-1n46o8q{gap:4px;padding:6px 10px}.toolbar-divider.svelte-1n46o8q,.btn-label.svelte-1n46o8q{display:none}.tool-btn.svelte-1n46o8q{justify-content:center;min-width:36px;min-height:36px;padding:8px}.editor-area.svelte-1n46o8q{flex-direction:column;overflow:auto}.editor-area.diff-layout.svelte-1n46o8q{display:flex}.panel.svelte-1n46o8q{flex:1 1 0;min-height:35dvh}.workspace-shell.svelte-1n46o8q{height:calc(100dvh - 44px)}.split-divider.svelte-1n46o8q{flex-shrink:0;width:100%;height:1px}.split-divider.svelte-1n46o8q .divider-handle:where(.svelte-1n46o8q){display:none}.status-bar.svelte-1n46o8q{padding:4px 10px}.status-item.svelte-1n46o8q{font-size:10px}.footer-inner.svelte-1n46o8q{grid-template-columns:repeat(2,1fr);gap:24px}.site-footer.svelte-1n46o8q{padding:28px 16px 20px}.seo-content.svelte-1n46o8q{margin:32px auto 24px;padding:0 16px}.seo-content.svelte-1n46o8q h2:where(.svelte-1n46o8q){margin:24px 0 12px;font-size:16px}}@media (width<=480px){.app-header.svelte-1n46o8q{height:42px}.logo-mark.svelte-1n46o8q{border-radius:6px;width:24px;height:24px}.logo-mark.svelte-1n46o8q svg:where(.svelte-1n46o8q){width:14px;height:14px}.nav-tab.svelte-1n46o8q{padding:5px 8px;font-size:10px}.panel.svelte-1n46o8q{min-height:30dvh}.workspace-shell.svelte-1n46o8q{height:calc(100dvh - 42px)}.indent-selector.svelte-1n46o8q,.toolbar-label.svelte-1n46o8q{display:none}.panel-header.svelte-1n46o8q{height:32px;padding:0 10px}.footer-inner.svelte-1n46o8q{grid-template-columns:1fr;gap:20px}}@media (width>=769px){.divider-handle.svelte-1n46o8q{display:flex}}.app-root.svelte-1n46o8q{--header-bg:#000;--page-bg:#000;--toolbar-bg:#0a0a0c;--panel-bg:#070709;--panel-header-bg:#111113;--surface-bg:#0b0b0eeb;--dropdown-bg:#18181b;--border:#27272a;--btn-bg:transparent;--btn-hover:#1f1f23;--logo-bg:#fabc3f;--logo-color:#271900;--text-primary:#fff;--text-secondary:#a1a1aa;--text-muted:#52525b;--accent-bg:#fabc3f26;--accent-text:#fabc3f;--accent-border:#fabc3f4d;--chip-bg:#18181be0;--card-bg:#141417eb;--card-hover:#19191df5}html:not(.dark) .app-root.svelte-1n46o8q{--header-bg:#f9f9f9cc;--page-bg:#f4f3f3;--toolbar-bg:#fff;--panel-bg:#fff;--panel-header-bg:#f9f9f9;--surface-bg:#f9f9f9e6;--dropdown-bg:#fff;--border:#e2e2e2;--btn-bg:transparent;--btn-hover:#0000000d;--logo-bg:#000;--logo-color:#fff;--text-primary:#1a1c1c;--text-secondary:#4c4546;--text-muted:#848484;--accent-bg:#fdbf4233;--accent-text:#704e00;--accent-border:#fdbf42;--chip-bg:#f4f4f5e6;--card-bg:#fffffff0;--card-hover:#fafafa}