@font-face{font-family:Sarabun;src:url('fonts/Sarabun-Regular.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Sarabun;src:url('fonts/Sarabun-Bold.ttf') format('truetype');font-weight:600 900;font-display:swap}
:root{--paper:#f3f5f7;--white:#fff;--ink:#182d43;--green:#244e72;--muted:#586a7a;--line:#d5dce3;--orange:#244e72}body{font-family:Sarabun,sans-serif;font-size:16px;line-height:1.85}header{background:#fffffff5;border-bottom:3px solid #244e72}.brand,.brand b{font:600 16px Sarabun,sans-serif;letter-spacing:0}.brand-mark{font:400 20px Sarabun;color:#a2acb6;margin:0 8px}.header-caption{font-size:13px}.header-actions button{font-size:13px}.sidebar{padding-top:32px}.course{font-size:13px;letter-spacing:0}.course small{font:600 18px/1.6 Sarabun,sans-serif}nav a{font-size:14px}nav span{font:13px Sarabun}.progress-box>div{font-size:12px}.progress-box small{font-size:11px}.progress-box b{font:13px Sarabun}.example{font-size:14px}.example small,.import-label{font-size:12px}main{background:white;padding:35px 32px 0;margin:28px 0 0 34px;border:1px solid #d5dce3;box-shadow:0 3px 12px #182d4307}.hero{text-align:center;padding:3px 0 25px}.hero .eyebrow{font-size:14px;letter-spacing:0;color:#586a7a}h1{font:600 clamp(24px,2.3vw,32px)/1.7 Sarabun;letter-spacing:0;margin:10px 0}.hero>p:not(.eyebrow){font-size:15px;max-width:none}.hero #saveStatus{font-size:12px}.section-heading{gap:13px}.section-no{font:600 16px/1.8 Sarabun;color:#244e72;min-width:36px}h2{font:600 21px/1.65 Sarabun;letter-spacing:0}.section-heading p{font-size:14px}.field>span,legend{font-size:15px;color:#273f54}.field input,.field textarea,.field select{font-family:Sarabun;font-size:16px}.field input::placeholder,.field textarea::placeholder{font-family:Sarabun;font-size:14px}.prompt-builder{background:#f0f5fa;border-color:#d2deea;border-radius:3px}.builder-head .eyebrow{font-size:13px}.builder-head h3{font-size:19px}.local-badge{font-size:12px}.prompt-builder small{font-size:13px}.button-row a,.text-link{font-size:14px}button{font-family:Sarabun;font-size:14px;border-radius:3px}.log summary{font-size:17px}.index{font:600 18px Sarabun;color:#496780}.log small{font:13px Sarabun;letter-spacing:0}.log{border-radius:3px}.note{font-size:14px;color:#495b6d;border-color:#6a8eac}.checks{font-size:15px}.ratio{background:#f0f4f8}.ratio>div>span{font-size:14px}.ratio strong{font:600 28px Sarabun}.ratio small{font-size:12px}th{font-size:14px;color:#284d6b;background:#f0f4f8}td .field>span{font-size:13px}td textarea{font-size:15px!important}#generated{font-size:15px;background:white}#promptWarning,#ratioError,#urlError{font-size:14px}.review h3{font-size:19px}.review p,.review li{font-size:14px}footer{font-size:11px}.database-panel{padding:22px;background:#f6f9fc;border:1px solid #d4dfea;margin:25px 0 0}.database-panel h2{font-size:19px}.database-panel p{font-size:14px;margin:8px 0 18px}.cloud-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.database-panel details{margin-top:8px}.database-panel summary{font-size:14px;cursor:pointer;margin:8px 0 18px}.database-panel small{display:block;font-size:12px;color:var(--muted);margin-top:12px}#databaseStatus{font-size:13px;margin:15px 0 0;overflow-wrap:anywhere}.database-panel input{font-size:14px}.database-panel .grid{align-items:center}.database-panel .field{margin-bottom:12px}@media(max-width:1000px){main{margin-left:20px;padding:26px 23px 0}.brand,.brand b{font-size:14px}.grid.two{column-gap:15px}h1 br{display:none}}@media(max-width:700px){main{margin:18px 0 0;padding:23px 16px 0}.shell{padding:0 4%}.sidebar{padding:15px 0}.sidebar nav a{font-size:12px}.sidebar .example{font-size:12px}.brand,.brand b{font-size:13px}header{padding:12px 4%;gap:8px}.header-actions{margin-left:0;justify-content:flex-end;width:100%}.header-actions button{font-size:12px}.hero h1{font-size:25px}.hero>p:not(.eyebrow){font-size:14px}.section-heading h2{font-size:20px}.section-no{min-width:28px}.database-panel{padding:16px}.cloud-actions{margin-bottom:15px}.hero{text-align:left}.database-panel .two{grid-template-columns:1fr}.button-row button{font-size:13px}html{scroll-padding-top:145px}}
@media print{@page{size:A4;margin:18mm 17mm}body{font:12pt/1.7 Sarabun,sans-serif;background:white;color:#000}main{border:0;box-shadow:none;margin:0;padding:0}.database-panel{display:none!important}.hero{text-align:center}h1{font-size:18pt;line-height:1.5}.hero .eyebrow{font-size:12pt}.hero>p:not(.eyebrow){font-size:11pt}h2{font-size:14pt;color:#000}.section-heading p{font-size:11pt}.field>span,legend{font-size:12pt}.print-value{font:12pt/1.6 Sarabun,sans-serif;color:#000}.log summary{font-size:13pt}.index,.section-no{font:600 13pt Sarabun;color:#000}th,td .field>span{font-size:10pt}.ratio strong{font:600 18pt Sarabun}.checks{font-size:12pt}.note,.review p,.review li{font-size:11pt}.hero{border-color:#888}section{border-color:#aaa}.section-heading{break-after:avoid}.log small{font:10pt Sarabun}.log-body{padding:8px}.ratio{background:white}footer{font-size:9pt}}