@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:400;font-display:swap;src:url(../media/08f3d05b771d66cc-s.09q3flbxo0w4e.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:400;font-display:swap;src:url(../media/413670c8b897121b-s.p.3u0t_c_yzgtgw.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:400;font-display:swap;src:url(../media/72b93e0389b54497-s.3fcxnszjbtksy.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:400;font-display:swap;src:url(../media/ab8c2f9dfe50fb3c-s.p.09e83-4vqkr8v.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:500;font-display:swap;src:url(../media/57f2d0e8dd065b18-s.2taqxaqrv3ssw.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:500;font-display:swap;src:url(../media/966a1ae9b0187c65-s.p.3_xwflgq9fbqb.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:500;font-display:swap;src:url(../media/25d906941e607a44-s.1x31jf7v-_3a0.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:500;font-display:swap;src:url(../media/666deae7c569669f-s.p.2t1pwrt0o-zp3.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:600;font-display:swap;src:url(../media/cce0da533fe89a78-s.20mrlfyovr0p8.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:600;font-display:swap;src:url(../media/411573def610439a-s.p.2wx1mw4dt7_s5.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:600;font-display:swap;src:url(../media/0f35197ba25d2b5b-s.10770ssbdafq9.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:600;font-display:swap;src:url(../media/e4b5e1d5de235207-s.p.0xwse1x-bzy3s.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:700;font-display:swap;src:url(../media/cdf71b3840042aba-s.2m8zx_hq13x-4.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:700;font-display:swap;src:url(../media/86fee4a10e2832ea-s.p.2_z8r5dfkst21.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:700;font-display:swap;src:url(../media/b1ef0ab36ab59f4e-s.1nxoen_49_z0x.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:700;font-display:swap;src:url(../media/9fdf3a539c009271-s.p.0oqt8towxai-k.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans Thai Fallback;src:local(Arial);ascent-override:110.31%;descent-override:52.78%;line-gap-override:0.0%;size-adjust:101.17%}.ibm_plex_sans_thai_3dd2ffe9-module__xTWlRa__className{font-family:IBM Plex Sans Thai,IBM Plex Sans Thai Fallback;font-style:normal}.ibm_plex_sans_thai_3dd2ffe9-module__xTWlRa__variable{--font-thai:"IBM Plex Sans Thai", "IBM Plex Sans Thai Fallback"}
:root{--bg:#faf8f5;--surface:#fff;--surface-2:#f3efe9;--ink:#2a2522;--ink-2:#5f5751;--ink-3:#8b827b;--line:#e6dfd6;--brand:#9a6b4f;--brand-ink:#fff;--brand-soft:#f3e7de;--customer:#eef0f2;--admin:#e9f3ec;--admin-line:#bcd9c4;--note:#fff6dc;--note-line:#ecd795;--danger:#b4423a;--danger-soft:#fbe9e7;--ok:#2f7a4a;--ok-soft:#e4f3e9;--radius:14px;--shadow:0 1px 2px #2a25220f, 0 4px 16px #2a25220d}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#171412;--surface:#211d1a;--surface-2:#2a2522;--ink:#f1ece7;--ink-2:#c9c0b8;--ink-3:#978d85;--line:#3a332e;--brand:#d1a184;--brand-ink:#1b1613;--brand-soft:#3a2c23;--customer:#2c2f33;--admin:#1f3326;--admin-line:#2f5a3d;--note:#3a3220;--note-line:#6b5a2c;--danger:#ef8a80;--danger-soft:#3d2220;--ok:#7ccb98;--ok-soft:#1d3326;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#171412;--surface:#211d1a;--surface-2:#2a2522;--ink:#f1ece7;--ink-2:#c9c0b8;--ink-3:#978d85;--line:#3a332e;--brand:#d1a184;--brand-ink:#1b1613;--brand-soft:#3a2c23;--customer:#2c2f33;--admin:#1f3326;--admin-line:#2f5a3d;--note:#3a3220;--note-line:#6b5a2c;--danger:#ef8a80;--danger-soft:#3d2220;--ok:#7ccb98;--ok-soft:#1d3326}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:var(--font-thai), "Noto Sans Thai", system-ui, sans-serif;font-size:16px;line-height:1.65}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{margin:0 0 .5em;line-height:1.3}h1{font-size:1.6rem}h2{font-size:1.25rem}h3{font-size:1.05rem}p{margin:0 0 .75em}.shell{max-width:1180px;margin:0 auto;padding:0 16px 64px}.topbar{z-index:10;background:color-mix(in srgb, var(--bg) 92%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);position:sticky;top:0}.topbar-inner{flex-wrap:wrap;align-items:center;gap:16px;max-width:1180px;margin:0 auto;padding:10px 16px;display:flex}.brand{color:var(--ink);letter-spacing:.01em;font-weight:700}.brand small{color:var(--ink-3);margin-left:6px;font-weight:400}.nav{flex-wrap:wrap;flex:1;gap:4px;display:flex}.nav a{color:var(--ink-2);border-radius:999px;padding:6px 10px;font-size:.95rem}.nav a:hover{background:var(--surface-2);text-decoration:none}.nav a.admin{color:var(--brand)}.who{color:var(--ink-3);align-items:center;gap:8px;font-size:.9rem;display:flex}.page-head{padding:28px 0 16px}.page-head p{color:var(--ink-2)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}.grid{gap:16px;display:grid}.grid-2{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.grid-3{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.grid-4{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.stack>*+*{margin-top:12px}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.spacer{flex:1}.muted{color:var(--ink-3)}.small{font-size:.875rem}.chip{background:var(--surface-2);color:var(--ink-2);border:1px solid var(--line);border-radius:999px;padding:2px 10px;font-size:.8rem;display:inline-block}.chip.brand{background:var(--brand-soft);color:var(--brand);border-color:#0000}.chip.warn{background:var(--note);border-color:var(--note-line);color:var(--ink)}.chip.danger{background:var(--danger-soft);color:var(--danger);border-color:#0000}.chip.ok{background:var(--ok-soft);color:var(--ok);border-color:#0000}.btn{appearance:none;border:1px solid var(--line);background:var(--surface);color:var(--ink);font:inherit;cursor:pointer;border-radius:10px;align-items:center;gap:6px;padding:8px 14px;display:inline-flex}.btn:hover{background:var(--surface-2);text-decoration:none}.btn.primary{background:var(--brand);color:var(--brand-ink);border-color:var(--brand)}.btn.primary:hover{filter:brightness(.95)}.btn.small{padding:4px 10px;font-size:.85rem}.btn:disabled{opacity:.5;cursor:not-allowed}input,select,textarea{font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:10px;width:100%;padding:8px 10px}textarea{resize:vertical;min-height:110px}label{color:var(--ink-2);margin-bottom:4px;font-size:.9rem;display:block}.field+.field{margin-top:12px}.filters{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));align-items:end;gap:8px;margin-bottom:16px;display:grid}.alert{border:1px solid var(--note-line);background:var(--note);border-radius:12px;padding:12px 14px}.alert.danger{background:var(--danger-soft);color:var(--danger);border-color:#0000}.alert.ok{background:var(--ok-soft);color:var(--ok);border-color:#0000}.scenario-layout{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:24px;display:grid}@media (max-width:900px){.scenario-layout{grid-template-columns:1fr}}.side{position:sticky;top:72px}@media (max-width:900px){.side{position:static}}.chat{flex-direction:column;gap:14px;display:flex}.turn{grid-template-columns:minmax(0,1fr) minmax(0,.8fr);align-items:start;gap:14px;display:grid}@media (max-width:700px){.turn{grid-template-columns:1fr}}.turn.customer .bubbles{align-items:flex-start}.bubbles{flex-direction:column;gap:6px;display:flex}.who-label{color:var(--ink-3);letter-spacing:.02em;font-size:.75rem}.bubble{white-space:pre-wrap;word-break:break-word;border-radius:16px;max-width:520px;padding:10px 14px}.turn.customer .bubble{background:var(--customer);border-top-left-radius:4px}.turn.admin .bubble{background:var(--admin);border:1px solid var(--admin-line);border-top-right-radius:4px}.turn.admin .bubbles{align-items:flex-end}.turn.admin .who-label{align-self:flex-end}.explain{background:var(--surface);border:1px dashed var(--line);color:var(--ink-2);border-radius:12px;padding:10px 12px;font-size:.9rem}.explain b{color:var(--ink);font-weight:600}.note-turn{background:var(--note);border:1px solid var(--note-line);border-radius:12px;padding:10px 14px;font-size:.92rem}.stage-tag{color:var(--brand);font-size:.72rem;font-weight:600}.media-row{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.media-tile{border:1px solid var(--line);background:var(--surface-2);border-radius:12px;width:150px;position:relative;overflow:hidden}.media-tile img{width:100%;height:auto;display:block}.media-tile .badge{position:absolute;top:6px;left:6px}.media-tile.lg{width:100%}.placeholder-img{aspect-ratio:4/5;text-align:center;width:150px;color:var(--ink-3);border:2px dashed var(--line);border-radius:12px;place-items:center;padding:8px;font-size:.8rem;display:grid}.q{padding:18px}.q-head{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;display:flex}.q-context{white-space:pre-wrap;background:var(--surface-2);border-radius:10px;margin-bottom:10px;padding:10px 12px;font-size:.95rem}.opt{border:1px solid var(--line);cursor:pointer;border-radius:10px;align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.opt+.opt{margin-top:8px}.opt input{width:auto;margin-top:5px}.opt.correct{border-color:var(--ok);background:var(--ok-soft)}.opt.wrong{border-color:var(--danger);background:var(--danger-soft)}.order-item{border:1px solid var(--line);background:var(--surface);border-radius:10px;align-items:center;gap:8px;padding:8px 10px;display:flex}.order-item+.order-item{margin-top:6px}.order-item .num{background:var(--brand-soft);width:26px;height:26px;color:var(--brand);border-radius:50%;flex:none;place-items:center;font-size:.85rem;font-weight:600;display:grid}.save-state{color:var(--ink-3);font-size:.85rem}table.data{border-collapse:collapse;width:100%;font-size:.92rem}table.data th,table.data td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:8px 10px}table.data th{color:var(--ink-3);font-size:.82rem;font-weight:500}.table-wrap{overflow-x:auto}.bar{background:var(--surface-2);border-radius:999px;height:8px;overflow:hidden}.bar>span{background:var(--brand);height:100%;display:block}.present{background:var(--bg);grid-template-rows:auto 1fr auto;min-height:100vh;display:grid}.present-body{width:100%;max-width:980px;margin:0 auto;padding:24px 16px;font-size:1.15rem}.present-foot{border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}