@font-face{font-family:Bai Jamjuree;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/bai-jamjuree-thai-400-normal-CvLA45ZU.woff2)format("woff2"),url(/assets/bai-jamjuree-thai-400-normal-DQvRJNNu.woff)format("woff")}@font-face{font-family:Bai Jamjuree;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/bai-jamjuree-latin-400-normal-C8Ab1JOR.woff2)format("woff2"),url(/assets/bai-jamjuree-latin-400-normal-D7asZ9Ds.woff)format("woff")}@font-face{font-family:Bai Jamjuree;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/bai-jamjuree-thai-600-normal-CzTxzpuq.woff2)format("woff2"),url(/assets/bai-jamjuree-thai-600-normal-DfF4rXK8.woff)format("woff")}@font-face{font-family:Bai Jamjuree;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/bai-jamjuree-latin-600-normal-CgeOh7Cx.woff2)format("woff2"),url(/assets/bai-jamjuree-latin-600-normal-D119NnP2.woff)format("woff")}:root{--font:"Bai Jamjuree", system-ui, -apple-system, "Segoe UI", "Noto Sans Thai", sans-serif;--mono:ui-monospace, "SF Mono", Menlo, Consolas, "Noto Sans Thai", monospace;--bg:#f4faf8;--surface:#fff;--text:#1c1b19;--muted:#5b6b67;--border:#cfdcd8;--accent:#0f766e;--accent-text:#fff;--hl:#fff0b8;--hl-border:#d9a900;--warn-bg:#fff4e0;--warn-text:#7a4a00;--focus:#0f766e;--out-bg:#e6f2ef;font-family:var(--font);accent-color:var(--accent);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);-webkit-text-size-adjust:100%;margin:0;line-height:1.6}main{gap:.75rem;max-width:72rem;margin:0 auto;padding:.5rem 1rem 2rem;display:grid}h1,h2{margin:0;line-height:1.2}h1{font-size:1.6rem}h2{font-size:1.15rem}p{margin:0}.muted,small{color:var(--muted)}.hint{font-size:.875rem}.field-label{font-size:.9375rem;font-weight:600;display:block}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.topbar{justify-content:space-between;align-items:center;gap:.5rem;max-width:72rem;margin:0 auto;padding:.5rem .5rem 0 1rem;display:flex}.topbar-actions{gap:.25rem;display:flex}.logo{white-space:nowrap;align-items:center;gap:.4em;height:1.6em;line-height:1.6em;display:flex}.logo-btn{min-height:44px;font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:.5rem;align-items:center;gap:.4em;padding:0 .25em 0 0;display:inline-flex}.logo-mark{flex:none;width:1.15em;height:1.15em}.logo-word{transition:color .25s}.logo-word.mangled{color:var(--muted)}.logo-word.fixed{color:var(--accent)}.logo-word.typing{color:var(--text)}.icon-btn{width:44px;height:44px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;padding:0;display:inline-flex}.icon-btn:hover:not(:disabled){color:var(--text);background:color-mix(in srgb, var(--text) 8%, transparent)}.icon-btn:disabled{opacity:.4;cursor:not-allowed}.link{min-height:44px;font:inherit;color:var(--accent);cursor:pointer;background:0 0;border:0;padding:0 .25rem;text-decoration:underline}.modes{gap:.35rem;display:grid}.chips{flex-wrap:wrap;gap:.5rem;display:flex}.chips button{min-height:44px;font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:999px;padding:0 1.1rem;font-weight:600}.chips button[aria-checked=true]{color:var(--accent);background:color-mix(in srgb, var(--accent) 14%, var(--surface));border-color:#0000}.langbar{border-bottom:1px solid var(--border);grid-template-columns:1fr auto 1fr;align-items:center;display:grid}.lang{justify-content:center;align-items:center;gap:.35rem;min-width:0;min-height:48px;display:flex}.lang-name{color:var(--accent);font-weight:600}.lang-detected{color:var(--muted);font-size:.8125rem}.tabs{justify-content:center;display:flex}.tabs button{min-width:44px;min-height:48px;font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000;padding:0 .75rem;font-weight:600}.tabs button[aria-checked=true]{color:var(--accent);border-bottom-color:var(--accent)}.panes{gap:.75rem;display:grid}.card{border-radius:1rem;flex-direction:column;min-height:11rem;display:flex;position:relative}.input-card{background:var(--surface);border:1px solid var(--border)}.input-card:focus-within{border-color:var(--accent)}.output-card{background:var(--out-bg)}textarea{width:100%;min-height:7rem;font:inherit;color:var(--text);resize:none;field-sizing:content;background:0 0;border:0;border-radius:1rem 1rem 0 0;flex:1;padding:1rem 3.25rem .5rem 1rem;font-size:1.375rem;display:block}textarea:focus-visible{outline:none}.clear{position:absolute;top:.4rem;right:.4rem}.card-tools{justify-content:space-between;align-items:center;gap:.25rem;padding:.25rem .5rem .5rem;display:flex}.card-tools.end{justify-content:flex-end}.card-tools{min-height:52px}.count{font-variant-numeric:tabular-nums;padding-right:.5rem;font-size:.8125rem}.output{white-space:pre-wrap;overflow-wrap:anywhere;-webkit-user-select:text;user-select:text;flex:1;padding:1rem 1rem .5rem;font-size:1.375rem}.output .placeholder{color:var(--muted)}.output.empty{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;pointer-events:none}.seg{color:inherit;cursor:pointer;text-underline-offset:.28em;border-radius:.25em;text-decoration-thickness:2px}.seg:hover{background:color-mix(in srgb, var(--accent) 12%, transparent)}.seg.converted{text-decoration-line:underline;text-decoration-style:solid;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.seg.unsure{text-decoration-line:underline;text-decoration-style:dotted;-webkit-text-decoration-color:var(--hl-border);text-decoration-color:var(--hl-border);text-decoration-thickness:3px}.notes{gap:.5rem;display:grid}.notes:empty{display:none}.note{background:var(--surface);border:1px solid var(--border);border-radius:.6rem;align-items:flex-start;gap:.25rem;padding:.25rem .25rem .25rem .75rem;font-size:.9375rem;display:flex}.note-text{flex:1;padding:.5rem 0}.note-close{flex:none}.note.warn{color:var(--warn-text);background:var(--warn-bg)}.sheet{overscroll-behavior:contain;width:100%;max-width:100%;max-height:85dvh;color:var(--text);background:var(--surface);border:0;border-radius:1.25rem 1.25rem 0 0;margin:auto 0 0;padding:0;overflow-y:auto}.sheet::backdrop{background:#0006}.sheet-inner{padding:.5rem 1rem calc(1.25rem + env(safe-area-inset-bottom))}.sheet-head{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.panel-body{gap:.75rem;display:grid}.check{align-items:flex-start;gap:.75rem;min-height:44px;display:flex}.check input{flex:none;width:1.5rem;height:1.5rem;margin:.25rem 0 0}.check small{display:block}.field{gap:.25rem;display:grid}.links{flex-wrap:wrap;gap:.25rem 1rem;display:flex}.links a{min-height:44px;color:var(--accent);align-items:center;display:inline-flex}.js body>.site-about{display:none}.site-about{max-width:72rem;color:var(--muted);border-top:1px solid var(--border);margin:0 auto;padding:1.5rem 1rem 3rem;font-size:.9375rem}.site-about h2,.site-about h3{color:var(--text);margin:1.25rem 0 .5rem}.site-about h2{margin-top:0;font-size:1.1rem}.site-about h3{font-size:1rem}.site-about p,.site-about ul,.site-about dl{max-width:46rem;margin:0}.site-about ul{padding-left:1.25rem}.site-about li+li{margin-top:.25rem}.site-about dt{color:var(--text);margin-top:.75rem;font-weight:600}.site-about dd{margin:.15rem 0 0}.site-about code{font-family:var(--mono);background:var(--out-bg);border-radius:.25em;padding:0 .25em;font-size:.9em}.sheet .site-about{max-width:none;color:var(--text);border:0;margin:0;padding:0 0 .5rem}.sheet .site-about p,.sheet .site-about ul,.sheet .site-about dl{color:var(--muted)}@media (width>=768px){main{padding-top:1rem}.panes{grid-template-columns:1fr 1fr}.card{min-height:14rem}.sheet{border-radius:1.25rem;max-width:28rem;margin:auto}}@media (prefers-reduced-motion:no-preference){.icon-btn,.chips button,.tabs button{transition:background-color .12s,color .12s}}