:root{font:15px/1.55 system-ui,-apple-system,"Noto Sans",sans-serif;color:#dce5f4;background:#0a1020;color-scheme:dark}
*{box-sizing:border-box}body{margin:0}header{border-bottom:1px solid #26344e;display:flex;justify-content:space-between;align-items:center;padding:17px max(24px,calc((100vw - 1300px)/2));background:#101a2d}
header strong{letter-spacing:.12em;color:#8cc9ff;font-size:12px}header span{display:block;color:#9baac1;font-size:12px}main{max-width:1340px;margin:auto;padding:32px 24px 56px}
.compact{max-width:550px;margin:8vh auto}.panel{border:1px solid #2c3d59;border-radius:16px;padding:24px;background:#131f33;min-width:0}
h1{font-size:clamp(23px,3vw,34px);line-height:1.25;margin:8px 0 12px}h2{font-size:19px;margin:0 0 18px}.eyebrow{color:#70c9cf;letter-spacing:.12em;font-weight:700;font-size:12px;margin:0}.intro{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px}
.columns{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}form{display:grid;gap:14px}label{display:grid;gap:6px;color:#bdcce1;font-weight:600;font-size:13px}
input,textarea{width:100%;padding:10px 12px;border:1px solid #42516a;border-radius:8px;background:#0b1527;color:#f2f6fb;font:inherit}textarea{min-height:88px;resize:vertical}textarea[lang=th]{font-size:15px}input:focus,textarea:focus,button:focus-visible{outline:2px solid #6db7f2;outline-offset:2px}
input.check{width:auto}
button{border:1px solid #4b607f;background:#22344f;color:#f4f8ff;border-radius:8px;padding:9px 13px;cursor:pointer;font:inherit}button:hover{background:#335071}button:disabled{opacity:.5;cursor:wait}button.primary{background:#347abd;border-color:#4da8ef;font-weight:700}.danger{border-color:#b67373;color:#ffcece}
.queue{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.queue button{font-size:12px}.queue button.selected{background:#235e83;border-color:#69bfeb}article{border-top:1px solid #33435a;padding:18px 0}article h3{margin:0 0 8px;font-size:16px}article p{margin:7px 0;white-space:pre-wrap;overflow-wrap:anywhere}.muted,.note{color:#a1b1c8;font-size:13px}.warning{color:#f4c988}.source{overflow-wrap:anywhere;color:#8acaff}.actions{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.stack{display:grid;gap:12px}#status{position:sticky;bottom:12px;max-width:850px;margin:24px auto 0;padding:0}#status:not(:empty){background:#18485e;border:1px solid #48a2bc;padding:12px;border-radius:9px;white-space:pre-wrap}
@media(max-width:860px){.columns{grid-template-columns:1fr}.intro{align-items:start;flex-direction:column}}