:root{color-scheme:light;--paper: #f3eee4;--paper-2: #ebe3d4;--card: #fffdf8;--ink: #13283c;--ink-soft: #3d5168;--muted: #5d6b79;--gold: #b8862f;--gold-light: #e8c77c;--gold-ink: #7a5614;--ok: #1d6b4a;--ok-bg: #e3f3ea;--warn: #8a4b00;--warn-bg: #fff0d6;--info: #24518a;--info-bg: #e5eefb;--danger: #a3332b;--line: #ddd2bf;--shadow-sm: 0 1px 2px rgb(19 40 60 / 8%), 0 4px 12px rgb(19 40 60 / 6%);--shadow-lg: 0 24px 60px rgb(19 40 60 / 18%);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--font-thai: Prompt, "Noto Sans Thai", "Sukhumvit Set", Thonburi, system-ui, sans-serif;--font-display: "Bodoni 72", Didot, "Playfair Display", Georgia, serif;--font-mono: "SF Mono", Menlo, ui-monospace, monospace;--text-hero: clamp(28px, 1rem + 2.2vw, 46px)}*{box-sizing:border-box}[hidden]{display:none!important}html{background:var(--paper)}body{margin:0;min-width:320px;color:var(--ink);background:radial-gradient(70rem 30rem at 100% -10%,rgb(232 199 124 / 28%),transparent 60%),radial-gradient(50rem 30rem at -10% 20%,rgb(19 40 60 / 6%),transparent 60%),var(--paper);font:400 16px/1.65 var(--font-thai)}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--info)}:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip-link{position:fixed;top:10px;left:12px;z-index:50;padding:10px 14px;border-radius:8px;color:var(--paper);background:var(--ink);transform:translateY(-200%)}.skip-link:focus{transform:none}.showcase-bar{display:flex;flex-wrap:wrap;gap:6px 22px;align-items:center;padding:9px clamp(16px,4vw,56px);color:#c9d3de;background:var(--ink);font-size:13px}.showcase-bar a{color:#f6e2b5;font-weight:600;text-decoration:none}.showcase-bar a:hover{text-decoration:underline;text-underline-offset:3px}.showcase-bar span{margin-left:auto}.studio-head{display:flex;flex-wrap:wrap;gap:16px 32px;align-items:center;justify-content:space-between;padding:22px clamp(16px,4vw,56px) 14px}.lockup{display:flex;gap:14px;align-items:center}.lockup-mark{display:grid;width:52px;height:52px;place-items:center;border-radius:50%;color:var(--gold-light);background:radial-gradient(circle at 35% 30%,#23415f,var(--ink));box-shadow:inset 0 0 0 2px var(--gold),inset 0 0 0 5px var(--ink),inset 0 0 0 6px #e8c77c99;font:400 19px/1 var(--font-display)}.lockup-kicker{margin:0;color:var(--gold-ink);font-size:13px;font-weight:500;letter-spacing:.04em}.lockup h1{margin:0;font:400 clamp(28px,1rem + 1.4vw,38px)/1.05 var(--font-display);letter-spacing:-.01em}.mode-tabs{display:inline-flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:999px;background:#fffdf8b3;box-shadow:var(--shadow-sm)}.mode-tab{min-height:44px;padding:0 18px;border:0;border-radius:999px;color:var(--ink-soft);background:transparent;font-weight:500;transition:background-color .18s ease,color .18s ease}.mode-tab:hover{background:#13283c0f}.mode-tab.is-active{color:var(--paper);background:var(--ink)}main{outline:none;padding:8px clamp(16px,4vw,56px) 64px}.panel{max-width:1480px;margin:0 auto}.hero{display:flex;flex-wrap:wrap;gap:18px 40px;align-items:end;justify-content:space-between;margin:10px 0 22px}.hero-title{max-width:26ch;margin:0;font:600 var(--text-hero)/1.22 var(--font-thai);letter-spacing:-.01em}.hero-title em{color:var(--gold-ink);font-style:normal;background:linear-gradient(transparent 62%,#e8c77c8c 62%)}.steps{display:flex;gap:8px;margin:0;padding:0;list-style:none}.steps li{display:flex;gap:8px;align-items:center;padding:7px 14px 7px 8px;border:1px solid var(--line);border-radius:999px;color:var(--muted);background:var(--card);font-size:14px;transition:background-color .3s ease,color .3s ease,border-color .3s ease}.steps li span{display:grid;width:26px;height:26px;place-items:center;border-radius:50%;background:var(--paper-2);font:600 13px/1 var(--font-mono)}.steps li.is-done{color:var(--ok);border-color:#b9dcc8}.steps li.is-done span{color:#fff;background:var(--ok)}.steps li.is-current{color:var(--ink);border-color:var(--gold);box-shadow:0 0 0 3px #e8c77c59}.steps li.is-current span{color:var(--ink);background:var(--gold-light)}.batch-grid{display:grid;grid-template-columns:400px minmax(0,1fr);gap:26px;align-items:start}.control{position:sticky;top:16px;display:grid;gap:16px;padding:22px;border:1px solid var(--line);border-radius:20px;background:var(--card);box-shadow:var(--shadow-sm)}.course-pick{margin:0;padding:0;border:0}.course-pick legend,.field>span{display:block;margin-bottom:8px;color:var(--ink);font-size:14px;font-weight:600}.field small{display:block;color:var(--muted);font-size:12px;font-weight:400}.course-options{display:grid;gap:8px}.course-option{position:relative;display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:12px;cursor:pointer;transition:border-color .16s ease,background-color .16s ease,transform .16s var(--ease-out-expo)}.course-option:hover{transform:translateY(-1px);border-color:var(--gold)}.course-option input{position:absolute;opacity:0;pointer-events:none}.course-option:has(input:checked){border-color:var(--ink);background:#fbf6ea;box-shadow:inset 0 0 0 1px var(--ink)}.course-option:has(input:focus-visible){outline:3px solid var(--gold);outline-offset:2px}.swatch{width:34px;height:24px;border-radius:4px;background:linear-gradient(135deg,var(--ink) 0 58%,var(--accent) 58%);box-shadow:inset 0 0 0 2px #fff6}.course-text strong{display:block;font-size:14px;font-weight:600;line-height:1.4}.course-text small{color:var(--muted);font-size:12px}.field input,.field select,.field textarea{width:100%;min-height:44px;padding:9px 12px;border:1px solid var(--line);border-radius:10px;background:#fffefb}.field textarea{min-height:260px;resize:vertical;font-size:14px;line-height:1.7}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--ink);outline:3px solid rgb(232 199 124 / 55%);outline-offset:0}.import-row{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center}.primary-button,.ghost-button,.link-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 20px;border-radius:12px;font-weight:600;text-decoration:none;transition:transform .16s var(--ease-out-expo),box-shadow .16s ease,background-color .16s ease,opacity .16s ease}.primary-button{border:0;color:var(--paper);background:linear-gradient(180deg,#1c3954,var(--ink));box-shadow:0 10px 24px #13283c42,inset 0 -2px #0003,inset 0 0 0 1px #e8c77c4d}.primary-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 14px 30px #13283c52,inset 0 0 0 1px var(--gold-light)}.primary-button:active:not(:disabled){transform:scale(.98)}.primary-button:disabled{cursor:default;opacity:.55}.ghost-button{border:1px solid var(--ink);color:var(--ink);background:transparent}.ghost-button:hover{background:#13283c0f}.small{min-height:40px;padding:0 14px;font-size:14px}.file-label{min-height:44px;cursor:pointer}.link-button{min-height:44px;padding:0 4px;border:0;color:var(--info);background:none;text-decoration:underline;text-underline-offset:3px}.link-button.danger{color:var(--danger)}[aria-busy=true]{opacity:.7;pointer-events:none}.summary-chips{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}.summary-chips li,.chip{padding:2px 10px;border-radius:999px;color:var(--ink-soft);background:var(--paper-2);font-size:12px;line-height:1.8}.chip-warn,.summary-chips .chip-warn{color:var(--warn);background:var(--warn-bg)}.chip-info,.summary-chips .chip-info{color:var(--info);background:var(--info-bg)}.chip-ok{color:var(--ok);background:var(--ok-bg);font-family:var(--font-mono);font-weight:600}.warn-text{margin:0;color:var(--warn);font-size:13px}.fine-print{margin:0;color:var(--muted);font-size:12px;line-height:1.6}.preview-head{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:end;justify-content:space-between;margin-bottom:14px}.preview-head h3{margin:0;font-size:20px}.preview-head p{margin:0;color:var(--muted);font-size:14px}.batch-result{display:grid;gap:8px;padding:12px 14px;border:1px solid #b9dcc8;border-radius:14px;background:linear-gradient(180deg,#f2fbf5,var(--ok-bg));animation:rise .52s var(--ease-out-expo) both}.batch-result p{color:var(--ok);font-weight:600}.result-actions{display:flex;flex-wrap:wrap;gap:8px}.preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px;margin:0;padding:0;list-style:none}.cert-card{position:relative;display:grid;gap:8px;padding:10px 10px 12px;border:1px solid var(--line);border-radius:14px;background:var(--card);box-shadow:var(--shadow-sm);transition:transform .22s var(--ease-out-expo),box-shadow .22s ease}.cert-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.is-entering .cert-card{animation:rise .6s var(--ease-out-expo) both;animation-delay:calc(var(--i) * 35ms)}.cert-card.is-blocked{border-color:#f0c98a;background:#fffaf0}.cert-art{display:block;width:100%;padding:0;border:0;border-radius:6px;overflow:hidden;background:none;line-height:0;cursor:zoom-in}.cert-art svg,.zoom-art svg,.single-preview svg,.verify-art svg{display:block;width:100%;height:auto}.cert-caption{display:flex;gap:8px;align-items:baseline;min-width:0}.cert-index{color:var(--gold-ink);font:600 12px/1 var(--font-mono)}.cert-name{overflow:hidden;font-size:14px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.cert-chips{display:flex;flex-wrap:wrap;gap:4px}.issued-stamp{position:absolute;top:18px;right:18px;padding:4px 12px;border:2px solid var(--ok);border-radius:6px;color:var(--ok);background:#ffffffeb;font-size:13px;font-weight:700;letter-spacing:.04em;transform:rotate(-8deg);animation:stamp .52s var(--ease-out-expo) both;animation-delay:calc(var(--i) * 45ms)}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes stamp{0%{opacity:0;transform:rotate(-8deg) scale(1.9)}to{opacity:1;transform:rotate(-8deg) scale(1)}}.single-grid{display:grid;grid-template-columns:400px minmax(0,1fr);gap:26px;align-items:start;margin-top:12px}.panel-title{margin:0;font-size:22px}.status-text{margin:0;color:var(--ok);font-weight:600}.single-preview{margin:0;padding:14px;border-radius:18px;background:var(--card);box-shadow:var(--shadow-lg)}.registry-head{display:flex;flex-wrap:wrap;gap:16px 32px;align-items:end;justify-content:space-between;margin:12px 0 16px}.registry-head p{margin:4px 0 0;color:var(--muted)}.verify-inline{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.verify-inline label{font-weight:600;font-size:14px}.verify-inline input{min-height:40px;width:160px;padding:0 12px;border:1px solid var(--line);border-radius:10px;font-family:var(--font-mono);text-transform:uppercase}.registry-search{display:block;max-width:520px;margin-bottom:12px}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:16px;background:var(--card)}table{width:100%;border-collapse:collapse;font-size:14px}th,td{padding:11px 14px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}th{color:var(--muted);background:#faf6ee;font-size:13px;font-weight:600}tbody tr:hover{background:#fdf8ee}.mono{font-family:var(--font-mono)}.empty-text{color:var(--muted)}.zoom{width:min(1100px,calc(100vw - 24px));padding:0;border:0;border-radius:18px;background:var(--card);box-shadow:var(--shadow-lg)}.zoom::backdrop{background:#13283c99}.zoom-inner{display:grid;gap:12px;padding:16px}.zoom-inner header{display:flex;gap:12px;align-items:center;justify-content:space-between}.zoom-inner h3{margin:0;font-size:17px}.toast{position:fixed;bottom:22px;left:16px;right:16px;z-index:60;width:fit-content;max-width:560px;margin:0 auto;padding:12px 18px;border-radius:12px;color:var(--paper);background:var(--ink);box-shadow:var(--shadow-lg);animation:rise .36s var(--ease-out-expo) both}.verify-body main,.verify-wrap{max-width:1180px;margin:0 auto;padding:24px clamp(16px,4vw,40px) 64px}.verify-nav{display:flex;flex-wrap:wrap;gap:8px 22px;margin-bottom:18px;font-size:14px;font-weight:600}.verify-card{padding:clamp(20px,3vw,34px);border:1px solid var(--line);border-radius:22px;background:var(--card);box-shadow:var(--shadow-sm)}.verify-card h1{margin:6px 0 0;font-size:clamp(28px,1rem + 2vw,44px);line-height:1.2}.verify-en{margin:2px 0 0;font:italic 400 22px/1.4 var(--font-display);color:var(--ink-soft)}.verify-badge{display:inline-flex;gap:8px;margin:0;padding:4px 12px;border-radius:999px;color:var(--danger);background:#fde8e6;font-size:14px;font-weight:600}.verify-badge.is-ok{color:var(--ok);background:var(--ok-bg)}.verify-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin:22px 0}.verify-facts div{padding:12px 14px;border-radius:12px;background:#faf6ee}.verify-facts dt{color:var(--muted);font-size:13px}.verify-facts dd{margin:2px 0 0;font-weight:600}.verify-facts small{display:block;color:var(--muted);font-weight:400;font-size:13px}.verify-note{color:var(--muted);font-size:13px}.verify-form{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:16px}.verify-form label{font-weight:600;font-size:14px}.verify-form input{min-height:44px;padding:0 12px;border:1px solid var(--line);border-radius:10px;font-family:var(--font-mono);text-transform:uppercase}.verify-form button{min-height:44px;padding:0 18px;border:0;border-radius:10px;color:var(--paper);background:var(--ink);font-weight:600}.verify-art{margin:22px 0 0;padding:12px;border-radius:18px;background:var(--card);box-shadow:var(--shadow-lg)}@page{size:297mm 210mm;margin:0}.print-body{margin:0;background:#fff}.print-sheet{width:297mm;height:210mm;overflow:hidden;break-after:page}.print-sheet:last-child{break-after:auto}.print-sheet svg{display:block;width:297mm;height:210mm}@media(max-width:1100px){.batch-grid,.single-grid{grid-template-columns:1fr}.control{position:static}}@media(max-width:640px){.showcase-bar span{width:100%;margin-left:0}.mode-tabs{width:100%}.mode-tab{flex:1;padding:0 8px;font-size:14px}.tab-long{display:none}.steps{flex-wrap:wrap}.steps li{font-size:13px}.control{padding:16px}.preview-grid{grid-template-columns:1fr}.result-actions>*{flex:1 1 100%}.verify-inline input{flex:1;width:auto}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.restart-note{display:grid;gap:8px;padding:12px;border:1px solid #f0c98a;border-radius:12px;background:var(--warn-bg)}.restart-note p{margin:0;color:var(--warn);font-size:13px}.sc-bar{--sc-ink: #0e1622;--sc-paper: #f4f1ea;--sc-muted: #b8c0cc;--sc-line: #06c755;--sc-line-ink: #04331a;box-sizing:border-box;position:relative;z-index:50;display:flex;align-items:center;gap:10px;min-height:44px;margin:0;padding:6px max(16px,env(safe-area-inset-left));background:var(--sc-ink);color:var(--sc-paper);font:500 14px/1.25 system-ui,-apple-system,Segoe UI,Noto Sans Thai,Thonburi,sans-serif;letter-spacing:0;text-align:left}.sc-bar *,.sc-line,.sc-line *{box-sizing:border-box}.sc-bar a{text-decoration:none}.sc-bar__back{color:var(--sc-paper);padding:6px 2px;border-radius:6px;white-space:nowrap;transition:color .15s ease}.sc-bar__back:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}.sc-bar__demo{padding:3px 9px;border:1px solid rgba(244,241,234,.35);border-radius:999px;color:var(--sc-muted);font-size:12px;white-space:nowrap}.sc-bar__line{display:inline-flex;align-items:center;gap:6px;margin-left:auto;padding:7px 14px;border-radius:999px;background:var(--sc-line);color:var(--sc-line-ink);font-weight:700;white-space:nowrap;box-shadow:0 1px #ffffff40 inset,0 6px 16px -8px #06c755b3;transition:transform .15s ease,box-shadow .15s ease}.sc-bar__line:hover{transform:translateY(-1px);box-shadow:0 1px #ffffff40 inset,0 10px 20px -10px #06c755e6}.sc-bar__line:active{transform:translateY(0)}.sc-bar a:focus-visible,.sc-line button:focus-visible,.sc-line a:focus-visible,.sc-line textarea:focus-visible{outline:3px solid #ffd166;outline-offset:2px}@media(max-width:420px){.sc-bar{gap:6px;font-size:13px;padding-inline:12px}.sc-bar__line{padding:7px 11px}.sc-bar__line svg{display:none}.sc-bar__demo{padding:2px 7px}}@media(max-width:340px){.sc-bar__demo{display:none}}@media print{.sc-bar,.sc-line{display:none!important}}.sc-line{width:min(400px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;margin:auto;padding:22px 22px 18px;border:0;border-radius:18px;background:#fffdf8;color:#13202c;font:400 15px/1.55 system-ui,-apple-system,Segoe UI,Noto Sans Thai,Thonburi,sans-serif;box-shadow:0 30px 80px -20px #08121e8c;text-align:left}.sc-line::backdrop{background:#080e168c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.sc-line h2{margin:0 32px 12px 0;font-size:19px;line-height:1.3;font-weight:700;color:inherit}.sc-line__close{position:absolute;top:10px;right:10px;width:36px;height:36px;border:0;border-radius:50%;background:#efe9de;color:#13202c;font:600 22px/1 system-ui,sans-serif;cursor:pointer}.sc-line__close:hover{background:#e3dccd}.sc-line__qr{display:grid;place-items:center;width:248px;height:248px;margin:0 auto 10px;padding:8px;border-radius:14px;background:#fff;box-shadow:0 0 0 1px #e6dfd2;font-size:13px;text-align:center}.sc-line__qr svg{display:block;width:232px;height:232px}.sc-line__hint{margin:0 0 14px;text-align:center;font-size:14px;color:#3a4654}.sc-line__label{display:block;margin:0 0 6px;font-size:13px;color:#3a4654}.sc-line__msg{display:block;width:100%;resize:none;padding:10px 12px;border:1px solid #d9d1c2;border-radius:10px;background:#fff;color:#13202c;font:500 15px/1.5 inherit;font-family:inherit}.sc-line__actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.sc-line__copy,.sc-line__open{flex:1 1 auto;min-height:44px;padding:10px 14px;border:0;border-radius:999px;background:#06c755;color:#04331a;font:700 15px/1.2 inherit;font-family:inherit;text-align:center;text-decoration:none;cursor:pointer}.sc-line__open{background:#13202c;color:#fff}.sc-line__copy:hover{background:#05b44c}.sc-line__status{min-height:1.4em;margin:8px 0 0;font-size:13px;color:#1d6b3a;text-align:center}@media(prefers-reduced-motion:reduce){.sc-bar__line,.sc-bar__back{transition:none}}html.sc-pending body>*:not(.sc-bar):not(.sc-line){visibility:hidden;animation:sc-reveal 0s linear 2.5s forwards}@keyframes sc-reveal{to{visibility:visible}}@font-face{font-family:Prompt;font-style:normal;font-weight:400;font-display:optional;src:url("./prompt-thai-400-normal-ZA4IITD6.woff2") format("woff2");unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC}@font-face{font-family:Prompt;font-style:normal;font-weight:500;font-display:optional;src:url("./prompt-thai-500-normal-MERRXMXW.woff2") format("woff2");unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC}@font-face{font-family:Prompt;font-style:normal;font-weight:600;font-display:optional;src:url("./prompt-thai-600-normal-L243FKR5.woff2") format("woff2");unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC}@font-face{font-family:Prompt;font-style:normal;font-weight:400;font-display:optional;src:url("./prompt-latin-400-normal-YVT67I4L.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Prompt;font-style:normal;font-weight:500;font-display:optional;src:url("./prompt-latin-500-normal-ZOG34D3B.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Prompt;font-style:normal;font-weight:600;font-display:optional;src:url("./prompt-latin-600-normal-HAVIOPQA.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}