body{margin:0;background:#f7f7f8;color:#1f2733;font-family:IBM Plex Sans Thai,sans-serif;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}a{color:#3d5a80;text-decoration:none}a:hover{color:#2c4460;text-decoration:underline}button,input{font:inherit}.mono{font-family:IBM Plex Mono,monospace}.card{background:#fff;border:1px solid #E6E8EC;border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:14px;min-width:0}.card h3{margin:0;font-size:15px;font-weight:500;color:#6b7480}.seg{display:flex;background:#eef0f3;border-radius:10px;padding:3px;gap:2px}.seg button{border:0;cursor:pointer;font-size:13px;font-weight:500;padding:6px 12px;border-radius:8px;background:transparent;color:#6b7480}.seg button.on{background:#fff;color:#1f2733;box-shadow:0 1px 2px #00000014}.row{display:flex;align-items:center;gap:12px;padding:10px 0;border-top:1px solid #EEF0F3}.tag{font-size:11px;font-weight:500;letter-spacing:.04em;padding:3px 8px;border-radius:6px}.field{display:flex;flex-direction:column;gap:4px;font-size:13px;color:#6b7480}.field input{border:1px solid #E6E8EC;border-radius:8px;padding:9px 11px;font-size:14px;color:#1f2733}.btn{border:0;cursor:pointer;font-size:14px;font-weight:500;padding:9px 16px;border-radius:10px;background:#1f2733;color:#fff}.btn:disabled{opacity:.6;cursor:default}.err{color:#b4534a;font-size:13px}