:root{--bg:#f6f7f9;--surface:#fff;--surface-raised:#fff;--surface-subtle:#f2f4f7;--editor-bg:#fff;--editor-gutter:#f8f9fb;--editor-active-line:#eef4fd;--text:#171a1f;--text-muted:#515a68;--text-subtle:#667180;--border:#d8dde6;--border-strong:#aeb7c5;--accent:#2a5db0;--accent-hover:#1f4e98;--accent-solid:#2a5db0;--accent-solid-hover:#1f4e98;--accent-soft:#edf3fc;--selection:#cbdcf7;--success:#19724b;--success-soft:#eaf6ef;--warning:#9a5b13;--warning-soft:#fff4db;--failure:#b42318;--failure-soft:#fff0ef;--syntax-number:#6f42c1;--focus:#5c89d6;--overlay:#171a1f57;--font-ui:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;--radius:4px;--header-height:48px}:root[data-theme=dark]{--bg:#171a1f;--surface:#1d2128;--surface-raised:#252a33;--surface-subtle:#222730;--editor-bg:#1b1f26;--editor-gutter:#181c22;--editor-active-line:#222d3d;--text:#eef1f5;--text-muted:#b9c0cb;--text-subtle:#8e98a8;--border:#343b47;--border-strong:#515b6b;--accent:#73a4f4;--accent-hover:#92b9f8;--accent-solid:#315f9f;--accent-solid-hover:#3d70b4;--accent-soft:#223653;--selection:#314e77;--success:#64c893;--success-soft:#193b2b;--warning:#e3ae62;--warning-soft:#443318;--failure:#ff8a80;--failure-soft:#48211f;--syntax-number:#c5a3ff;--focus:#8fb7f7;--overlay:#00000094}*{box-sizing:border-box}html,body,#root{min-width:0;min-height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font-ui);font-size:13.5px;line-height:1.4}button,select,input,textarea{color:inherit;font:600 13px/1.2 var(--font-ui)}button,select,input,textarea,a{outline:none}button:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible,a:focus-visible,.cm-editor.cm-focused{box-shadow:0 0 0 2px var(--surface), 0 0 0 3px var(--focus)}a{color:var(--accent)}.app-shell{background:var(--bg);grid-template-rows:auto auto minmax(360px,1fr) auto;grid-template-columns:minmax(0,1fr);min-height:100dvh;display:grid}.app-header{min-height:var(--header-height);background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:4px 16px;display:flex}.brand-lockup,.brand-lockup>div,.header-actions,.language-control,.theme-control,.header-actions a{align-items:center;display:flex}.brand-lockup{flex-shrink:1;gap:10px;min-width:0}.brand-mark{border-radius:var(--radius);background:var(--accent);color:#fff;width:32px;height:32px;font:700 13px/1 var(--font-mono);flex:0 0 32px;place-items:center;display:inline-grid}.brand-lockup>div{gap:10px;min-width:0}.brand-lockup h1{letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:16px;font-weight:700;line-height:1.15;overflow:hidden}.brand-lockup p{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:12px;overflow:hidden}.header-actions{flex:none;gap:10px;min-width:0}.header-actions a{min-height:28px;color:var(--accent);white-space:nowrap;border-radius:var(--radius);gap:4px;padding:2px 5px;font-size:12px;font-weight:600;text-decoration:none}.header-actions a:hover{background:var(--accent-soft);text-decoration:underline}.language-control,.theme-control{color:var(--text-muted);white-space:nowrap;gap:6px;font-size:12px;font-weight:600}.language-control select,.theme-control select,.settings-panel select,.settings-panel input[type=number],.settings-panel textarea{border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);min-height:30px;color:inherit;padding:3px 22px 3px 7px;font-size:12px;font-weight:500}.editor-toolbar{background:var(--surface);border-bottom:1px solid var(--border);scrollbar-width:thin;align-items:center;gap:5px;min-width:0;padding:5px 14px;display:flex;overflow-x:auto}.toolbar-button,.secondary-button,.text-button,.icon-button{border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);min-height:32px;color:var(--text);cursor:pointer;white-space:nowrap;flex-shrink:0;justify-content:center;align-items:center;gap:5px;padding:4px 9px;font-size:13px;font-weight:600;display:inline-flex}.toolbar-button:hover:not(:disabled),.secondary-button:hover,.icon-button:hover{border-color:var(--accent);background:var(--accent-soft)}.toolbar-button:disabled{cursor:not-allowed;opacity:.46}.toolbar-button.button-primary{border-color:var(--accent-solid);background:var(--accent-solid);color:#fff;min-width:82px;padding:4px 12px;font-weight:650}.toolbar-button.button-primary:hover{background:var(--accent-solid-hover)}.toolbar-button.button-stop{border-color:var(--failure);color:var(--failure)}.toolbar-button.is-active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.editor-toolbar>.toolbar-button:last-child{margin-left:auto}.workspace{min-height:0;padding:0 14px 6px}.editor-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;height:100%;display:grid}.editor-grid.is-visually-hidden{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.syntax-spine{position:relative}.syntax-spine:before{content:"";z-index:3;background:var(--accent);width:3px;position:absolute;top:-1px;bottom:-1px;left:-1px}.editor-pane,.diff-pane{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius);grid-template-rows:34px minmax(0,1fr);min-width:0;min-height:0;display:grid;overflow:hidden}.pane-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;min-width:0;padding:3px 10px 3px 12px;display:flex}.pane-header>div,.pane-header h2{align-items:baseline;gap:8px;min-width:0;display:flex}.pane-header>div{overflow:hidden}.pane-header h2{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:13px;font-weight:650;line-height:1.2;overflow:hidden}.pane-muted,.pane-stats{white-space:nowrap;font-size:11px;font-weight:600}.pane-muted{color:var(--text-subtle);text-overflow:ellipsis;overflow:hidden}.pane-stats{color:var(--text-subtle);flex-shrink:0}.editor-host,.editor-host>.cm-editor,.diff-host,.diff-host>.cm-editor,.diff-host>.cm-mergeView{height:100%;min-height:0}.editor-host>.cm-editor,.diff-host>.cm-editor,.cm-mergeView .cm-editor{outline:0}.diff-pane{height:100%}.diff-host .cm-mergeView{overflow:auto}.diff-host .cm-mergeViewEditors{height:100%}.diff-host .cm-mergeViewEditor{min-width:0}.diff-host .cm-merge-a .cm-changedLine,.diff-host .cm-deletedChunk{background:var(--failure-soft)!important}.diff-host .cm-merge-b .cm-changedLine,.diff-host .cm-inlineChangedLine{background:var(--success-soft)!important}.lower-rail{border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);margin:0 14px 8px}.status-privacy-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;min-width:0;min-height:34px;padding:3px 12px;display:flex}.format-status{color:var(--text-muted);align-items:center;gap:14px;min-width:0;font-size:11.5px;display:flex}.format-status>span,.status-kind,.privacy-notice{white-space:nowrap;align-items:center;gap:5px;display:inline-flex}.status-kind{flex-shrink:0;font-weight:750}.status-detail{overflow-wrap:anywhere;flex:0 auto;line-height:1.3;white-space:normal!important}.is-success{color:var(--success)}.is-failure{color:var(--failure)}.is-stale{color:var(--warning)}.is-running{color:var(--accent)}.is-neutral{color:var(--text-muted)}.privacy-notice{color:var(--text-muted);flex-shrink:0;margin:0;font-size:11.5px}.diagnostics-panel>header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;min-height:30px;padding:3px 12px;display:flex}.diagnostics-panel h2{margin:0;font-size:12.5px;font-weight:700}.diagnostics-panel>header span{color:var(--text-subtle);font-size:11px}.diagnostic-content{max-height:150px;overflow:auto}.diagnostic-callout{border-left:3px solid;align-items:flex-start;gap:8px;margin:5px 8px;padding:5px 8px;font-size:12px;display:flex}.diagnostic-callout p{overflow-wrap:anywhere;margin:2px 0 0;line-height:1.4}.failure-callout{border-color:var(--failure);background:var(--failure-soft);color:var(--failure)}.warning-callout{border-color:var(--warning);background:var(--warning-soft);color:var(--warning)}.diagnostic-stage{color:var(--text-muted);margin-left:8px;display:inline-block}.diagnostic-table-wrap{overflow-x:auto}.diagnostics-panel table{border-collapse:collapse;width:100%;font-size:12px}.diagnostics-panel th,.diagnostics-panel td{border-bottom:1px solid var(--border);text-align:left;word-break:break-word;overflow-wrap:anywhere;padding:5px 10px}.diagnostics-panel th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:11px}.diagnostics-panel td:nth-child(2){align-items:center;gap:5px;display:flex}.empty-diagnostics{color:var(--text-subtle);margin:0;padding:6px 12px;font-size:12px}.settings-backdrop{z-index:20;background:color-mix(in srgb, var(--overlay) 62%, transparent);justify-content:flex-end;display:flex;position:fixed;inset:0}.settings-panel{background:var(--surface);border-left:1px solid var(--border-strong);grid-template-rows:auto minmax(0,1fr) auto;width:min(440px,100vw);min-width:0;height:100%;display:grid;box-shadow:-6px 0 24px #0000001f}.settings-panel-header,.settings-panel-footer{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;min-height:44px;padding:6px 14px;display:flex}.settings-panel-footer{border-top:1px solid var(--border);border-bottom:0}.settings-panel h2{margin:0;font-size:14.5px;font-weight:700}.icon-button{width:32px;height:32px;min-height:32px;padding:0}.settings-scroll{padding:8px 12px 14px;overflow-y:auto}.settings-panel fieldset{border:1px solid var(--border);border-radius:var(--radius);grid-template-columns:1fr 1fr;gap:6px 10px;min-width:0;margin:0 0 8px;padding:6px 10px 8px;display:grid}.settings-panel legend{color:var(--text);padding:0 4px;font-size:11px;font-weight:750}.settings-panel label{color:var(--text-muted);gap:3px;min-width:0;font-size:11px;font-weight:650;display:grid}.settings-panel input[type=number],.settings-panel select,.settings-panel textarea{border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);min-height:30px;color:var(--text);box-sizing:border-box;width:100%;padding:3px 22px 3px 7px;font-size:12px;font-weight:500}.setting-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;min-height:28px;grid-template-columns:1fr auto!important;gap:6px!important}.setting-toggle>span{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.setting-toggle input{width:15px;height:15px;accent-color:var(--accent);cursor:pointer;flex-shrink:0;margin:0}.settings-columns{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:3px 10px;display:grid}.setting-wide{grid-column:1/-1}.parser-config-row{border:1px solid var(--border);border-radius:var(--radius);color:var(--text-muted);gap:3px;padding:6px 10px;font-size:11px;font-weight:700;display:grid}.parser-config-row output{color:var(--text);font-size:12px;font-weight:550}.text-button{color:var(--accent);border-color:#0000}.text-button:hover{text-decoration:underline}.lazy-loading,.initialization-screen{place-items:center;display:grid}.lazy-loading{height:100%;color:var(--text-muted)}.initialization-screen{background:var(--bg);text-align:center;align-content:center;gap:12px;min-height:100dvh}.initialization-screen h1,.initialization-screen p{margin:0}.visually-hidden{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:1100px){.brand-lockup p,.header-actions a span,.format-status>.status-versions{display:none}}@media (max-width:900px){.format-status>.status-profile{display:none}.header-actions{gap:8px}.format-status{gap:10px}}@media (max-width:800px){.app-shell{min-height:100dvh;display:block}.app-header{gap:8px;min-height:44px;padding:4px 10px}.brand-mark{flex-basis:28px;width:28px;height:28px}.brand-lockup h1{font-size:15px}.brand-lockup>div{display:block}.header-actions a,.language-control span,.theme-control span{display:none}.header-actions{flex-wrap:wrap;flex:auto;justify-content:flex-end;gap:6px;min-width:0}.language-control,.theme-control{min-width:0}.language-control select,.theme-control select{width:auto;min-width:0;max-width:160px;min-height:32px;padding:3px 18px 3px 6px;font-size:11.5px}.editor-toolbar{gap:4px;padding:4px 8px}.toolbar-button{min-height:36px;padding:4px 8px}.toolbar-button.button-primary{min-width:auto}.editor-toolbar>.toolbar-button:last-child{margin-left:0}.toolbar-button span{font-size:11.5px}.workspace{padding:0 8px 6px}.editor-grid{grid-template-columns:1fr;gap:8px;height:auto;display:grid}.editor-pane{height:320px}.diff-pane{height:60dvh;min-height:440px}.lower-rail{margin:0 8px 6px}.status-privacy-row{gap:6px;padding:5px 10px;display:grid}.format-status{flex-wrap:wrap;justify-content:flex-start;gap:6px 12px;font-size:11px}.privacy-notice{white-space:normal;font-size:11px;line-height:1.35}.diagnostic-content{max-height:200px}.settings-panel{width:100%}.settings-panel-header,.settings-panel-footer{flex-wrap:wrap}.settings-panel-header h2{overflow-wrap:anywhere;min-width:0}.settings-panel-footer>button{white-space:normal;flex:100%;min-width:0}.settings-panel fieldset,.settings-columns{grid-template-columns:1fr}.setting-wide,.settings-columns{grid-column:auto}}@media (max-width:480px){.brand-lockup>div{display:none}.brand-lockup{flex:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}