@font-face{font-family:Anuphan;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/anuphan-thai-400-normal.CYPG-7cc.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Anuphan;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/anuphan-latin-400-normal.BQH10Ma6.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Anuphan;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/anuphan-thai-500-normal.CZoh8WWr.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Anuphan;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/anuphan-latin-500-normal.DE4mzdQz.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Anuphan;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/anuphan-thai-600-normal.Co7SjXAc.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Anuphan;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/anuphan-latin-600-normal.C3byZ5Vp.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:light;--font-ui:"Anuphan", "Noto Sans Thai", system-ui, sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, monospace;--text-xs:12px;--text-sm:14px;--text-base:16px;--text-lg:18px;--text-xl:22px;--text-2xl:28px;--text-3xl:36px;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--leading-tight:1.3;--leading-normal:1.6;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-pill:999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--shadow-card:0 1px 2px #1e22300f, 0 4px 16px #1e22300f;--shadow-raised:0 8px 28px #1e22301f;--max-width:1120px;--tool-max-width:760px;--gutter-mobile:16px;--touch-target:44px;--motion-fast:.12s;--motion-base:.2s;--motion-easing:cubic-bezier(.2,.7,.2,1);--c-bg:#faf8f4;--c-surface:#fff;--c-surface-sunken:#f2efe8;--c-text:#1e2230;--c-text-muted:#5d6475;--c-border:#e4e0d8;--c-primary:#3f3bb0;--c-primary-hover:#332f96;--c-on-primary:#fff;--c-accent:#c98a1b;--c-accent-soft:#fbf1dc;--c-safe:#1f6b48;--c-safe-soft:#e6f4ec;--c-danger:#b4380c;--c-danger-soft:#fcebe3;--c-focus:#3f3bb0}:root[data-theme=dark]{color-scheme:dark;--c-bg:#12141c;--c-surface:#1b1e29;--c-surface-sunken:#151821;--c-text:#ecedf2;--c-text-muted:#a3a9b8;--c-border:#2c3040;--c-primary:#8e8bf2;--c-primary-hover:#a5a3f6;--c-on-primary:#12141c;--c-accent:#e3b04b;--c-accent-soft:#2e2614;--c-safe:#6fd3a2;--c-safe-soft:#15291f;--c-danger:#f08a5d;--c-danger-soft:#2e1a12;--c-focus:#a5a3f6}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--c-bg:#12141c;--c-surface:#1b1e29;--c-surface-sunken:#151821;--c-text:#ecedf2;--c-text-muted:#a3a9b8;--c-border:#2c3040;--c-primary:#8e8bf2;--c-primary-hover:#a5a3f6;--c-on-primary:#12141c;--c-accent:#e3b04b;--c-accent-soft:#2e2614;--c-safe:#6fd3a2;--c-safe-soft:#15291f;--c-danger:#f08a5d;--c-danger-soft:#2e1a12;--c-focus:#a5a3f6}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-ui);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--c-text);background:var(--c-bg);margin:0}:focus-visible{outline:2px solid var(--c-focus);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.wrap{max-width:var(--max-width);padding:0 var(--gutter-mobile);margin:0 auto}@media (width>=768px){.wrap{padding:0 var(--space-5)}}a{color:var(--c-primary)}.skip{position:absolute;left:-999px}.skip:focus{left:var(--space-3);top:var(--space-3);z-index:20;background:var(--c-surface);padding:var(--space-2) var(--space-3)}.site-header{background:var(--c-surface);border-bottom:1px solid var(--c-border);z-index:5;position:relative}.top{align-items:center;gap:var(--space-5);min-height:60px;display:flex}.logo{font-weight:var(--weight-semibold);font-size:var(--text-lg);color:var(--c-text);white-space:nowrap;align-items:center;gap:9px;text-decoration:none;display:flex}.mark{background:var(--c-primary);border-radius:8px;flex-shrink:0;width:28px;height:28px;position:relative}.mark:after{content:"";background:var(--c-accent);border:2px solid var(--c-surface);border-radius:50%;width:10px;height:10px;position:absolute;top:-3px;right:-3px}.nav-desktop{gap:var(--space-5);font-size:14.5px;display:none}.nav-desktop a,.nav-mobile a{color:var(--c-text-muted);text-decoration:none}.nav-desktop a[aria-current=page],.nav-mobile a[aria-current=page]{color:var(--c-primary);font-weight:var(--weight-semibold)}.theme-toggle{font:inherit;color:var(--c-text-muted);border:1px solid var(--c-border);border-radius:var(--radius-pill);cursor:pointer;white-space:nowrap;background:0 0;min-height:36px;margin-left:auto;padding:6px 12px;font-size:13px}.nav-mobile summary{cursor:pointer;min-width:44px;min-height:44px;color:var(--c-text);place-items:center;font-size:22px;list-style:none;display:grid}.nav-mobile summary::-webkit-details-marker{display:none}.nav-mobile nav{background:var(--c-surface);border-bottom:1px solid var(--c-border);box-shadow:var(--shadow-raised);padding:var(--space-2) var(--gutter-mobile) var(--space-4);display:grid;position:absolute;top:100%;left:0;right:0}.nav-mobile nav a{padding:var(--space-3) 0;border-bottom:1px solid var(--c-border)}@media (width>=900px){.nav-desktop{display:flex}.nav-mobile{display:none}}.tool-hero{padding-top:var(--space-6)}.tool-hero h1,.prose h1{margin:0 0 var(--space-2);font-size:clamp(26px,6.4vw,34px);line-height:1.25;font-weight:var(--weight-semibold)}.lead{color:var(--c-text-muted);margin:0 0 var(--space-3)}.safe-badge{background:var(--c-safe-soft);color:var(--c-safe);border-radius:var(--radius-pill);font-size:13px;font-weight:var(--weight-medium);align-items:center;gap:6px;padding:6px 12px;text-decoration:none;display:inline-flex}.tool-layout{gap:var(--space-6);display:grid}@media (width>=1200px){.tool-layout--ads{grid-template-columns:1fr 300px}.tool-side .ad{top:var(--space-5);position:sticky}}.tool-main{min-width:0}.engine-frame{width:100%;height:241px;margin-top:var(--space-5);border:0;display:block}.engine-frame[data-tool=id-copy]{height:626px}@media (width>=640px){.engine-frame[data-tool=id-copy]{height:423px}}.ad{margin:var(--space-4) 0;max-height:100px;overflow:hidden}@media (width>=768px){.ad{max-height:none}}.howto,.faq,.others{margin-top:var(--space-7)}h2{font-size:var(--text-xl);font-weight:var(--weight-semibold);margin:0 0 var(--space-4)}.howto ol{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}@media (width>=768px){.howto ol{grid-template-columns:repeat(3,1fr)}}.howto li{background:var(--c-surface);border:1px solid var(--c-border);padding:var(--space-4);font-size:var(--text-sm);color:var(--c-text-muted);border-radius:14px;gap:4px;display:grid}.howto b{color:var(--c-text);font-size:15px}.n{background:color-mix(in srgb, var(--c-primary) 14%, transparent);width:26px;height:26px;color:var(--c-primary);font-size:13px;font-weight:var(--weight-semibold);margin-bottom:var(--space-1);border-radius:50%;place-items:center;display:inline-grid}.faq details{border-bottom:1px solid var(--c-border);padding:var(--space-3) 0}.faq summary{cursor:pointer;font-weight:var(--weight-medium);min-height:var(--touch-target);align-items:center;display:flex}.faq p{color:var(--c-text-muted);margin:var(--space-2) 0 0}.tool-cards{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));margin:0;padding:0;list-style:none;display:grid}.tool-cards a{column-gap:var(--space-3);padding:var(--space-4);background:var(--c-surface);border:1px solid var(--c-border);color:var(--c-text);transition:border-color var(--motion-fast), box-shadow var(--motion-fast);border-radius:14px;grid-template-columns:auto 1fr;align-items:center;min-height:76px;text-decoration:none;display:grid}.tool-cards a:hover{border-color:var(--c-primary);box-shadow:var(--shadow-card)}.tool-cards__icon{grid-row:span 2;font-size:28px}.tool-cards a>span:last-child{color:var(--c-text-muted);font-size:var(--text-sm)}.tool-cards--home{margin:var(--space-6) 0;grid-template-columns:1fr}@media (width>=768px){.tool-cards--home{grid-template-columns:1fr 1fr}}.featured{border-color:var(--c-accent)!important;background:linear-gradient(135deg, var(--c-accent-soft), var(--c-surface))!important}.tag{margin-left:var(--space-2);background:var(--c-accent);color:#1e2230;font-size:11px;font-weight:var(--weight-semibold);border-radius:var(--radius-pill);vertical-align:2px;padding:1px 8px;display:inline-block}.why{gap:var(--space-3);margin:var(--space-6) 0;display:grid}@media (width>=768px){.why{grid-template-columns:repeat(3,1fr)}}.why div{padding:var(--space-4);background:var(--c-surface-sunken);font-size:var(--text-sm);color:var(--c-text-muted);border-radius:14px;gap:4px;display:grid}.why b{color:var(--c-text);font-size:15px}.prose{max-width:760px;padding-top:var(--space-6)}.prose h2{margin-top:var(--space-6);font-size:var(--text-lg)}.prose li{margin:var(--space-2) 0}.small{font-size:var(--text-sm)}.muted{color:var(--c-text-muted)}.draft-badge{background:var(--c-danger-soft);color:var(--c-danger);font-weight:var(--weight-semibold);border-radius:var(--radius-pill);padding:4px 12px;display:inline-block}.proof{gap:var(--space-4);padding:0;list-style:none;display:grid}.proof li{gap:var(--space-4);background:var(--c-surface);border:1px solid var(--c-border);padding:var(--space-4);border-radius:14px;display:flex}.proof h2{margin:0 0 var(--space-1);font-size:var(--text-lg)}.proof p{color:var(--c-text-muted);margin:0}.proof__icon{font-size:28px}.diagram{margin:var(--space-6) 0}.diagram__outer,.diagram__inner{border:2px solid var(--c-border);padding:var(--space-5) var(--space-4) var(--space-4);gap:var(--space-2);background:var(--c-surface);border-radius:14px;display:grid;position:relative}.diagram__inner{border-color:var(--c-safe);background:var(--c-safe-soft)}.diagram p{margin:0}.diagram__tag{background:var(--c-text);color:var(--c-bg);font-family:var(--font-mono);border-radius:6px;padding:2px 8px;font-size:11px;position:absolute;top:-11px;left:12px}.diagram__tag--safe{background:var(--c-safe);color:#fff}.btn-link{background:var(--c-primary);color:var(--c-on-primary);font-weight:var(--weight-semibold);border-radius:11px;padding:12px 20px;text-decoration:none;display:inline-block}.site-footer{margin-top:var(--space-8);padding:var(--space-6) 0;border-top:1px solid var(--c-border);color:var(--c-text-muted);font-size:var(--text-sm);background:var(--c-surface)}.site-footer p{margin:0 0 var(--space-2)}.footer-links{gap:var(--space-2) var(--space-4);flex-wrap:wrap;display:flex}.footer-links a{color:inherit}.line-banner{background:var(--c-accent-soft);color:var(--c-text);padding:var(--space-3) var(--gutter-mobile);font-size:var(--text-sm);text-align:center;gap:2px;display:grid}.line-banner[hidden]{display:none}.cookie{left:var(--space-3);right:var(--space-3);bottom:var(--space-3);background:var(--c-surface);border:1px solid var(--c-border);max-width:560px;box-shadow:var(--shadow-raised);padding:var(--space-4);gap:var(--space-3);font-size:var(--text-sm);z-index:30;border-radius:14px;margin:0 auto;display:grid;position:fixed}.cookie[hidden]{display:none}.cookie p{margin:0}.cookie__actions{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.cookie button{font:inherit;min-height:40px;padding:0 var(--space-4);border:1px solid var(--c-border);background:var(--c-surface);color:var(--c-text);cursor:pointer;border-radius:10px}.cookie .btn-primary{background:var(--c-primary);color:var(--c-on-primary);border-color:var(--c-primary)}