@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;500;600;700;800&display=swap');
:root{font-family:'Noto Sans Thai',system-ui,sans-serif;color:#102947;background:#f3f5f8;font-size:16px;line-height:1.65;--ink:#102947;--accent:#ffce3d;--muted:#526477;--line:#dbe3ed;--surface:#fff;--green:#176443;--red:#9f2929;scroll-behavior:smooth;scroll-padding-top:108px}
*{box-sizing:border-box}body{margin:0}a{color:inherit}button,input,select,textarea{font:inherit}button,a,input,label{touch-action:manipulation}button{cursor:pointer}button:disabled,input:disabled{cursor:not-allowed}button:disabled{opacity:.5}input:disabled{opacity:.6}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #287bac;outline-offset:4px}[hidden]{display:none!important}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(28px,3.8vw,42px);line-height:1.4;margin-bottom:8px;letter-spacing:-.025em}h2{font-size:23px;line-height:1.5;margin-bottom:4px}h3{font-size:17px;margin-bottom:6px}p{margin-bottom:14px}button{border-radius:5px}.skip-link{position:absolute;inset-block-start:-100px;inset-inline-start:16px;background:white;padding:12px 16px;z-index:20}.skip-link:focus{inset-block-start:12px}.site-header{background:var(--ink);color:white;border-bottom:4px solid var(--accent)}.header-inner{max-width:1240px;margin:auto;padding:18px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;min-width:0}.brand img{border-radius:50%;background:white;border:2px solid #c0cfdf;flex:none}.brand strong,.brand small{display:block}.brand strong{font-size:20px}.brand small{font-size:13px;color:#d1ddea}.header-actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap}.text-link{text-underline-offset:4px;text-decoration-thickness:1px;font-size:14px;font-weight:600}.text-link:hover{color:#3878a0}.site-header .text-link:hover{color:var(--accent)}.button{min-height:44px;padding:10px 17px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;text-align:center;gap:8px;font-size:15px;font-weight:700;line-height:1.55;text-decoration:none;white-space:normal}.button.primary{background:var(--ink);color:white;border-color:var(--ink)}.button.primary:hover:not(:disabled){background:#244d75}.button.secondary{background:white;color:var(--ink);border-color:#a7b9ce}.button.secondary:hover:not(:disabled){background:#eef4fa;border-color:#517396}.button.quiet{background:#edf2f7;color:var(--ink);border-color:#dce4ed}.button.quiet:hover:not(:disabled){background:#dfe8f2}.site-header .button.quiet{background:transparent;border-color:#64788e;color:white}.page-wrap{max-width:1240px;margin:auto;padding:36px 32px 24px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-bottom:26px}.eyebrow{font-size:13px;font-weight:700;margin-bottom:7px;color:var(--muted)}.intro{color:var(--muted);margin-bottom:0}.overview{background:white;border:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:28px}.overview-item{display:flex;gap:12px;align-items:center;padding:20px;border-inline-end:1px solid var(--line);min-width:0}.overview-item:last-child{border-inline-end:0}.overview-item small,.overview-item strong{display:block;overflow-wrap:anywhere}.overview-item small{font-size:12px;color:var(--muted)}.overview-item strong{font-size:15px;font-weight:600}.status-dot{height:9px;width:9px;background:#a8b5c4;border-radius:50%;flex:none}.status-dot.ready{background:var(--green)}.status-dot.waiting{background:#ab7320}.panel{background:white;border:1px solid var(--line);padding:28px;border-radius:6px}.login-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:64px;align-items:start;padding:32px 0 50px}.login-note{padding:20px 0}.login-note h2{font-size:29px;margin-top:18px}.login-note p{color:var(--muted);max-width:370px}.login-panel{display:grid;gap:12px;max-width:530px}.login-panel p{margin:0}.login-panel label{font-size:14px;font-weight:600;margin-top:4px}.login-panel .button{justify-self:start;margin-top:4px}.muted{color:var(--muted)}.workspace{display:grid;grid-template-columns:210px minmax(0,1fr);gap:28px;align-items:start}.section-nav{position:sticky;top:24px;display:grid;gap:3px}.section-nav>a{padding:11px 9px;border-bottom:1px solid var(--line);text-decoration:none;font-size:14px;font-weight:600}.section-nav>a:hover{background:#e7edf4}.section-nav>a span{color:#73849a;font-size:12px;margin-inline-end:10px}.nav-note{border-inline-start:3px solid var(--accent);padding-inline-start:13px;margin-top:23px;font-size:13px}.nav-note strong{font-size:13px}.nav-note p{color:var(--muted);margin:5px 0 0}.work-content{display:grid;gap:22px;min-width:0}.setup-section{scroll-margin-top:24px}.section-heading{display:flex;gap:17px;align-items:start;margin-bottom:24px}.section-heading p{font-size:14px;color:var(--muted);margin:0}.section-number{display:inline-block;flex:none;color:var(--ink);border-bottom:3px solid var(--accent);font-size:13px;font-weight:800;padding:3px 0 5px;min-width:25px}.field{display:grid;gap:7px;min-width:0}label{font-size:14px;font-weight:600}input:not([type=checkbox]),select,textarea{width:100%;padding:10px 12px;background:white;border:1px solid #9daec2;border-radius:5px;min-height:46px;font-size:16px;color:var(--ink)}textarea{resize:vertical}.two-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.hint{font-size:13px;line-height:1.7;color:var(--muted);margin:12px 0}.action-row{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.form-message{font-size:14px;margin:12px 0 0;overflow-wrap:anywhere}.form-message:empty{display:none}.form-message.error{color:var(--red)}.form-message.success{color:var(--green)}.message{border:1px solid #abc1d7;background:#eaf2fb;padding:13px 17px;margin-bottom:20px;border-radius:5px;overflow-wrap:anywhere;font-size:14px}.message.error{color:var(--red);background:#fff1f1;border-color:#e2b4b4}.message.success{color:var(--green);background:#eaf6ef;border-color:#add0b9}.connected-account,.reviewed-bot{padding:18px 20px;background:#eff5f1;border:1px solid #bad1c0;border-radius:4px;margin-bottom:17px}.connected-account>strong,.reviewed-bot>strong{display:block;font-size:19px;margin-top:4px}.connected-account>span:not(.small-label),.reviewed-bot>span:not(.small-label){display:block;color:var(--muted);font-size:14px}.small-label{display:block;font-size:12px;font-weight:700;color:var(--muted)}details summary{cursor:pointer;font-weight:600;font-size:14px;min-height:44px;display:list-item;align-content:center;margin-inline-start:18px}details[open] summary{margin-bottom:16px}.reviewed-bot{margin-top:19px;margin-bottom:0}.checkbox-row{display:flex;gap:12px;align-items:start;margin:18px 0}.checkbox-row input{flex:none;margin-top:3px;width:20px;height:20px;accent-color:var(--ink)}.menu-preview{margin:0 0 22px;max-width:575px;background:#edf1f5;border:1px solid var(--line)}.menu-preview img{display:block;width:100%;height:auto}.menu-preview figcaption{padding:11px 14px;color:var(--muted);font-size:12px;background:#f6f8fa}.instruction-list{padding-inline-start:24px;font-size:15px;margin:0 0 22px}.instruction-list li{padding-inline-start:4px;margin-bottom:11px}.address-box{padding:16px;background:#f4f6f9;border:1px solid var(--line);margin-bottom:20px}.address-box code{display:block;overflow-wrap:anywhere;word-break:break-word;font-size:13px;margin:6px 0 13px;color:#345575}.pairing-panel{padding:20px;background:#f7f8fb;border:1px solid var(--line);border-inline-start:4px solid var(--accent);margin-bottom:22px}.pairing-panel p{color:var(--muted);font-size:14px;margin-bottom:14px}.pairing-instructions{margin-top:17px;border-top:1px solid var(--line);padding-top:17px}.pairing-instructions>strong{display:block;font-size:22px;letter-spacing:.025em;overflow-wrap:anywhere;margin-top:4px}.pairing-instructions p.hint{font-size:13px}.settings-list{border-block:1px solid var(--line)}.setting-row{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:18px 0;border-bottom:1px solid var(--line);cursor:pointer}.setting-row:last-child{border-bottom:0}.setting-row strong,.setting-row small{display:block}.setting-row strong{font-size:15px}.setting-row small{font-size:13px;line-height:1.7;font-weight:400;color:var(--muted);margin-top:3px}.setting-control{display:flex;align-items:center;gap:12px;white-space:nowrap;flex:none;font-weight:500;font-size:12px;color:var(--muted)}.setting-control input{height:25px;width:25px;accent-color:var(--ink);cursor:pointer}.setting-control input:disabled{cursor:not-allowed}.jobs-heading{flex-wrap:wrap}.jobs-heading>div{flex:1;min-width:200px}.jobs-heading .button{font-size:13px;min-height:42px}.jobs-list{display:grid;gap:16px}.empty-state{background:#f5f7fa;border:1px dashed #b9c7d6;padding:24px;text-align:center;color:var(--muted);font-size:14px;margin:0}.job{border:1px solid var(--line);border-radius:4px;overflow:hidden}.job-top{padding:16px 18px;background:#f6f8fb;display:flex;justify-content:space-between;align-items:start;gap:16px}.job-id{font-size:14px;font-weight:700;overflow-wrap:anywhere}.job-meta{font-size:12px;color:var(--muted);margin-top:4px}.job-status{flex:none;font-size:12px;background:#e5edf7;color:#24496b;padding:3px 9px;border:1px solid #ced9e6;border-radius:3px}.job-body{padding:18px}.job-text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.8;max-height:350px;overflow:auto;margin:0 0 18px}.job-editor{padding-top:18px;border-top:1px solid var(--line);display:grid;gap:12px}.job-editor label{display:grid;gap:6px}.job-action-row{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap}.job-notification{font-size:12px;color:var(--muted);overflow-wrap:anywhere}.page-footer{display:flex;gap:12px 25px;align-items:center;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:45px;padding-top:24px;font-size:12px;color:var(--muted)}.page-footer strong{color:var(--ink);font-size:13px}.page-footer a{margin-inline-start:auto;text-underline-offset:4px}
.test-scope{padding:18px 20px;background:#fffaf0;border:1px solid #dfd2ae;border-inline-start:4px solid var(--accent);margin-bottom:22px;border-radius:4px}.test-scope>strong{display:block;font-size:17px;margin-top:4px}.test-scope .hint{margin-block:7px 10px}.test-scope form{display:grid;gap:15px}.test-scope .checkbox-row{margin:0}.test-scope form>.button{justify-self:start}.conversation-limit{padding:13px 15px;background:#f5f7fa;border-inline-start:3px solid #9db0c5;margin-top:0;margin-bottom:20px}.conversation-layout{display:grid;gap:18px;min-width:0}.conversation-layout.has-detail{grid-template-columns:minmax(210px,.85fr) minmax(0,1.25fr)}.conversations-list{display:grid;gap:10px;align-content:start;max-height:650px;overflow:auto}.conversation-card{display:grid;gap:5px;width:100%;padding:15px;border:1px solid var(--line);background:#fff;text-align:start;color:var(--ink);min-width:0;overflow-wrap:anywhere;border-radius:4px}.conversation-card:hover{background:#f4f7fb;border-color:#8ea5bd}.conversation-card[aria-pressed=true]{background:#edf3fa;border-color:#5d7c9b;box-shadow:inset 3px 0 0 var(--accent)}.conversation-card>strong{font-size:14px}.conversation-card-meta{font-size:11px;color:var(--muted)}.conversation-preview{font-size:13px;line-height:1.8;white-space:pre-wrap}.conversation-detail{border:1px solid var(--line);border-radius:4px;min-width:0;overflow:hidden;padding:17px}.conversation-detail-heading{padding-bottom:12px;border-bottom:1px solid var(--line);margin-bottom:12px}.conversation-detail-heading h3{margin:0}.conversation-detail-heading .hint{margin:5px 0 0}.conversation-messages{display:grid;gap:12px;max-height:650px;overflow:auto}.archived-message{border:1px solid var(--line);background:#f8fafc;padding:12px 13px;border-radius:4px;min-width:0}.archived-message-meta{color:var(--muted);font-size:11px;margin-bottom:7px}.archived-message-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8;font-size:14px;margin:0}.attachment-note{font-size:12px;color:var(--muted);margin:9px 0 0}.attachment-metadata{display:grid;grid-template-columns:auto minmax(0,1fr);gap:3px 10px;font-size:12px;margin:9px 0 0}.attachment-metadata dt{color:var(--muted)}.attachment-metadata dd{margin:0;overflow-wrap:anywhere;white-space:pre-wrap}.conversation-jobs{display:flex;gap:6px 9px;flex-wrap:wrap;margin-bottom:12px}.conversation-jobs:empty{display:none}.conversation-jobs>.small-label{width:100%}.conversation-job-link{padding:4px 8px;background:#edf3fa;border:1px solid #d4dfeb;border-radius:3px;font-size:12px;text-underline-offset:3px;overflow-wrap:anywhere}.conversation-detail>.button{margin-top:14px;font-size:13px}
@media(max-width:1000px){.header-inner,.page-wrap{padding-inline:24px}.workspace{grid-template-columns:170px minmax(0,1fr);gap:20px}.panel{padding:22px}.overview-item{padding:16px 13px}.overview-item strong{font-size:14px}.section-nav>a{font-size:13px;padding-inline:5px}.two-columns{grid-template-columns:1fr}.login-layout{gap:32px}.conversation-layout.has-detail{grid-template-columns:1fr}.conversations-list{max-height:330px}.conversation-messages{max-height:570px}}
@media(max-width:760px){:root{scroll-padding-top:20px}.page-wrap{padding-top:25px}.page-heading{align-items:start;gap:20px}.page-heading>.button{font-size:13px;padding:9px 12px;max-width:140px;flex:none}.intro{font-size:14px}.overview{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-item:nth-child(2){border-inline-end:0}.overview-item:nth-child(-n+2){border-bottom:1px solid var(--line)}.workspace{grid-template-columns:1fr}.section-nav{position:static;display:flex;flex-wrap:wrap;gap:0;border-bottom:1px solid #bbc9d8;margin-bottom:3px}.section-nav>a{padding:10px 12px;border:0;min-height:44px}.section-nav>a span{margin-inline-end:5px}.nav-note{display:none}.login-layout{grid-template-columns:1fr;gap:16px;padding-top:0}.login-note{padding:5px 0}.login-note h2{font-size:23px;margin-top:10px}.login-note p{max-width:none}.login-panel{max-width:none}.header-inner{gap:18px;flex-wrap:wrap}.header-actions{gap:13px;margin-inline-start:auto}.brand strong{font-size:17px}.brand small{font-size:11px}.brand img{width:45px;height:45px}.jobs-heading>div{min-width:160px}}
@media(max-width:440px){.header-inner,.page-wrap{padding-inline:16px}.header-inner{padding-block:14px}.header-actions{width:100%;justify-content:space-between;margin:0}.header-actions .button{font-size:12px;min-height:36px;padding:6px 10px}.page-heading{flex-wrap:wrap;gap:12px;margin-bottom:20px}.page-heading>.button{max-width:none;min-height:42px}.overview-item{padding:14px 11px;gap:9px}.overview-item strong{font-size:13px}.panel{padding:19px 17px}h2{font-size:20px}.section-heading{gap:12px;margin-bottom:20px}.section-heading p{font-size:13px}.setting-row{gap:13px}.setting-control{gap:7px}.setting-control span{font-size:11px}.setting-row strong{font-size:14px}.setting-row small{font-size:12px}.pairing-panel{padding:16px 13px}.pairing-instructions>strong{font-size:19px}.action-row{gap:13px}.action-row>.button{width:100%}.action-row>.text-link{font-size:13px}.job-top,.job-body{padding:14px}.job-top{gap:10px}.job-status{font-size:11px;padding-inline:6px}.job-action-row .button{width:100%}.page-footer a{margin-inline-start:0}.page-footer{gap:7px 15px}.page-footer span{width:100%}}
#requests{border-top:4px solid var(--accent)}.work-scope-note{font-size:13px;line-height:1.8;color:#254765;background:#eef4fa;border:1px solid #d7e2ed;padding:11px 14px;margin:-5px 0 20px;overflow-wrap:anywhere}.test-scope select{font-size:16px}.conversation-card:active{background:#e4edf6}.conversation-card:focus-visible{outline-offset:-3px}.conversation-detail-heading h3{font-size:18px}.conversation-preview{color:#304a64}#testScopeForm .checkbox-row span{font-size:14px;font-weight:400;line-height:1.8}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}}
.work-content{grid-template-columns:minmax(0,1fr)}.panel,.section-heading>div,.brand>span{min-width:0}.section-heading>div,.brand>span{overflow-wrap:anywhere}.jobs-heading>div{min-width:0}.setting-row>span:first-child{min-width:0;overflow-wrap:anywhere}
@media(max-width:440px){.setting-row,.job-top{flex-wrap:wrap}.button{max-width:100%}.two-columns{grid-template-columns:minmax(0,1fr)}}
.attachments-list{display:grid;gap:12px;margin-top:20px;min-width:0}.saved-attachment{display:flex;gap:20px;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:4px;padding:16px;min-width:0}.saved-attachment-body{min-width:0;overflow-wrap:anywhere}.saved-attachment h3{font-size:16px;margin-bottom:6px}.saved-attachment-meta{font-size:12px;line-height:1.7;color:var(--muted);margin-bottom:6px}.saved-attachment-state{font-size:13px;margin-bottom:0}.saved-attachment>.button{flex:none;font-size:13px}.attachment-download{display:inline-block;min-height:32px;font-size:13px;font-weight:600;margin-top:8px;text-underline-offset:3px;overflow-wrap:anywhere}.attachment-upload{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:15px;align-items:start;background:#f7f9fc;padding:16px;border:1px solid var(--line);min-width:0}.attachment-upload .button{align-self:center}.attachment-upload .hint{margin:0}.attachment-upload input[type=file]{font-size:16px;max-width:100%}.attachment-upload input::file-selector-button{font:inherit;padding:6px 10px;border:1px solid #a7b9ce;border-radius:3px;background:#edf2f7;color:var(--ink);margin-inline-end:10px;max-width:100%}
@media(max-width:760px){.saved-attachment{flex-wrap:wrap}.saved-attachment>.button{width:100%}.attachment-upload{grid-template-columns:minmax(0,1fr)}.attachment-upload .button{width:100%}}
.saved-attachment{flex-wrap:wrap}.saved-attachment-body{flex:1 1 240px}.saved-attachment>.button{max-width:100%}.attachment-upload .button{max-width:100%}