:root{--accent:#111827;--fg:#111827;--muted:#6b7280;--bg:#ffffff;--line:#e5e7eb;--radius:14px}html[data-dark="1"]{--fg:#f3f4f6;--muted:#a1a1aa;--bg:#0b0f14;--line:#1f2937}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--bg);color:var(--fg);font:16px/1.65 system-ui,-apple-system,Segoe UI,Noto Sans Thai,sans-serif;-webkit-text-size-adjust:100%}main{max-width:1080px;margin:0 auto;padding:0 16px 64px}h1,h2,h3{line-height:1.25;margin:0 0 .5em}h1{font-size:clamp(1.7rem,4vw,2.6rem)}h2{font-size:clamp(1.3rem,3vw,1.9rem)}p{margin:0 0 1em}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto;display:block}.tsr-hero,img{border-radius:var(--radius)}.tsr-hero{background-size:cover;background-position:50%;padding:clamp(32px,7vw,88px) 24px;margin:24px 0;background-color:color-mix(in srgb,var(--accent) 8%,var(--bg))}.tsr-hero-inner{max-width:640px}.tsr-hero p{color:var(--muted);font-size:1.05rem}.tsr-btn{display:inline-block;background:var(--accent);color:#fff;padding:11px 20px;border-radius:999px;border:0;cursor:pointer;font-weight:600;font-size:.95rem}.tsr-btn:hover{opacity:.9;text-decoration:none}.tsr-rich{max-width:720px;margin:32px auto}.tsr-rich.wide{max-width:100%}.tsr-grid{display:grid;grid-gap:16px;gap:16px;margin:28px 0;grid-template-columns:repeat(var(--cols,3),minmax(0,1fr))}@media (max-width:780px){.tsr-grid{grid-template-columns:repeat(min(var(--cols,3),2),minmax(0,1fr))}}@media (max-width:520px){.tsr-grid{grid-template-columns:1fr}}.tsr-card{border:1px solid var(--line);border-radius:var(--radius);padding:16px;background:var(--bg)}.tsr-card img{margin:-16px -16px 12px;border-radius:var(--radius) var(--radius) 0 0;width:calc(100% + 32px)}.tsr-card h3{font-size:1.05rem}.tsr-card p{color:var(--muted);font-size:.93rem}.tsr-faq details{border-bottom:1px solid var(--line);padding:12px 0}.tsr-faq summary{cursor:pointer;font-weight:600}.tsr-cta{border:1px solid var(--line);border-radius:var(--radius);padding:28px;margin:32px 0;text-align:center}.tsr-embed{margin:24px 0}.tsr-embed iframe{max-width:100%;border:0;border-radius:var(--radius)}.tsr-form{display:grid;grid-gap:12px;gap:12px;max-width:520px;margin:28px 0}.tsr-form label{display:grid;grid-gap:6px;gap:6px;font-size:.9rem;color:var(--muted)}.tsr-form input,.tsr-form textarea{font:inherit;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--fg)}.tsr-hp{position:absolute;left:-9999px}.tsr-empty,.tsr-unknown{color:var(--muted);font-size:.9rem;padding:16px 0}.tsr-gal{aspect-ratio:1;object-fit:cover}.tsr-setup{border:1px solid var(--line);border-radius:var(--radius);padding:24px;margin:40px 0}.tsr-setup code{background:color-mix(in srgb,var(--fg) 8%,transparent);padding:2px 6px;border-radius:6px}