:root{color-scheme:light;--bg: oklch(.995 .002 255);--surface: oklch(.968 .005 255);--surface-2: oklch(.935 .007 255);--border: oklch(.898 .008 255);--border-strong: oklch(.62 .016 255);--fg: oklch(.25 .015 255);--body-fg: oklch(.38 .015 255);--muted-fg: oklch(.505 .015 255);--accent: oklch(.5 .17 258);--accent-hover: oklch(.44 .152 258);--accent-fg: oklch(1 0 0);--link: oklch(.5 .17 258);--focus: oklch(.5 .17 258);--ok-fg: oklch(.38 .09 150);--ok-bg: oklch(.945 .035 150);--warn-fg: oklch(.43 .088 75);--warn-bg: oklch(.95 .045 85);--error-fg: oklch(.45 .16 25);--error-bg: oklch(.95 .024 25);--stale-fg: oklch(.44 .02 255);--stale-bg: oklch(.93 .008 255);--danger-bg: oklch(.45 .16 25);--danger-fg: oklch(1 0 0);--kofi-bg: oklch(.55 .14 258);--kofi-hover: oklch(.49 .14 258);--kofi-fg: oklch(1 0 0);--match-bg: oklch(.5 .17 258 / .16);--match-border: oklch(.5 .17 258 / .35);--match-current-bg: oklch(.72 .16 85 / .55);--match-current-border: oklch(.55 .14 85);--scrim: oklch(.25 .015 255 / .45);--preview-backdrop: oklch(.935 .007 255);--paper: #ffffff;--font-ui: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .875rem;--text-md: 1rem;--text-lg: 1.125rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--radius-sm: 5px;--radius-md: 8px;--radius-lg: 12px;--radius-pill: 999px;--shadow-sm: 0 1px 2px oklch(.25 .015 255 / .08);--shadow-md: 0 8px 24px oklch(.25 .015 255 / .14), 0 1px 2px oklch(.25 .015 255 / .08);--shadow-lg: 0 18px 48px oklch(.25 .015 255 / .2);--ease-out: cubic-bezier(.25, 1, .5, 1);--duration-fast: .12s;--duration-base: .16s;--duration-slow: .22s;--z-preview-overlay: 10;--z-dropdown: 50;--z-sheet-backdrop: 60;--z-sheet: 70;--z-toast: 900;--z-modal: 1000}[data-theme=dark]{color-scheme:dark;--bg: oklch(.205 .015 258);--surface: oklch(.268 .018 258);--surface-2: oklch(.32 .02 258);--border: oklch(.34 .018 258);--border-strong: oklch(.58 .022 258);--fg: oklch(.94 .005 255);--body-fg: oklch(.86 .008 255);--muted-fg: oklch(.71 .015 255);--accent: oklch(.68 .14 258);--accent-hover: oklch(.74 .13 258);--accent-fg: oklch(.17 .02 258);--link: oklch(.75 .12 258);--focus: oklch(.68 .14 258);--ok-fg: oklch(.88 .06 155);--ok-bg: oklch(.33 .06 155);--warn-fg: oklch(.9 .06 85);--warn-bg: oklch(.36 .06 70);--error-fg: oklch(.88 .06 25);--error-bg: oklch(.36 .09 25);--stale-fg: oklch(.82 .01 255);--stale-bg: oklch(.3 .015 258);--danger-bg: oklch(.62 .16 25);--danger-fg: oklch(.17 .02 258);--kofi-bg: oklch(.62 .13 258);--kofi-hover: oklch(.68 .12 258);--kofi-fg: oklch(.17 .02 258);--match-bg: oklch(.68 .14 258 / .22);--match-border: oklch(.68 .14 258 / .45);--match-current-bg: oklch(.72 .15 85 / .5);--match-current-border: oklch(.8 .14 85);--scrim: oklch(.13 .01 258 / .66);--preview-backdrop: oklch(.17 .012 258);--shadow-sm: 0 1px 2px oklch(0 0 0 / .4);--shadow-md: 0 8px 24px oklch(0 0 0 / .5), 0 1px 2px oklch(0 0 0 / .35);--shadow-lg: 0 18px 48px oklch(0 0 0 / .6)}*{box-sizing:border-box}html,body,#root,.app{height:100%;margin:0}body{background:var(--bg);color:var(--fg);font-family:var(--font-ui);font-size:var(--text-base);line-height:1.5;-webkit-font-smoothing:antialiased}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.app{display:flex;flex-direction:column}.toolbar{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--border);background:var(--bg)}.toolbar-half{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);min-width:0}.toolbar-half-left{border-right:1px solid var(--border)}.toolbar-cluster{display:flex;align-items:center;gap:var(--space-1);min-width:0}.toolbar-cluster-end{margin-left:auto}.toolbar-title{margin:0;font-size:var(--text-base);font-weight:650;letter-spacing:-.012em;white-space:nowrap}.toolbar-state{display:flex;align-items:center;gap:var(--space-2);min-width:0}.toolbar-meta{font-size:var(--text-xs);color:var(--muted-fg);white-space:nowrap}.status{font-size:var(--text-xs);font-weight:550;line-height:1;padding:.3rem .5rem;border-radius:var(--radius-pill);background:var(--surface-2);color:var(--body-fg);white-space:nowrap}.status-compiling{background:var(--warn-bg);color:var(--warn-fg)}.status-ok{background:var(--ok-bg);color:var(--ok-fg)}.status-stale{background:var(--stale-bg);color:var(--stale-fg)}.status-error{background:var(--error-bg);color:var(--error-fg)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);min-height:30px;padding:0 var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--fg);font-family:inherit;font-size:var(--text-sm);font-weight:500;line-height:1;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.btn:hover{background:var(--surface-2);border-color:var(--border-strong)}.btn:active{background:var(--surface-2)}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed;background:var(--surface);border-color:var(--border)}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-fg);font-weight:600}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn-primary:active{background:var(--accent-hover)}.btn-primary:disabled{background:var(--accent);border-color:var(--accent)}.btn-caution{background:var(--danger-bg);border-color:var(--danger-bg);color:var(--danger-fg);font-weight:600}.btn-caution:hover{filter:brightness(1.08);background:var(--danger-bg);border-color:var(--danger-bg)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--muted-fg);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.icon-btn:hover{background:var(--surface-2);color:var(--fg)}.kofi-btn{color:var(--body-fg)}.kofi-btn.kofi-btn-prominent{background:var(--kofi-bg);border-color:var(--kofi-bg);color:var(--kofi-fg);font-weight:600}.kofi-btn.kofi-btn-prominent:hover{background:var(--kofi-hover);border-color:var(--kofi-hover);color:var(--kofi-fg)}.menu{position:relative;display:inline-flex}.btn.is-on,.menu-trigger.is-open{background:var(--surface-2);border-color:var(--border-strong);color:var(--fg)}.menu-backdrop{display:none}.menu-popover{position:absolute;top:calc(100% + 6px);z-index:var(--z-dropdown);min-width:21rem;max-width:26rem;max-height:calc(100vh - 5rem);overflow-y:auto;overscroll-behavior:contain;padding:var(--space-1);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);animation:menu-in var(--duration-fast) var(--ease-out)}.menu-align-end{right:0}.menu-align-start{left:0}.menu-sheet-header{display:none}.menu-section+.menu-section{margin-top:var(--space-1);padding-top:var(--space-1);border-top:1px solid var(--border)}.menu-section-label{margin:0;padding:var(--space-2) var(--space-2) var(--space-1);font-size:var(--text-xs);font-weight:600;color:var(--muted-fg)}.menu-item{display:flex;flex-direction:column;gap:2px;width:100%;padding:var(--space-2);border:0;border-radius:var(--radius-sm);background:transparent;color:var(--fg);font-family:inherit;text-align:left;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out)}.menu-item:hover{background:var(--surface)}.menu-item:focus-visible{background:var(--surface);outline-offset:-2px}.menu-item-label{font-size:var(--text-sm);font-weight:600}.menu-item-desc{font-size:var(--text-xs);color:var(--muted-fg);line-height:1.4}@keyframes menu-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.split{flex:1;display:grid;grid-template-columns:1fr 1fr;min-height:0}.editor-pane,.preview-pane{border-right:1px solid var(--border);min-height:0}.preview-pane{border-right:none;position:relative;background:var(--preview-backdrop)}.editor-pane{display:flex;flex-direction:column;cursor:text}.editor-pane>*{flex:1;min-height:0}.editor-pane .cm-editor{height:100%}.editor-pane .cm-scroller{min-height:100%}.cm-editor .cm-panels{display:none}.cm-editor .cm-searchMatch{background:var(--match-bg);outline:1px solid var(--match-border);border-radius:2px}.cm-editor .cm-searchMatch-selected{background:var(--match-current-bg);outline-color:var(--match-current-border)}.cm-editor .cm-lineNumbers .cm-gutterElement{color:#5c6470}[data-theme=dark] .cm-editor .cm-lineNumbers .cm-gutterElement{color:#9ba6bb}.find-bar{flex:none;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--bg);border-bottom:1px solid var(--border);animation:find-in var(--duration-fast) var(--ease-out)}.find-row{display:contents}.find-actions{display:flex;align-items:center;gap:var(--space-2);min-width:0}.find-disclosure,.find-disclosure-spacer{flex:none;width:24px}.find-disclosure{color:var(--muted-fg)}.find-disclosure:hover{color:var(--fg)}.find-field{display:flex;align-items:center;gap:var(--space-2);flex:1 1 auto;min-width:0;padding:0 var(--space-2);min-height:30px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--muted-fg)}.find-field:focus-within{border-color:var(--focus);outline:2px solid var(--focus);outline-offset:-1px}.find-field.is-invalid{border-color:var(--error-fg)}.find-input{flex:1 1 auto;min-width:0;border:none;background:transparent;color:var(--fg);font-family:var(--font-mono);font-size:var(--text-sm);line-height:1;padding:var(--space-2) 0}.find-input:focus{outline:none}.find-input::placeholder{color:var(--muted-fg);font-family:var(--font-ui)}.find-count{flex:none;font-size:var(--text-xs);font-variant-numeric:tabular-nums;color:var(--muted-fg);white-space:nowrap}.find-count.is-invalid{color:var(--error-fg)}.find-group{display:flex;align-items:center;gap:var(--space-1);flex:none}.find-toggle{display:inline-flex;align-items:center;justify-content:center;min-width:30px;min-height:30px;padding:0 var(--space-1);border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--muted-fg);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.find-toggle:hover{background:var(--surface-2);color:var(--fg)}.find-toggle.is-on{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}.find-close{margin-left:var(--space-1)}.find-row-replace .find-field{font-family:var(--font-mono)}@keyframes find-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.preview-frame-wrap{position:relative;width:100%;height:100%;overflow:hidden}.preview-buffer{position:absolute;inset:var(--space-2);width:calc(100% - var(--space-2) * 2);height:calc(100% - var(--space-2) * 2);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--paper);box-shadow:var(--shadow-sm);opacity:0;pointer-events:none;transition-property:opacity;transition-timing-function:ease}.preview-buffer.is-front{opacity:1;pointer-events:auto}.preview-buffer.is-leaving{opacity:1;z-index:1}.preview-buffer.is-entering{z-index:2}.preview-notice{position:absolute;top:var(--space-2);left:var(--space-2);right:var(--space-2);z-index:var(--z-preview-overlay);margin:0;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md) var(--radius-md) 0 0;background:var(--warn-bg);color:var(--warn-fg);font-size:var(--text-xs);font-weight:550}.preview-empty{display:flex;flex-direction:column;justify-content:center;gap:var(--space-2);height:100%;padding:var(--space-5);max-width:34rem;margin:0 auto}.preview-empty-title{margin:0;font-size:var(--text-md);font-weight:600;color:var(--body-fg)}.preview-empty-body{margin:0;font-size:var(--text-base);color:var(--muted-fg);text-wrap:pretty}.zoom-overlay{position:absolute;bottom:var(--space-4);left:var(--space-4);display:inline-flex;z-index:var(--z-preview-overlay);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);overflow:hidden}.zoom-overlay .btn{border:none;border-radius:0;background:transparent}.zoom-overlay .btn:hover{background:var(--surface-2)}.zoom-overlay .btn+.btn{border-left:1px solid var(--border)}.zoom-overlay .btn:focus-visible{outline-offset:-2px}.zoom-btn{min-width:2.25rem;font-size:var(--text-md)}.zoom-percent{min-width:3.75rem;font-variant-numeric:tabular-nums}.problems{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--error-bg);color:var(--error-fg);border-top:1px solid var(--border);font-size:var(--text-base)}.problems-icon{display:inline-flex;flex:none}.problems-text{margin:0;min-width:0;overflow-wrap:anywhere}.problems-jump{flex:none;margin-left:auto}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:var(--scrim);animation:fade-in var(--duration-fast) var(--ease-out)}.modal{display:flex;flex-direction:column;width:100%;max-width:36rem;max-height:min(86vh,48rem);background:var(--bg);color:var(--fg);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);animation:modal-in var(--duration-base) var(--ease-out)}.modal-compact{max-width:26rem}.modal-header{flex:none;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-3) var(--space-3) var(--space-4);border-bottom:1px solid var(--border)}.modal-header h2{margin:0;font-size:var(--text-lg);font-weight:650;letter-spacing:-.012em}.modal-body{overflow-y:auto;overscroll-behavior:contain}.modal-section{padding:var(--space-4);border-bottom:1px solid var(--border);font-size:var(--text-base)}.modal-section:last-child{border-bottom:none}.modal-section h3{margin:0 0 var(--space-2) 0;font-size:var(--text-md);font-weight:600;letter-spacing:-.008em}.modal-section p{margin:0;line-height:1.55;color:var(--body-fg);text-wrap:pretty}.modal-section p+p{margin-top:var(--space-2)}.modal-section a{color:var(--link)}.modal-disclaimer p{font-size:var(--text-sm);color:var(--muted-fg)}.modal-actions{display:flex;gap:var(--space-2);align-items:center;margin-top:var(--space-3)}.modal-footer{flex:none;display:flex;justify-content:flex-end;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-top:1px solid var(--border)}.release-note h3{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2)}.release-badge{font-size:var(--text-xs);font-weight:600;color:var(--link);border:1px solid var(--border);border-radius:var(--radius-pill);padding:.1rem .5rem}.release-date{font-size:var(--text-xs);color:var(--muted-fg);margin:0 0 var(--space-2) 0}.release-highlights{margin:0;padding-left:1.1rem;line-height:1.55;color:var(--body-fg);font-size:var(--text-base)}.release-highlights li{margin:var(--space-1) 0}.shortcuts-list{margin:0;display:grid;grid-template-columns:max-content 1fr;column-gap:var(--space-4);row-gap:var(--space-2)}.shortcuts-row{display:contents}.shortcuts-keys{margin:0;display:inline-flex;align-items:center;gap:var(--space-1);white-space:nowrap}.shortcuts-desc{margin:0;color:var(--body-fg);align-self:center}.shortcuts-plus{color:var(--muted-fg);margin:0 .15rem}.modal kbd,.modal-disclaimer kbd{font-family:var(--font-mono);font-size:var(--text-xs);padding:.15rem .4rem;border:1px solid var(--border);border-bottom-width:2px;border-radius:var(--radius-sm);background:var(--surface);color:var(--fg)}.donation-toast{position:fixed;bottom:var(--space-5);left:0;right:0;margin-inline:auto;width:fit-content;max-width:24rem;z-index:var(--z-toast);display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-1) var(--space-1) var(--space-3);border-radius:var(--radius-md);background:var(--kofi-bg);color:var(--kofi-fg);box-shadow:var(--shadow-lg);visibility:hidden;opacity:0;pointer-events:none}.donation-toast.is-open{visibility:visible;opacity:1;pointer-events:auto;animation:toast-in var(--duration-slow) var(--ease-out)}.donation-toast-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-2) var(--space-2) 0;color:inherit;text-decoration:none;font-size:var(--text-base);line-height:1.35}.donation-toast-link:hover .donation-toast-title{text-decoration:underline}.donation-toast-title{display:block;font-weight:600}.donation-toast-body{display:block;font-size:var(--text-sm)}.donation-toast-close{color:inherit}.donation-toast-close:hover{background:#ffffff2e;color:inherit}.donation-toast :focus-visible{outline-color:var(--kofi-fg)}@keyframes toast-in{0%{opacity:0;transform:translateY(.75rem)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-in{0%{opacity:0;transform:translateY(6px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes sheet-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}.mobile-tabs{display:none}@media (max-width: 768px){.toolbar{grid-template-columns:1fr}.toolbar-half{padding:var(--space-1) var(--space-3);gap:var(--space-2)}.toolbar-half-left{border-right:none;border-bottom:1px solid var(--border)}.toolbar-title{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.toolbar-kofi{display:none}.btn,.icon-btn{min-height:44px}.icon-btn{width:44px}.zoom-btn{min-width:44px}.zoom-percent{min-width:4.25rem}.mobile-tabs{display:flex;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-bottom:1px solid var(--border);background:var(--bg)}.mobile-tab{flex:1;min-height:44px;padding:0 var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--fg);font-family:inherit;font-size:var(--text-base);font-weight:550;cursor:pointer}.mobile-tab-active{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}.split{grid-template-columns:1fr}.editor-pane{border-right:none}.split.mobile-tab-edit .preview-pane,.split.mobile-tab-preview .editor-pane{display:none}.menu-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-sheet-backdrop);background:var(--scrim)}.menu-popover{position:fixed;inset:auto 0 0 0;z-index:var(--z-sheet);min-width:0;max-width:none;max-height:85vh;padding:0 0 env(safe-area-inset-bottom);border-radius:var(--radius-lg) var(--radius-lg) 0 0;animation:sheet-in var(--duration-slow) var(--ease-out)}.menu-sheet-header{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-3) var(--space-3) var(--space-4);background:var(--bg);border-bottom:1px solid var(--border)}.menu-sheet-title{font-size:var(--text-md);font-weight:600}.menu-list{padding:var(--space-2)}.menu-item{padding:var(--space-3);min-height:44px}.menu-item-label{font-size:var(--text-base)}.menu-item-desc{font-size:var(--text-sm)}.menu-section-label{padding:var(--space-3) var(--space-3) var(--space-1)}.modal-backdrop{padding:0}.modal{max-width:none;height:100dvh;max-height:100dvh;border:none;border-radius:0;box-shadow:none;animation:none}.find-bar{grid-template-columns:auto minmax(0,1fr)}.find-field{grid-column:2;min-height:44px}.find-actions{grid-column:1 / -1;flex-wrap:wrap;justify-content:flex-end}.find-toggle{min-width:44px;min-height:44px}.find-disclosure-spacer{display:none}.find-close{margin-left:auto}.problems{flex-wrap:wrap}.problems-jump{margin-left:0}.donation-toast{left:var(--space-3);right:var(--space-3);bottom:var(--space-3);width:auto;max-width:none}}@media (prefers-reduced-motion: reduce){.preview-buffer{transition:none}.menu-popover,.modal,.modal-backdrop,.find-bar,.donation-toast.is-open{animation:none}.btn,.icon-btn,.menu-item,.find-toggle{transition:none}}