:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font-ui:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, "SF Mono", "Cascadia Mono", "Roboto Mono", Menlo, Consolas, "Liberation Mono", monospace;--page-bg:#eef2f7;--surface:#fff;--surface-2:#f1f4f8;--surface-3:#e6ebf2;--surface-raised:#fff;--border:#e1e6ee;--border-strong:#cad2de;--text:#0f172a;--text-2:#475569;--text-3:#64748b;--primary:#1f6feb;--primary-hover:#185fcf;--primary-strong:#1d4ed8;--primary-soft:#e8f0fe;--on-primary:#fff;--focus:#2563eb;--focus-ring:#2563eb47;--danger:#dc2626;--danger-solid:#dc2626;--danger-strong:#b91c1c;--danger-soft:#fef2f2;--danger-border:#fecaca;--success:#15803d;--success-soft:#e8f7ee;--warning:#9a4a07;--warning-soft:#fff7ed;--warning-accent:#f59e0b;--row-hover:#f5f8fc;--row-selected:#e3edff;--row-match:#fff8db;--mark-bg:#fde68a;--mark-text:#3b2303;--guide:#cfd8e3;--shadow-sheet:0 -10px 30px #0f172a1f;--shadow-pop:0 14px 36px #0f172a2e, 0 2px 6px #0f172a14;--b-element-bg:#e5edff;--b-element:#1d4ed8;--b-attribute-bg:#ffedd5;--b-attribute:#c2410c;--b-text-bg:#dcfce7;--b-text:#15803d;--b-comment-bg:#eef2f6;--b-comment:#475569;--b-cdata-bg:#f3e8ff;--b-cdata:#7e22ce;--b-pi-bg:#e0f2fe;--b-pi:#0369a1;--b-doctype-bg:#fae8ff;--b-doctype:#a21caf;--b-array-bg:#ede9fe;--b-array:#6d28d9;--b-boolean-bg:#fce7f3;--b-boolean:#be185d;--syn-key:#1d4ed8;--syn-string:#15803d;--syn-number:#c2410c;--syn-literal:#be185d;--syn-punct:#64748b;--syn-tag:#1d4ed8;--syn-attr:#b45309;--syn-attr-value:#15803d;--syn-comment:#64748b;--syn-cdata:#7e22ce;--syn-entity:#b45309;--syn-pi:#a21caf;--raw-selection:#2563eb3d;--raw-error-line:#dc262614;--raw-error-token:#dc262633;--gutter-text:#94a3b8}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page-bg:#070b14;--surface:#0f1522;--surface-2:#182132;--surface-3:#222d42;--surface-raised:#151d2d;--border:#243047;--border-strong:#34425d;--text:#e6ebf3;--text-2:#b4bdcc;--text-3:#8b97aa;--primary:#3b82f6;--primary-hover:#2f6fe0;--primary-strong:#93b8ff;--primary-soft:#16264a;--focus:#60a5fa;--focus-ring:#60a5fa59;--danger:#f87171;--danger-strong:#fca5a5;--danger-soft:#2a1316;--danger-border:#5b2328;--success:#4ade80;--success-soft:#0f2a1b;--warning:#fbbf24;--warning-soft:#2a1d08;--row-hover:#151e2e;--row-selected:#1a2d55;--row-match:#2a2410;--mark-bg:#a16207;--mark-text:#fff7ed;--guide:#2d3a52;--shadow-sheet:0 -10px 30px #00000073;--shadow-pop:0 14px 36px #0000008c, 0 2px 6px #00000059;--b-element-bg:#1b2a4d;--b-element:#a3c0ff;--b-attribute-bg:#3a230f;--b-attribute:#fdba74;--b-text-bg:#0f2e1c;--b-text:#86efac;--b-comment-bg:#1f2838;--b-comment:#cbd5e1;--b-cdata-bg:#2b1a44;--b-cdata:#d8b4fe;--b-pi-bg:#0c2a3d;--b-pi:#7dd3fc;--b-doctype-bg:#37153d;--b-doctype:#f0abfc;--b-array-bg:#251f48;--b-array:#c4b5fd;--b-boolean-bg:#3a1328;--b-boolean:#f9a8d4;--syn-key:#8ab4ff;--syn-string:#86efac;--syn-number:#fdba74;--syn-literal:#f9a8d4;--syn-punct:#8b97aa;--syn-tag:#8ab4ff;--syn-attr:#fcd34d;--syn-attr-value:#86efac;--syn-comment:#8b97aa;--syn-cdata:#d8b4fe;--syn-entity:#fcd34d;--syn-pi:#f0abfc;--raw-selection:#60a5fa4d;--raw-error-line:#f871711f;--raw-error-token:#f8717147;--gutter-text:#5d6d87}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page-bg:#070b14;--surface:#0f1522;--surface-2:#182132;--surface-3:#222d42;--surface-raised:#151d2d;--border:#243047;--border-strong:#34425d;--text:#e6ebf3;--text-2:#b4bdcc;--text-3:#8b97aa;--primary:#3b82f6;--primary-hover:#2f6fe0;--primary-strong:#93b8ff;--primary-soft:#16264a;--focus:#60a5fa;--focus-ring:#60a5fa59;--danger:#f87171;--danger-strong:#fca5a5;--danger-soft:#2a1316;--danger-border:#5b2328;--success:#4ade80;--success-soft:#0f2a1b;--warning:#fbbf24;--warning-soft:#2a1d08;--row-hover:#151e2e;--row-selected:#1a2d55;--row-match:#2a2410;--mark-bg:#a16207;--mark-text:#fff7ed;--guide:#2d3a52;--shadow-sheet:0 -10px 30px #00000073;--shadow-pop:0 14px 36px #0000008c, 0 2px 6px #00000059;--b-element-bg:#1b2a4d;--b-element:#a3c0ff;--b-attribute-bg:#3a230f;--b-attribute:#fdba74;--b-text-bg:#0f2e1c;--b-text:#86efac;--b-comment-bg:#1f2838;--b-comment:#cbd5e1;--b-cdata-bg:#2b1a44;--b-cdata:#d8b4fe;--b-pi-bg:#0c2a3d;--b-pi:#7dd3fc;--b-doctype-bg:#37153d;--b-doctype:#f0abfc;--b-array-bg:#251f48;--b-array:#c4b5fd;--b-boolean-bg:#3a1328;--b-boolean:#f9a8d4;--syn-key:#8ab4ff;--syn-string:#86efac;--syn-number:#fdba74;--syn-literal:#f9a8d4;--syn-punct:#8b97aa;--syn-tag:#8ab4ff;--syn-attr:#fcd34d;--syn-attr-value:#86efac;--syn-comment:#8b97aa;--syn-cdata:#d8b4fe;--syn-entity:#fcd34d;--syn-pi:#f0abfc;--raw-selection:#60a5fa4d;--raw-error-line:#f871711f;--raw-error-token:#f8717147;--gutter-text:#5d6d87}*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{font-family:var(--font-ui);background:var(--page-bg);color:var(--text);overscroll-behavior:none;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;font-size:16px;line-height:1.45;overflow:hidden}#root{height:100%}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled,[aria-disabled=true]{cursor:not-allowed}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}code,kbd,pre{font-family:var(--font-mono)}mark{background:var(--mark-bg);color:var(--mark-text);border-radius:3px;padding:0 1px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.btn{border:1px solid var(--border-strong);background:var(--surface);min-height:44px;color:var(--text);white-space:nowrap;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:15px;font-weight:600;transition:background-color .15s,border-color .15s,box-shadow .15s;display:inline-flex}.btn:hover:not(:disabled){background:var(--surface-2)}.btn:disabled{opacity:.5}.btn svg{flex:none}.btn-primary{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.btn-primary:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover)}.btn-danger{background:var(--danger-solid);border-color:var(--danger-solid);color:#fff}.btn-danger:hover:not(:disabled){background:#b91c1c}.btn-danger-outline{background:var(--danger-soft);border-color:var(--danger-border);color:var(--danger)}.btn-danger-outline:hover:not(:disabled){background:var(--danger-soft);border-color:var(--danger)}.btn-compact{border-radius:10px;min-height:36px;padding:0 12px;font-size:14px}.btn-large{min-height:52px;font-size:16px}.icon-button{width:44px;height:44px;color:var(--text-2);background:0 0;border:0;border-radius:12px;flex:none;place-items:center;padding:0;display:inline-grid}.icon-button:hover:not(:disabled){background:var(--surface-2);color:var(--text)}.icon-button.is-danger{color:var(--danger)}.link-button{min-height:32px;color:var(--primary-strong);text-underline-offset:3px;background:0 0;border:0;align-items:center;gap:4px;padding:0 2px;font-weight:600;text-decoration:underline;display:inline-flex}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.app{height:var(--app-height,100dvh);transform:translateY(var(--app-offset,0px));background:var(--surface);flex-direction:column;display:flex;position:fixed;top:0;left:0;right:0;overflow:hidden}.app-header{z-index:2;padding:calc(8px + env(safe-area-inset-top)) calc(14px + env(safe-area-inset-right)) 8px calc(14px + env(safe-area-inset-left));background:var(--surface);border-bottom:1px solid var(--border);flex:none;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand actions""modes modes""search search""crumbs crumbs";gap:10px 8px;display:grid;position:relative}.header-brand{grid-area:brand;align-items:center;min-width:0;display:flex}.brand{align-items:center;gap:12px;min-width:0;display:flex}.brand .logo{border-radius:11px;flex:none;box-shadow:0 2px 8px #1d4ed847}.brand-name{letter-spacing:-.01em;white-space:nowrap;font-size:24px;font-weight:700}.header-actions{grid-area:actions;align-items:center;gap:2px;display:flex}.header-action{min-width:44px;height:44px;color:var(--text);background:0 0;border:0;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:15px;font-weight:600;transition:background-color .15s,color .15s;display:inline-flex}.header-action:hover:not(:disabled){background:var(--surface-2)}.header-action:disabled{opacity:.35}.header-action-label{display:none}.copy-action.is-copied{color:var(--success);background:var(--success-soft)}.copy-action.is-copied .header-action-label{display:inline}.header-modes{grid-area:modes;gap:8px;min-width:0;display:flex}.header-search{flex-direction:column;grid-area:search;gap:6px;min-width:0;display:flex}.header-crumbs{grid-area:crumbs;align-items:center;gap:8px;min-width:0;min-height:40px;display:flex}.segmented{background:var(--surface-2);border-radius:12px;flex:1;gap:2px;min-width:0;padding:3px;display:flex}.segment{min-height:38px;color:var(--text-2);white-space:nowrap;background:0 0;border:0;border-radius:9px;flex:1;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:15px;font-weight:600;transition:background-color .15s,color .15s;display:inline-flex}.segment:hover:not(.is-active):not([aria-disabled=true]){color:var(--text);background:var(--surface-3)}.segment.is-active{background:var(--primary);color:var(--on-primary);box-shadow:0 1px 3px #0f172a2e}.segment[aria-disabled=true]{opacity:.45}.view-switcher .segment.is-active{background:var(--surface);color:var(--primary-strong);box-shadow:0 1px 3px #0f172a29, 0 0 0 1px var(--border)}.segmented-sm .segment{font-family:var(--font-mono);padding:0 6px;font-size:13px;font-weight:500}.search-bar{min-width:0}.search-field{border:1px solid var(--border-strong);background:var(--surface);border-radius:12px;align-items:center;gap:2px;height:46px;padding:0 4px 0 12px;transition:border-color .15s,box-shadow .15s;display:flex}.search-field:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--focus-ring)}.search-bar.is-disabled .search-field{opacity:.6}.search-icon{color:var(--text-3);flex:none;margin-right:6px}.search-field input{background:0 0;border:0;outline:none;flex:1;min-width:0;height:100%;font-size:16px}.search-field input::placeholder{color:var(--text-3)}.search-field input::-webkit-search-cancel-button{display:none}.search-button{width:38px;height:38px;color:var(--text-2);background:0 0;border:0;border-radius:9px;flex:none;place-items:center;padding:0;display:grid}.search-button:hover{background:var(--surface-2);color:var(--text)}.search-button.is-filtered{color:var(--primary-strong);background:var(--primary-soft)}.search-results{min-height:34px;color:var(--text-2);justify-content:space-between;align-items:center;gap:8px;margin-top:-4px;padding:0 2px 0 4px;font-size:14px;display:flex}.search-count{white-space:nowrap;font-weight:600}.search-nav{align-items:center;gap:2px;display:flex}.search-position{text-align:center;font-variant-numeric:tabular-nums;white-space:nowrap;min-width:64px}.breadcrumbs{flex:1;min-width:0}.breadcrumbs ol{scrollbar-width:none;align-items:center;gap:2px;margin:0;padding:2px 0;list-style:none;display:flex;overflow-x:auto}.breadcrumbs ol::-webkit-scrollbar{display:none}.breadcrumbs li{flex:none;align-items:center;display:flex}.crumb-separator{color:var(--text-3);margin:0 2px}.crumb{background:var(--surface-2);min-height:36px;color:var(--text);white-space:nowrap;border:0;border-radius:9px;padding:0 12px;font-size:15px}.crumb:hover{background:var(--surface-3)}.crumb.is-current{background:var(--primary-soft);color:var(--primary-strong);font-weight:600}.status-badge{white-space:nowrap;border:0;border-radius:999px;flex:none;align-items:center;gap:6px;min-height:36px;padding:0 12px;font-size:14px;font-weight:600;display:inline-flex}.status-badge.is-valid{background:var(--success-soft);color:var(--success)}.status-badge.is-invalid{background:var(--danger-soft);color:var(--danger)}.status-badge.is-pending,.status-badge.is-unparsed{background:var(--surface-2);color:var(--text-2)}.status-badge-detail{font-weight:500}.app-body{flex:1;min-height:0;display:flex}.workspace{background:var(--surface);flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;position:relative}.side-panel{border-left:1px solid var(--border);background:var(--surface);min-width:300px;max-width:520px;min-height:0;padding-right:env(safe-area-inset-right);flex-direction:column;flex:0 0 38%;display:flex}.sheet{z-index:3;border-top:1px solid var(--border);background:var(--surface-raised);min-height:0;box-shadow:var(--shadow-sheet);border-radius:20px 20px 0 0;flex-direction:column;flex:none;margin-top:-6px;transition:height .22s;display:flex;position:relative}.sheet-half{height:50%}.sheet-full{height:92%}.sheet.is-dragging{transition:none}.sheet-top{touch-action:none;flex:none}.sheet-handle-strip{justify-content:center;padding-top:4px;display:flex}.sheet-handle{cursor:grab;background:0 0;border:0;border-radius:12px;place-items:center;width:72px;height:24px;padding:0;display:grid}.sheet-handle:before{content:"";background:var(--border-strong);border-radius:3px;width:44px;height:5px}.peek-bar{padding:0 8px calc(8px + env(safe-area-inset-bottom)) 8px;align-items:center;gap:4px;display:flex}.peek-main{min-width:0;min-height:48px;color:var(--text);text-align:left;background:0 0;border:0;border-radius:12px;flex:1;align-items:center;gap:8px;padding:0 8px;display:flex}.peek-main:hover{background:var(--surface-2)}.peek-title{text-overflow:ellipsis;white-space:nowrap;max-width:45%;font-size:16px;font-weight:700;overflow:hidden}.peek-path{min-width:0;color:var(--text-3);font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;overflow:hidden}.peek-chevron{color:var(--text-3);flex:none}.layout-wide .app-header{padding-top:calc(6px + env(safe-area-inset-top));grid-template-columns:auto auto minmax(180px,1fr) auto;grid-template-areas:"brand modes search actions""crumbs crumbs crumbs crumbs";align-items:center;gap:6px 14px;padding-bottom:6px}.layout-wide .brand-name{font-size:20px}.layout-wide .brand .logo{border-radius:9px;width:34px;height:34px}.layout-wide .header-modes .segmented{flex:none;min-width:148px}.layout-wide .header-search{flex-direction:row;align-items:center;gap:10px}.layout-wide .search-bar{flex:1}.layout-wide .search-field{height:42px}.layout-wide .search-results{flex:none;min-height:0}.layout-wide .header-action-label{display:inline}@media (width<=1099px){.layout-wide .header-action-label{display:none}.layout-wide .copy-action.is-copied .header-action-label{display:inline}.layout-wide .search-count{display:none}}@media (width<=899px){.layout-wide .brand-name{display:none}.layout-wide .header-modes .segmented{min-width:0}.layout-wide .segment{padding:0 8px}}@media (height<=480px){.layout-wide .segment,.layout-wide .header-crumbs{min-height:34px}.layout-wide .crumb,.layout-wide .status-badge{min-height:32px}}@media (width<=380px){.status-badge-detail{display:none}.brand-name{font-size:21px}}.tree-scroll{--disclosure-w:28px;overscroll-behavior:contain;outline:none;flex:1;min-height:0;padding:6px 0 24px;position:relative;overflow:auto;container-type:inline-size}@media (pointer:coarse){.tree-scroll{--disclosure-w:36px}}.tree-canvas{position:relative}.tree-row{color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:10px;align-items:center;padding-right:10px;font-size:16px;display:flex;position:absolute;top:0;left:6px;right:6px}@media (pointer:fine){.tree-row{font-size:15px}}.tree-row:hover{background:var(--row-hover)}.tree-row.is-match{background:var(--row-match)}.tree-row.is-selected{background:var(--row-selected)}.tree-row.is-active-match{box-shadow:inset 3px 0 0 var(--warning-accent)}.tree-scroll:focus-visible .tree-row.is-selected{box-shadow:inset 0 0 0 2px var(--focus)}.tree-guide{border-left:1px dashed var(--guide);pointer-events:none;position:absolute;top:0;bottom:0}.disclosure,.disclosure-spacer{width:var(--disclosure-w);height:100%;color:var(--text-2);background:0 0;border:0;flex:none;place-items:center;padding:0;display:grid;position:relative}.disclosure:after{content:"";position:absolute;inset:0 -4px}.disclosure:hover{color:var(--text)}.disclosure svg{transition:transform .15s}.disclosure.is-expanded svg{transform:rotate(90deg)}.leaf-connector{border-top:1px dashed var(--guide);position:absolute;top:50%;left:0;right:30%}.row-content{flex:1;align-items:center;gap:8px;min-width:0;display:flex;overflow:hidden}.row-icon{flex:none;place-items:center;width:20px;display:grid}.row-name{text-overflow:ellipsis;white-space:nowrap;flex:none;min-width:0;max-width:60%;font-weight:500;overflow:hidden}.row-name.is-index{color:var(--text-3);font-family:var(--font-mono);font-size:.9em}.row-name.is-root{color:var(--text-2);font-weight:600}.row-tag{color:var(--syn-tag);font-size:1.06em;font-weight:600}.row-meta{font-weight:600}.row-value{min-width:0;color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;flex:0 auto;overflow:hidden}.value-string{color:var(--syn-string)}.value-number,.value-boolean,.value-null{font-family:var(--font-mono);font-size:.94em}.value-number{color:var(--syn-number)}.value-boolean{color:var(--syn-literal)}.value-null,.value-muted{color:var(--text-3)}.value-attribute,.value-text{color:var(--text)}.value-comment{color:var(--syn-comment);font-style:italic}.row-count{color:var(--text-3);white-space:nowrap;flex:none;font-size:13px}@container (width<=360px){.row-count{display:none}}.tree-empty{color:var(--text-3);text-align:center;padding:24px}.type-badge{background:var(--b-comment-bg);color:var(--b-comment);white-space:nowrap;border-radius:7px;flex:none;padding:5px 9px;font-size:13px;font-weight:500;line-height:1}.badge-element,.badge-object,.badge-document{background:var(--b-element-bg);color:var(--b-element)}.badge-attribute,.badge-number{background:var(--b-attribute-bg);color:var(--b-attribute)}.badge-text,.badge-string{background:var(--b-text-bg);color:var(--b-text)}.badge-cdata{background:var(--b-cdata-bg);color:var(--b-cdata)}.badge-processing-instruction{background:var(--b-pi-bg);color:var(--b-pi)}.badge-doctype{background:var(--b-doctype-bg);color:var(--b-doctype)}.badge-array{background:var(--b-array-bg);color:var(--b-array)}.badge-boolean{background:var(--b-boolean-bg);color:var(--b-boolean)}.type-icon{color:var(--text-3);flex:none}.type-icon.type-object,.type-icon.type-element,.type-icon.type-document{color:var(--b-element)}.type-icon.type-array{color:var(--b-array)}.type-icon.type-string,.type-icon.type-text{color:var(--b-text)}.type-icon.type-number,.type-icon.type-attribute{color:var(--b-attribute)}.type-icon.type-boolean{color:var(--b-boolean)}.type-icon.type-cdata{color:var(--b-cdata)}.type-icon.type-processing-instruction{color:var(--b-pi)}.type-icon.type-doctype{color:var(--b-doctype)}.raw-view{flex-direction:column;flex:1;min-height:0;display:flex}.error-panel{border:1px solid var(--danger-border);background:var(--danger-soft);border-radius:14px;flex:none;max-height:52%;margin:10px 12px 0;padding:12px 14px;overflow:auto}.error-header{align-items:flex-start;gap:10px;display:flex}.error-icon{color:var(--danger);flex:none;margin-top:3px}.error-heading h2{color:var(--danger-strong);margin:0;font-size:17px}.error-location{margin:2px 0 0;font-size:15px;font-weight:600}.error-toggle{width:36px;height:36px;margin:-4px -6px 0 auto}.error-toggle svg{transition:transform .15s}.error-toggle[aria-expanded=false] svg{transform:rotate(-90deg)}.error-message{font-family:var(--font-mono);overflow-wrap:anywhere;margin:8px 0;font-size:14px}.error-context{border:1px solid var(--danger-border);background:var(--surface);white-space:pre;border-radius:10px;margin:0 0 8px;padding:10px 12px;font-size:13px;line-height:1.55;overflow-x:auto}.context-number{color:var(--text-3)}.context-line.is-error-line{font-weight:700}.context-marker{color:var(--danger);font-weight:700}.parser-detail{margin:0 0 8px;font-size:13px}.parser-detail summary{cursor:pointer;color:var(--text-2);font-weight:600}.parser-detail pre{background:var(--surface);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:8px;margin:6px 0 0;padding:8px 10px}.error-reporter{color:var(--text-3);margin:0;font-size:12.5px}.error-actions{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.error-panel.is-collapsed .error-actions{margin-bottom:0}.error-actions .btn{min-height:40px;padding:0 12px;font-size:14px}.layout-narrow .raw-view.is-editing .error-panel{padding:8px 12px}.layout-narrow .raw-view.is-editing .error-details,.layout-narrow .raw-view.is-editing .error-actions,.layout-narrow .raw-view.is-editing .error-toggle{display:none}.layout-narrow .raw-view.is-editing .error-message{text-overflow:ellipsis;white-space:nowrap;margin:4px 0 0;overflow:hidden}.raw-editor-frame{flex-direction:column;flex:1;min-height:0;display:flex}.raw-editor{--raw-font-size:13.5px;--raw-line-height:21px;--raw-pad:12px;border-top:1px solid var(--border);background:var(--surface);min-height:0;font-family:var(--font-mono);font-size:var(--raw-font-size);line-height:var(--raw-line-height);flex:1;margin-top:10px;display:flex;position:relative}@media (pointer:coarse){.raw-editor{--raw-font-size:16px;--raw-line-height:24px}}.raw-gutter{width:calc(var(--gutter-digits,2) * 1ch + 30px);border-right:1px solid var(--border);background:var(--surface-2);color:var(--gutter-text);-webkit-user-select:none;user-select:none;flex:none;position:relative;overflow:hidden}.raw-gutter-inner,.raw-overlay-inner{will-change:transform;position:absolute;top:0;left:0}.raw-gutter-inner{right:0}.gutter-line{font-variant-numeric:tabular-nums;justify-content:flex-end;align-items:center;gap:3px;padding-right:10px;font-size:.86em;display:flex;position:absolute;left:0;right:0}.gutter-line.is-error-line{background:var(--raw-error-line);color:var(--danger);font-weight:700}.gutter-error-icon{flex:none}.raw-code{flex:1;min-width:0;position:relative;overflow:hidden}.raw-overlay{pointer-events:none;position:absolute;inset:0;overflow:hidden}.raw-line,.raw-measure,.raw-textarea{font-variant-ligatures:none;font-kerning:none;letter-spacing:0;tab-size:4}.raw-line{left:var(--raw-pad);color:var(--text);white-space:pre;position:absolute}.raw-error-band{background:var(--raw-error-line);width:400000px;position:absolute;left:0}.raw-measure{visibility:hidden;white-space:pre;position:absolute;top:0;left:0}.raw-textarea{width:100%;height:100%;padding:var(--raw-pad);resize:none;color:#0000;-webkit-text-fill-color:transparent;caret-color:var(--text);font:inherit;line-height:inherit;white-space:pre;overflow-wrap:normal;word-break:normal;appearance:none;background:0 0;border:0;border-radius:0;outline:none;margin:0;position:absolute;inset:0;overflow:auto}.raw-textarea::placeholder{color:var(--text-3);-webkit-text-fill-color:var(--text-3)}.raw-textarea::selection{background:var(--raw-selection)}.raw-textarea:focus-visible{box-shadow:inset 0 0 0 2px var(--focus-ring)}.tok-key{color:var(--syn-key)}.tok-string,.tok-attr-value{color:var(--syn-string)}.tok-number{color:var(--syn-number)}.tok-literal{color:var(--syn-literal)}.tok-punct{color:var(--syn-punct)}.tok-tag{color:var(--syn-tag)}.tok-attr{color:var(--syn-attr)}.tok-comment{color:var(--syn-comment);font-style:italic}.tok-cdata{color:var(--syn-cdata)}.tok-entity{color:var(--syn-entity)}.tok-pi,.tok-doctype{color:var(--syn-pi)}.tok-error{background:var(--raw-error-token);-webkit-text-decoration:underline wavy var(--danger);text-decoration:underline wavy var(--danger);-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;text-underline-offset:3px;border-radius:2px}.raw-status{padding:6px 12px calc(6px + env(safe-area-inset-bottom));border-top:1px solid var(--border);background:var(--surface);color:var(--text-2);white-space:nowrap;flex:none;align-items:center;gap:12px;font-size:13px;display:flex}.raw-status-item{font-variant-numeric:tabular-nums}.raw-status-item.is-secondary{color:var(--text-3);text-overflow:ellipsis;overflow:hidden}.raw-status .btn{margin-left:auto}.app-error{border:1px solid var(--danger-border);background:var(--danger-soft);color:var(--danger-strong);border-radius:12px;align-items:center;gap:10px;margin:10px 12px 0;padding:8px 8px 8px 12px;font-size:14px;display:flex}.app-error p{flex:1;margin:0}.editor-header{flex:none;padding:2px 16px 10px}.side-panel .editor-header{padding-top:12px}.editor-title-row{align-items:center;gap:10px;min-width:0;min-height:44px;display:flex}.editor-title{flex:none;margin:0;font-size:22px;font-weight:700}.editor-subtitle{min-width:0;color:var(--text-3);font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:14px;overflow:hidden}.editor-close{margin-right:-8px}.path-row{align-items:center;gap:8px;margin-top:4px;display:flex}.path-text{text-align:left;background:var(--surface-2);text-overflow:ellipsis;white-space:nowrap;direction:rtl;border-radius:10px;flex:1;min-width:0;padding:8px 12px;font-size:14px;overflow:hidden}.editor-body-wrap{flex-direction:column;flex:1;min-height:0;display:flex}.editor-body{overscroll-behavior:contain;flex:1;min-height:0;padding:4px 16px 18px;overflow:auto}.editor-fieldset{border:0;min-width:0;margin:0;padding:0}.editor-fields{flex-direction:column;gap:14px;display:flex}.field{flex-direction:column;gap:6px;min-width:0;display:flex}.field-row{align-items:flex-start;gap:12px;display:flex}.field-grow{flex:auto}.field-type{flex:0 0 42%}.field-label{color:var(--text);font-size:15px;font-weight:600}.field-hint{color:var(--text-3);margin:0;font-size:13px}.field-error{color:var(--danger);margin:0;font-size:13px;font-weight:500}.field-static{align-items:center;gap:6px;min-height:48px;margin:0;display:flex}.field-static.is-mono{font-family:var(--font-mono)}.doctype-text{background:var(--surface-2);white-space:pre;border-radius:10px;min-height:0;padding:10px 12px;font-size:13px;display:block;overflow-x:auto}.input{border:1px solid var(--border-strong);background:var(--surface);width:100%;min-height:48px;color:var(--text);border-radius:12px;padding:10px 14px;font-size:16px;transition:border-color .15s,box-shadow .15s}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--focus-ring);outline:none}.input:disabled{opacity:.6}.field.has-error .input{border-color:var(--danger)}.input.is-mono{font-family:var(--font-mono);font-size:15px}.textarea{resize:vertical;min-height:48px;line-height:1.45}.select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:40px}.select option{background:var(--surface);color:var(--text)}.switch-field{justify-content:space-between;align-items:center;gap:12px;min-height:48px;display:flex}.switch-text{flex-direction:column;gap:2px;min-width:0;display:flex}.switch-text .field-hint{font-family:var(--font-mono);overflow-wrap:anywhere}.switch{min-height:44px;color:var(--text);font-family:var(--font-mono);background:0 0;border:0;flex:none;align-items:center;gap:10px;padding:0;font-weight:600;display:inline-flex;position:relative}.switch:before{content:"";background:var(--border-strong);border-radius:16px;width:52px;height:32px;transition:background-color .15s}.switch-thumb{background:#fff;border-radius:50%;width:26px;height:26px;margin-top:-13px;transition:transform .15s;position:absolute;top:50%;left:3px;box-shadow:0 1px 3px #0f172a4d}.switch.is-on:before{background:var(--primary)}.switch.is-on .switch-thumb{transform:translate(20px)}.switch-state{text-align:left;min-width:5ch}.child-list{border:1px solid var(--border);border-radius:12px;margin:0;padding:0;list-style:none;overflow:hidden}.child-list li+li{border-top:1px solid var(--border)}.child-item{background:var(--surface);width:100%;min-height:44px;color:var(--text);text-align:left;border:0;align-items:center;gap:8px;padding:0 10px 0 12px;display:flex}.child-item:hover{background:var(--row-hover)}.child-name{text-overflow:ellipsis;white-space:nowrap;max-width:40%;font-weight:600;overflow:hidden}.child-preview{min-width:0;color:var(--text-3);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:14px;overflow:hidden}.child-chevron{color:var(--text-3);flex:none}.child-more{color:var(--text-3);padding:10px 12px;font-size:14px}.disclosure-row{border:1px solid var(--border-strong);background:var(--surface-2);width:100%;min-height:48px;color:var(--text);text-align:left;border-radius:12px;justify-content:space-between;align-items:center;padding:0 12px 0 14px;font-size:16px;display:flex}.disclosure-row:hover{background:var(--surface-3)}.disclosure-row svg{color:var(--text-2);transition:transform .15s}.disclosure-row .is-rotated{transform:rotate(90deg)}.attribute-list{flex-direction:column;align-items:flex-start;gap:8px;margin-top:4px;display:flex}.attribute-row{align-items:flex-start;gap:6px;width:100%;display:flex}.attribute-row .attribute-name{flex:0 0 38%}.attribute-row .attribute-value{flex:1}.attribute-equals{color:var(--text-3);flex:none;line-height:48px}.info-note,.locked-note{border-radius:12px;align-items:flex-start;gap:8px;margin:0;padding:10px 12px;font-size:14px;display:flex}.info-note{background:var(--primary-soft);color:var(--text-2)}.info-note svg{color:var(--primary-strong);flex:none;margin-top:2px}.locked-note{background:var(--warning-soft);color:var(--warning);flex-wrap:wrap;align-items:center;margin-bottom:12px;font-weight:500}.tool-row{border-top:1px dashed var(--border);flex-wrap:wrap;gap:8px;margin-top:16px;padding-top:14px;display:flex}.tool-button{border:1px solid var(--border);background:var(--surface);min-height:40px;color:var(--text-2);border-radius:10px;align-items:center;gap:6px;padding:0 12px;font-size:14px;font-weight:600;display:inline-flex}.tool-button:hover:not(:disabled){background:var(--surface-2);color:var(--text)}.tool-button:disabled{opacity:.4}.action-bar{padding:10px 16px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--border);background:var(--surface-raised);flex:none;gap:8px;display:flex;container-type:inline-size}.action-bar .btn{flex:auto;min-width:0;padding:0 12px;font-size:14.5px}.action-bar .btn-icon-when-narrow{flex:0 auto}@container (width<=440px){.action-bar .btn{gap:6px;padding:0 8px}.btn-icon-when-narrow{flex:0 0 48px!important}.btn-icon-when-narrow .btn-label,.action-bar .hide-narrow{display:none}}.link-button.is-block{align-self:flex-start}.panel-empty{color:var(--text-2);text-align:center;flex-direction:column;flex:1;align-items:center;gap:10px;padding:48px 24px;display:flex;overflow:auto}.panel-empty>svg{color:var(--text-3)}.panel-empty h2{color:var(--text);margin:0;font-size:18px}.panel-empty p{margin:0}.shortcut-list{text-align:left;width:100%;max-width:300px;margin-top:24px}.shortcut-list h3{color:var(--text);align-items:center;gap:6px;margin:0 0 8px;font-size:14px;display:flex}.shortcut-list dl,.shortcut-table{grid-template-columns:auto 1fr;gap:6px 12px;margin:0;font-size:14px;display:grid}.shortcut-list dt,.shortcut-table dt{background:var(--surface-2);font-family:var(--font-mono);border-radius:6px;justify-self:start;padding:2px 7px;font-size:12.5px}.shortcut-list dd,.shortcut-table dd{margin:0}.menu{z-index:50;border:1px solid var(--border);background:var(--surface-raised);min-width:250px;max-width:min(340px,100vw - 16px);box-shadow:var(--shadow-pop);border-radius:14px;padding:6px;animation:.12s ease-out pop-in;position:fixed;overflow:auto}@keyframes pop-in{0%{opacity:0;transform:translateY(-4px)scale(.98)}}.menu-item{width:100%;min-height:44px;color:var(--text);text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;padding:0 12px;font-size:15px;display:flex}.menu-item:hover,.menu-item:focus{background:var(--surface-2);outline:none}.menu-item:focus-visible{box-shadow:inset 0 0 0 2px var(--focus)}.menu-item[aria-disabled=true]{opacity:.45}.menu-item.is-destructive{color:var(--danger)}.menu-item-icon{width:20px;color:var(--text-2);flex:none;place-items:center;display:grid}.menu-item.is-destructive .menu-item-icon{color:inherit}.menu-item-label{flex:1}.menu-item-shortcut{color:var(--text-3);font-family:var(--font-ui);font-size:12px}.menu-separator{background:var(--border);height:1px;margin:6px 4px}.menu-label{color:var(--text-3);letter-spacing:.04em;text-transform:uppercase;padding:8px 12px 4px;font-size:12px;font-weight:700}.menu-depth{padding:6px 10px 8px 12px}.menu-depth-label{margin-bottom:6px;font-size:15px;display:block}.menu-depth-options{gap:6px;display:flex}.depth-chip{border:1px solid var(--border-strong);background:var(--surface);border-radius:10px;flex:1;min-width:34px;height:40px;padding:0;font-weight:600}.depth-chip:hover,.depth-chip:focus{border-color:var(--primary);background:var(--primary-soft);outline:none}.depth-chip[aria-disabled=true]{opacity:.45}.modal{width:100%;max-width:min(560px,100vw - 24px);max-height:calc(var(--app-height,100dvh) - 24px);color:var(--text);background:0 0;border:0;padding:0;overflow:visible}.modal::backdrop{background:#0f172a80}.modal-small{max-width:min(420px,100vw - 24px)}.modal-surface{max-height:calc(var(--app-height,100dvh) - 24px);border:1px solid var(--border);background:var(--surface-raised);box-shadow:var(--shadow-pop);border-radius:18px;flex-direction:column;display:flex;overflow:hidden}.modal-header{justify-content:space-between;align-items:center;gap:12px;padding:10px 10px 2px 20px;display:flex}.modal-header h2{margin:0;font-size:20px}.modal-body{flex-direction:column;gap:14px;padding:8px 20px 18px;display:flex;overflow:auto}.modal-body p{margin:0}.modal-footer{padding:12px 20px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--border);justify-content:flex-end;gap:10px;display:flex}.modal-footer .btn{min-width:96px}@media (width<=599px){.modal,.modal-small{max-width:100vw;margin:auto 0 0}.modal-surface{border-bottom:0;border-radius:20px 20px 0 0}.modal-footer .btn{flex:1}}.dialog-context{color:var(--text-2)}.dialog-context code,.about code{background:var(--surface-2);border-radius:6px;padding:2px 6px;font-size:.92em}.settings-list{flex-direction:column;gap:18px;display:flex}.setting-row{flex-direction:column;gap:8px;display:flex}.setting-text{flex-direction:column;gap:2px;display:flex}.settings-footnote{color:var(--text-3);font-size:13px}.about{flex-direction:column;gap:12px;display:flex}.about p{margin:0}.about h3{margin:6px 0 0;font-size:15px}.about-brand{align-items:center;gap:12px;display:flex}.about-brand>div{flex-direction:column;display:flex}.about-brand strong{font-size:20px}.about-point{color:var(--text-2);align-items:flex-start;gap:8px;display:flex}.about-point svg{color:var(--success);flex:none;margin-top:3px}.toast-host{left:50%;bottom:calc(16px + env(safe-area-inset-bottom));z-index:60;pointer-events:none;flex-direction:column;gap:8px;width:min(480px,100vw - 24px);display:flex;position:fixed;transform:translate(-50%)}.toast{color:#f8fafc;box-shadow:var(--shadow-pop);pointer-events:auto;background:#1e293b;border-radius:14px;align-items:center;gap:10px;padding:8px 6px 8px 14px;font-size:15px;animation:.18s ease-out toast-in;display:flex}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}.toast svg{flex:none}.toast-info svg{color:#93c5fd}.toast-success svg{color:#86efac}.toast-error svg{color:#fca5a5}.toast-message{overflow-wrap:anywhere;flex:1;min-width:0}.toast-action{color:#93c5fd;background:0 0;border:0;border-radius:8px;min-height:36px;padding:0 10px;font-weight:700}.toast-action:hover{background:#ffffff14}.toast-close{color:#cbd5e1;background:0 0;border:0;border-radius:8px;place-items:center;width:32px;height:32px;padding:0;display:grid}.paste-screen{min-height:0;padding:20px 16px calc(28px + env(safe-area-inset-bottom));flex:1;overflow:auto}.paste-inner{flex-direction:column;gap:14px;max-width:700px;margin:0 auto;display:flex}.paste-intro{align-items:center;gap:14px;display:flex}.paste-intro .logo{border-radius:14px;flex:none;box-shadow:0 4px 14px #1d4ed84d}.paste-intro h1{margin:0;font-size:24px;line-height:1.2}.paste-intro p{color:var(--text-2);margin:4px 0 0;font-size:15px}.paste-textarea{border:1px solid var(--border-strong);background:var(--surface-2);width:100%;height:32vh;min-height:200px;font-family:var(--font-mono);white-space:pre;resize:vertical;tab-size:4;border-radius:14px;padding:14px;font-size:15px;line-height:1.5;transition:border-color .15s,box-shadow .15s,background-color .15s;overflow:auto}@media (pointer:coarse){.paste-textarea{font-size:16px}}.paste-textarea:focus{border-color:var(--primary);background:var(--surface);box-shadow:0 0 0 3px var(--focus-ring);outline:none}.paste-status{color:var(--text-2);flex-wrap:wrap;align-items:center;gap:4px 6px;margin:0;font-size:15px;display:flex}.paste-state.is-valid{color:var(--success);font-weight:600}.paste-state.is-invalid{color:var(--danger);font-weight:600}.paste-actions{flex-direction:column;gap:10px;display:flex}@media (width>=640px){.paste-actions{flex-direction:row}.paste-actions .btn{flex:1;padding:0 12px}}.paste-broken{color:var(--text-3);text-align:center;margin:0;font-size:14px}.privacy-note{color:var(--success);justify-content:center;align-items:center;gap:8px;margin:2px 0 0;font-size:14px;font-weight:600;display:flex}