@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:400;font-display:block;src:url(/_next/static/media/db9bfcd87f1d73a3-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:400;font-display:block;src:url(/_next/static/media/4e2312c98e240c05-s.p.woff2) format("woff2");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:400;font-display:block;src:url(/_next/static/media/feed52454563c595-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:400;font-display:block;src:url(/_next/static/media/f83e5507ec3854fa-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:500;font-display:block;src:url(/_next/static/media/8934311971e59087-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:500;font-display:block;src:url(/_next/static/media/bfdf244a9384e8b2-s.p.woff2) format("woff2");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:500;font-display:block;src:url(/_next/static/media/b10e9fa1144bb4fb-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:500;font-display:block;src:url(/_next/static/media/d13ab8ed065835e4-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:600;font-display:block;src:url(/_next/static/media/d8c0f620f258dcc1-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:600;font-display:block;src:url(/_next/static/media/5fcb63deed33aab6-s.p.woff2) format("woff2");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:600;font-display:block;src:url(/_next/static/media/e595057e1ab84c19-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:600;font-display:block;src:url(/_next/static/media/861fabf8a4ffc042-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:700;font-display:block;src:url(/_next/static/media/2b32cc5cb75c7a84-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:700;font-display:block;src:url(/_next/static/media/0d4277ce62acaedf-s.p.woff2) format("woff2");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:700;font-display:block;src:url(/_next/static/media/942c4903ae74b0f3-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:700;font-display:block;src:url(/_next/static/media/66c5464579bf95d1-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:IBM Plex Sans Thai Fallback;src:local("Arial");ascent-override:110.31%;descent-override:52.78%;line-gap-override:0.00%;size-adjust:101.17%}.__className_6b544f{font-family:IBM Plex Sans Thai,IBM Plex Sans Thai Fallback;font-style:normal}.__variable_6b544f{--font-plex:"IBM Plex Sans Thai","IBM Plex Sans Thai Fallback"}:root{--bg:#f5f7fb;--surface:#ffffff;--ink:#0f1733;--muted:#5a6485;--faint:#8b93ad;--line:#e1e6f2;--grid:#eceff7;--accent:#2550ef;--accent-deep:#1d318f;--accent-ink:#ffffff;--accent-soft:#e8edff;--iq:#0a84ff;--pq:#2550ef;--lq:#f0287a;--lq-2:#ff8a00;--warn:#8a5a12;--warn-soft:#f7eed9;--danger:#c2410c;--danger-soft:#fbebe2;--f:var(--font-plex),"IBM Plex Sans Thai",system-ui,-apple-system,"Segoe UI",sans-serif;--r:12px;--header-h:64px;--glass-1:rgba(255,255,255,0.62);--glass-2:rgba(255,255,255,0.22);--glass-hi:rgba(255,255,255,0.95);--glass-edge-1:rgba(255,255,255,0.95);--glass-edge-2:rgba(255,255,255,0.15);--glass-edge-3:rgba(37,80,239,0.28);--glass-shadow:rgba(29,49,143,0.22);color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#0a0e1f;--surface:#121833;--ink:#e6eaf8;--muted:#8c96b8;--faint:#626c8f;--line:#232c4e;--grid:#1a2242;--accent:#7590ff;--accent-deep:#3d5bff;--accent-ink:#0a0e1f;--accent-soft:#19224d;--iq:#4aa8ff;--pq:#7590ff;--lq:#ff5c9a;--lq-2:#ffa640;--warn:#e5b567;--warn-soft:#2e2617;--danger:#f59a73;--danger-soft:#3a1f14;--glass-1:rgba(38,48,92,0.55);--glass-2:rgba(18,24,51,0.28);--glass-hi:rgba(255,255,255,0.18);--glass-edge-1:rgba(255,255,255,0.32);--glass-edge-2:rgba(255,255,255,0.04);--glass-edge-3:rgba(117,144,255,0.4);--glass-shadow:rgba(0,0,0,0.55);color-scheme:dark}}*{box-sizing:border-box}body,html{margin:0}body,html{background:var(--bg)}body{color:var(--ink);font-family:var(--f);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tnum{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.container{max-width:1200px;margin:0 auto;padding-left:max(24px,env(safe-area-inset-left,0px));padding-right:max(24px,env(safe-area-inset-right,0px))}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--bg) 85%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.site-header.bordered{border-bottom:1px solid var(--line)}.site-header-inner{height:var(--header-h);max-width:1200px;margin:0 auto;padding-left:max(24px,env(safe-area-inset-left,0px));padding-right:max(24px,env(safe-area-inset-right,0px));display:flex;align-items:center;justify-content:space-between;gap:12px}.site-header.compact .site-header-inner{max-width:none}.hdr-left,.hdr-right{display:flex;align-items:center;gap:14px;min-width:0}.logo{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:16px;letter-spacing:-.01em;white-space:nowrap}.logo img{width:30px;height:30px;display:block}.crumb{color:var(--muted);font-size:14px;min-width:0}.crumb,.crumb strong{display:inline-flex;align-items:center;gap:8px}.crumb strong{color:var(--ink);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.crumb strong img{width:22px;height:22px}.nav-link{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:var(--muted)}.nav-link:hover{color:var(--ink)}@media (max-width:600px){.btn-quiet span,.crumb .sep,.logo-text,.nav-link span{display:none}}.seg{display:inline-flex;border:1px solid var(--line);border-radius:999px;overflow:hidden;background:var(--surface);padding:2px;gap:2px;position:relative}.seg button{border:0;background:none;color:var(--muted);padding:4px 11px;font-size:12px;font-weight:600;letter-spacing:.04em;cursor:pointer;border-radius:999px}.seg button.on{background:var(--ink);color:var(--bg)}.seg-toggle button{position:relative;z-index:1;width:40px;padding:4px 0;text-align:center;transition:color .3s ease}.seg-toggle button.on{background:none}.seg-toggle button{color:var(--muted)}html[data-lang=en] .seg-toggle button[data-l=en],html[data-lang=th] .seg-toggle button[data-l=th]{color:var(--bg)}.seg-toggle .seg-thumb{position:absolute;top:2px;bottom:2px;left:2px;width:40px;border-radius:999px;background:var(--ink);box-shadow:0 2px 6px -2px rgba(15,23,51,.35);transition:transform .38s cubic-bezier(.34,1.3,.5,1)}html[data-lang=th] .seg-toggle .seg-thumb{transform:translateX(42px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--ink);padding:9px 18px;font-size:14.5px;font-weight:500;cursor:pointer;white-space:nowrap;transition:border-color .15s,transform .15s,filter .15s}.btn:hover{border-color:var(--faint)}.btn-primary{background:linear-gradient(180deg,var(--accent),var(--accent-deep));border-color:transparent;color:#fff;font-weight:600;box-shadow:0 8px 22px -10px color-mix(in srgb,var(--accent) 70%,transparent)}.btn-primary:hover{filter:brightness(1.08);border-color:transparent}.btn-quiet{padding:6px 13px;font-size:13.5px}.btn-lg{padding:12px 24px;font-size:15.5px}.home{min-height:100dvh;display:flex;flex-direction:column;position:relative;isolation:isolate}.home:before{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse 75% 70% at 50% 55%,#000 10%,transparent 75%);mask-image:radial-gradient(ellipse 75% 70% at 50% 55%,#000 10%,transparent 75%);opacity:.8}.home .site-header{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.home-main{flex:1 1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(28px,5.5vh,56px);padding-block:clamp(12px,3vh,36px) clamp(20px,5vh,56px);text-align:center}@media (min-height:600px){.home{height:100dvh;overflow:hidden}}.hero-copy{display:flex;flex-direction:column;align-items:center;gap:clamp(14px,2.4vh,22px);max-width:920px;min-width:0;position:relative;z-index:1;padding:clamp(26px,4vh,44px) clamp(22px,4vw,60px);isolation:isolate}.hero-copy:before{content:"";position:absolute;inset:-14% -22%;z-index:-1;pointer-events:none;background:radial-gradient(closest-side,var(--glass-1),transparent);-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%);-webkit-mask-image:radial-gradient(closest-side,#000 45%,rgba(0,0,0,.6) 68%,transparent 100%);mask-image:radial-gradient(closest-side,#000 45%,rgba(0,0,0,.6) 68%,transparent 100%)}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;letter-spacing:.05em;color:var(--accent);margin:0;padding:5px 12px 5px 10px;border-radius:999px;background:var(--accent-soft)}.eyebrow .dot{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.hero-copy h1{font-size:clamp(36px,5.2vw,68px);line-height:1.08;letter-spacing:-.025em;margin:0;text-wrap:balance;font-weight:700}.hero-copy h1 .grad>[lang]{padding-block:.06em;background:linear-gradient(100deg,var(--accent),var(--iq) 55%,var(--accent-deep));-webkit-background-clip:text;background-clip:text;color:transparent}.lead{color:var(--muted);font-size:clamp(15px,1.3vw,18px);margin:0;max-width:52ch;text-wrap:pretty}.hero-copy h1 [lang=en]{line-height:1.12}.hero-copy h1 [lang=th]{line-height:1.34;letter-spacing:-.01em}.hero-copy h1 .grad>[lang=th]{padding-block:.08em .02em}.lead [lang=en]{line-height:1.6}.lead [lang=th]{line-height:1.7}.hero-cta{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}.hero-cta,.ro{align-items:center}.ro{display:inline-flex;gap:6px;font-size:13px;color:var(--muted)}.tool-list{z-index:1;width:100%;max-width:960px;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px;text-align:left}.tool-list,.tool-row{position:relative;display:grid}.tool-row{grid-template-columns:44px minmax(0,1fr);grid-template-rows:auto auto;grid-column-gap:12px;column-gap:12px;grid-row-gap:10px;row-gap:10px;align-items:center;padding:16px;border-radius:20px;transition:transform .25s ease,box-shadow .25s ease}.tool-row img{width:44px;height:44px;display:block}.tool-row .tr-text{min-width:0}.tool-row .tr-desc,.tool-row .tr-name{display:block}.tool-row .tr-name{font-weight:600;font-size:15.5px;line-height:1.3}.tool-row .tr-desc{font-size:13px;color:var(--muted);line-height:1.4}.tool-row .pill{grid-column:1/-1;justify-self:start}.tool-row.on{transform:translateY(-3px)}.tool-row.on:after{background:linear-gradient(140deg,var(--glass-edge-1),var(--glass-edge-2) 45%,color-mix(in srgb,var(--accent) 70%,transparent) 100%)}.tool-row.on .glass-tint{opacity:1}a.tool-row{cursor:pointer}.pill{font-size:11.5px;font-weight:500;border-radius:999px;padding:2px 10px;white-space:nowrap}.pill.live{background:var(--accent-soft);color:var(--accent)}.pill.soon{background:var(--grid);color:var(--muted)}.glass{background:linear-gradient(150deg,var(--glass-1),var(--glass-2));-webkit-backdrop-filter:blur(22px) saturate(180%);backdrop-filter:blur(22px) saturate(180%);box-shadow:inset 0 1px 0 var(--glass-hi),inset 0 -10px 24px -18px var(--glass-hi),0 24px 60px -32px var(--glass-shadow),0 2px 8px -4px var(--glass-shadow);isolation:isolate}.glass:before{z-index:-1;background:radial-gradient(120% 70% at 12% -10%,var(--glass-hi),transparent 55%);opacity:.55}.glass:after,.glass:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none}.glass:after{padding:1px;background:linear-gradient(140deg,var(--glass-edge-1),var(--glass-edge-2) 45%,var(--glass-edge-3) 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.glass-tint{inset:0;border-radius:inherit;opacity:0;background:radial-gradient(90% 120% at 0 0,color-mix(in srgb,var(--accent) 14%,transparent),transparent 70%);transition:opacity .25s ease}.glass-tint,.hero-art{position:absolute;pointer-events:none;z-index:-1}.hero-art{top:var(--header-h);left:0;right:0;bottom:0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.hero-art canvas{width:100%;height:100%;display:block}@media (max-width:959px){.home-main{justify-content:center;padding-block:clamp(12px,3vh,32px) clamp(28px,7vh,72px);gap:clamp(24px,5.5vh,52px)}.hero-copy{gap:clamp(12px,2.2vh,20px);padding:clamp(20px,3vh,30px) 8px}.hero-copy:before{inset:-10% -14%}.hero-copy h1{font-size:clamp(30px,8vw,44px)}.tool-list{grid-template-columns:minmax(0,1fr);gap:clamp(10px,1.6vh,14px);max-width:520px}.tool-row{grid-template-columns:40px minmax(0,1fr) auto;grid-template-rows:auto;padding:12px 14px}.tool-row img{width:40px;height:40px}.tool-row .pill{grid-column:auto;justify-self:end}.tool-row.on{transform:none}.hero-art{top:0;opacity:.7;-webkit-mask-image:linear-gradient(180deg,transparent,#000 30%,#000);mask-image:linear-gradient(180deg,transparent,#000 30%,#000)}}@media (max-width:959px) and (max-height:760px){.lead{display:none}.hero-copy h1{font-size:clamp(28px,7.4vw,34px)}.home-main{gap:clamp(18px,3.5vh,28px)}.tool-row{padding:10px 12px}.hero-copy{padding:16px 8px}}@media (max-width:959px) and (max-height:640px){.eyebrow,.ro{display:none}}.page{animation:page-in .38s cubic-bezier(.2,.7,.2,1) backwards}html.page-out .page{opacity:0;transform:translateY(6px);filter:blur(2px);transition:opacity .2s ease,transform .2s ease,filter .2s ease}@keyframes page-in{0%{opacity:0}to{opacity:1}}@view-transition{navigation:auto}::view-transition-new(root),::view-transition-old(root){animation-duration:.3s}@media (prefers-reduced-motion:reduce){.page{animation:none}html.page-out .page{opacity:1;transform:none;filter:none}}.xl{display:inline-grid}.xl-block{display:grid}.xl>[lang]{grid-area:1/1;opacity:0;filter:blur(3px);visibility:hidden;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:opacity .2s ease,filter .2s ease,visibility 0s linear .2s}html[data-lang=en] .xl>[lang=en],html[data-lang=th] .xl>[lang=th]{opacity:1;filter:none;visibility:visible;pointer-events:auto;-webkit-user-select:auto;-moz-user-select:auto;user-select:auto;transition:opacity .32s ease .16s,filter .32s ease .16s,visibility 0s linear .16s}.xl>[lang]{justify-self:start}.xl-block>[lang]{align-self:start;justify-self:stretch}.hero-copy h1>.xl-block:first-child>[lang]{align-self:end}.btn .xl>[lang],.pill .xl>[lang]{justify-self:center}@media (prefers-reduced-motion:reduce){.xl>[lang]{transition:none!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}html.lang-in .i18n{animation:lang-in .4s ease both}@keyframes lang-in{0%{opacity:0;filter:blur(4px)}to{opacity:1;filter:none}}@media (prefers-reduced-motion:reduce){html.lang-in .i18n{animation:none}}.auth-page{min-height:100dvh;display:flex;flex-direction:column;position:relative;isolation:isolate}.auth-page:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 10%,transparent 70%);mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 10%,transparent 70%)}.auth-wrap{flex:1 1;display:grid;place-items:center;padding-block:40px}.auth-card{width:100%;max-width:400px;background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:36px 30px;display:flex;flex-direction:column;gap:18px;text-align:center;box-shadow:0 30px 80px -40px color-mix(in srgb,var(--accent-deep) 40%,transparent)}.auth-card .auth-logo{width:56px;height:56px;margin:0 auto;display:block}.auth-card h1{font-size:22px;margin:0;font-weight:700;letter-spacing:-.01em}.auth-card p{margin:0;color:var(--muted);font-size:14.5px}.auth-card form .btn{width:100%}.alert{text-align:left;font-size:13.5px;border-radius:10px;padding:10px 12px;background:var(--danger-soft);color:var(--danger);display:flex;gap:8px;align-items:flex-start}.alert svg{flex:none;margin-top:2px}.back{font-size:13.5px;color:var(--muted);display:inline-flex;align-items:center;gap:6px;justify-content:center}.back:hover{color:var(--ink)}.hub-head{padding-block:44px 24px}.hub-head h1{font-size:30px;margin:0;font-weight:700;letter-spacing:-.02em}.hub-head p{margin:6px 0 0;color:var(--muted)}.tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px;padding-bottom:48px}@media (max-width:880px){.tools{grid-template-columns:minmax(0,1fr)}}.tool{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:22px;display:flex;flex-direction:column;gap:10px;min-width:0;transition:border-color .15s,box-shadow .15s}.tool.live:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--line));box-shadow:0 20px 50px -30px color-mix(in srgb,var(--accent-deep) 50%,transparent)}.tool-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.tool-head img{width:52px;height:52px;display:block}.tool.soon .tool-head img{filter:saturate(.35);opacity:.75}.tool h3{margin:6px 0 0;font-size:18px;font-weight:600}.tool p{margin:0;color:var(--muted);font-size:14px;flex:1 1}.tool .btn{align-self:flex-start;margin-top:8px}.tool-frame-page{height:100dvh;display:flex;flex-direction:column}.tool-frame{flex:1 1;width:100%;border:0;display:block;background:var(--bg)}.site-footer{border-top:1px solid var(--line);margin-top:24px}.site-footer-inner{max-width:1200px;margin:0 auto;padding:22px max(24px,env(safe-area-inset-left,0px)) calc(22px + env(safe-area-inset-bottom, 0px));display:flex;flex-wrap:wrap;align-items:center;gap:6px 20px;font-size:13px;color:var(--muted)}.site-footer a:hover{color:var(--ink)}.site-footer .copy{margin-right:auto}.site-footer.compact{border-top:0;margin-top:0;flex:none;position:relative;z-index:1}.site-footer.compact .site-footer-inner{justify-content:center;padding-block:0 calc(14px + env(safe-area-inset-bottom, 0px));font-size:12px;gap:4px 16px}.site-footer.compact .copy{margin-right:0}@media (max-width:959px) and (max-height:640px){.site-footer.compact .copy{display:none}}.legal{display:grid;grid-template-columns:220px minmax(0,1fr);grid-gap:48px;gap:48px;padding-block:40px 56px;max-width:1080px}html[data-lang=en] .legal [data-l=th],html[data-lang=th] .legal [data-l=en]{display:none!important}.legal .toc{position:-webkit-sticky;position:sticky;top:calc(var(--header-h) + 20px);align-self:start;font-size:13px}.legal .toc b{display:block;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--faint);margin-bottom:10px;font-weight:600}.legal .toc a{display:block;color:var(--muted);padding:4px 0 4px 12px;border-left:2px solid var(--line)}.legal .toc a:hover{color:var(--ink);border-left-color:var(--accent)}.legal .doc{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:44px 48px;min-width:0;box-shadow:0 30px 80px -50px color-mix(in srgb,var(--accent-deep) 35%,transparent)}.legal .chip{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;letter-spacing:.05em;color:var(--accent);padding:5px 12px 5px 10px;border-radius:999px;background:var(--accent-soft);margin-bottom:14px}.legal .chip:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent)}.legal h1{font-size:clamp(28px,4vw,36px);line-height:1.2;letter-spacing:-.02em;margin:0 0 8px;font-weight:700}.legal .meta{color:var(--muted);font-size:13.5px;margin:0 0 26px}.legal .lead{font-size:16px;max-width:none;margin:0 0 8px;color:var(--muted)}.legal h2{font-size:19px;letter-spacing:-.01em;margin:36px 0 10px;font-weight:600;scroll-margin-top:calc(var(--header-h) + 20px)}.legal p{margin:0 0 12px}.legal ol,.legal ul{margin:0 0 14px;padding-left:22px}.legal li{margin:4px 0}.legal .doc a{color:var(--accent)}.legal .doc a:hover{text-decoration:underline}.legal .note{background:var(--accent-soft);border-radius:12px;padding:14px 16px;margin:14px 0;font-size:14px}.legal .note b{color:var(--accent)}.legal table{width:100%;border-collapse:collapse;font-size:14px;margin:6px 0 16px}.legal td,.legal th{text-align:left;vertical-align:top;padding:9px 10px;border-bottom:1px solid var(--line)}.legal th{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--faint);font-weight:600}@media (max-width:860px){.legal{grid-template-columns:minmax(0,1fr);gap:0;padding-block:20px 40px}.legal .toc{display:none}.legal .doc{padding:28px 20px;border-radius:16px}.legal td,.legal th{padding:8px 6px}}