@font-face{font-family:__Noto_Sans_Thai_2b43ef;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(/_next/static/media/f196b1e65fee88ed-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:__Noto_Sans_Thai_2b43ef;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(/_next/static/media/61a7a85bb72f3355-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-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Noto_Sans_Thai_2b43ef;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(/_next/static/media/cc95fdb254242a42-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:__Noto_Sans_Thai_2b43ef;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(/_next/static/media/f196b1e65fee88ed-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:__Noto_Sans_Thai_2b43ef;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(/_next/static/media/61a7a85bb72f3355-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-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Noto_Sans_Thai_2b43ef;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(/_next/static/media/cc95fdb254242a42-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:__Noto_Sans_Thai_Fallback_2b43ef;src:local("Arial");ascent-override:99.79%;descent-override:42.32%;line-gap-override:0.00%;size-adjust:106.33%}.__className_2b43ef{font-family:__Noto_Sans_Thai_2b43ef,__Noto_Sans_Thai_Fallback_2b43ef;font-style:normal}.__variable_2b43ef{--font-noto-thai:"__Noto_Sans_Thai_2b43ef","__Noto_Sans_Thai_Fallback_2b43ef"}:root{--val-space-2:2px;--val-space-4:4px;--val-space-8:8px;--val-space-12:12px;--val-space-16:16px;--val-space-24:24px;--val-space-32:32px;--val-space-48:48px;--val-space-64:64px;--val-space-96:96px;--oklch-ink:oklch(0.27 0.02 250);--oklch-sub:oklch(0.50 0.02 250);--oklch-line:oklch(0.90 0.01 250);--oklch-paper:oklch(0.97 0.012 250);--oklch-paper2:oklch(0.995 0.004 250);--oklch-card:oklch(1 0 0);--oklch-accent:oklch(0.27 0.02 250);--oklch-ok:oklch(0.52 0.15 145);--oklch-warn:oklch(0.55 0.13 70);--shopee:#ee4d2d;--shopee-dark:#d73211;--ink:var(--oklch-ink);--sub:var(--oklch-sub);--line:var(--oklch-line);--paper:var(--oklch-paper);--paper2:var(--oklch-paper2);--card-bg:var(--oklch-card);--accent:var(--oklch-accent);--space-tight:var(--val-space-4);--space-compact:var(--val-space-8);--space-comfortable:var(--val-space-16);--space-loose:var(--val-space-48);--radius-base:4px;--border-light:1px solid var(--line);--card-shadow:none;--card-padding:var(--val-space-16);--interactive-min:44px;--focus-ring-color:var(--ink);--focus-ring-width:2px;--focus-ring-offset:2px;--ease:cubic-bezier(0,0,0.2,1);--dur:0.15s;--font-body:16px;--font-sm:14px;--font-xs:13px}*{margin:0;padding:0;box-sizing:border-box}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{font-family:var(--font-noto-thai),"Noto Sans Thai",sans-serif;font-weight:400;background:linear-gradient(180deg,var(--paper) 0,var(--paper2) 60%,var(--paper) 100%);background-color:var(--paper);min-height:100vh;color:var(--ink);line-height:1.75;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}[role=button],a,button,input,select,textarea{cursor:pointer}:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.wrap{max-width:1024px;margin:0 auto;padding:0 var(--space-comfortable)}.site-header{display:flex;align-items:center;justify-content:space-between;padding:var(--val-space-32) 0}.logo{font-size:18px;letter-spacing:.2em;color:var(--ink);font-weight:400}.site-header nav{display:flex;gap:var(--space-tight);font-size:var(--font-sm)}.site-header nav a{color:var(--sub);padding:var(--space-compact) var(--space-comfortable);transition:color var(--dur) var(--ease)}.site-header nav a:hover{color:var(--ink)}.hero{text-align:center;padding:var(--val-space-96) 0}.hero .eyebrow{font-size:var(--font-xs);letter-spacing:.2em;text-transform:uppercase;color:var(--sub);margin-bottom:var(--val-space-32)}.hero h1{font-size:clamp(36px,5vw,52px);font-weight:500;line-height:1.3;margin-bottom:var(--val-space-24);letter-spacing:-.01em}.hero p{color:var(--sub);max-width:480px;margin:0 auto;font-size:17px}.hero-stat{margin-top:var(--space-comfortable)!important;font-size:var(--font-sm);color:var(--ink)}.cat-chips{display:flex;flex-wrap:wrap;gap:var(--space-compact);justify-content:center;margin-bottom:var(--val-space-48)}.cat-chip{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:var(--border-light);border-radius:99px;font-size:var(--font-sm);color:var(--ink);background:var(--card-bg);transition:border-color var(--dur) var(--ease),background var(--dur) var(--ease)}.cat-chip:hover{border-color:var(--ink);background:var(--paper)}.cat-chip-n{font-size:var(--font-xs);color:var(--sub)}.section-label{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--val-space-48)}.section-label h2{letter-spacing:.2em;text-transform:uppercase;font-weight:400}.section-label a,.section-label h2{font-size:var(--font-sm);color:var(--sub)}.section-label a{padding:var(--space-tight) var(--space-compact)}.section-label a:hover{color:var(--ink)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,230px));justify-content:start;grid-gap:var(--val-space-32);gap:var(--val-space-32)}@media (max-width:520px){.grid{grid-template-columns:repeat(2,1fr);gap:var(--space-comfortable)}}.card .thumb{aspect-ratio:1;background:oklch(.985 0 0);overflow:hidden;margin-bottom:var(--space-comfortable);border-radius:4px;border:1px solid var(--line)}.card .thumb img{width:100%;height:100%;object-fit:cover;transition:opacity .3s var(--ease)}.card:hover .thumb img{opacity:.9}.card .pname{font-size:var(--font-sm);line-height:1.5;margin-bottom:6px;color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card .prow{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-compact)}.card .price{font-size:15px;font-weight:500;color:var(--ink)}.card .sold{font-size:var(--font-xs);color:var(--sub);white-space:nowrap}.site-footer{border-top:var(--border-light);margin-top:var(--val-space-96);padding:var(--val-space-64) 0}.site-footer .disc{font-size:var(--font-xs);color:var(--sub);max-width:520px;margin-top:var(--val-space-32)}.footer-nav{display:flex;gap:var(--val-space-24);margin-top:var(--space-comfortable)}.footer-nav a{font-size:var(--font-sm);color:var(--sub)}.footer-nav a:hover{color:var(--ink)}.byline{display:flex;flex-wrap:wrap;gap:var(--space-comfortable);align-items:center;font-size:var(--font-sm);color:var(--sub);margin-bottom:var(--val-space-24)}.byline-author{color:var(--ink);font-weight:500}.byline-author:hover{text-decoration:underline}.byline-date:before{content:"·";margin-right:var(--space-comfortable);color:var(--line)}.disclosure{font-size:var(--font-xs);line-height:1.6;color:var(--sub);background:var(--paper);padding:var(--space-comfortable);margin:var(--space-comfortable) 0}.disclosure,.verdict-box{border:var(--border-light);border-radius:var(--radius-base)}.verdict-box{background:var(--card-bg);padding:var(--val-space-24);margin:var(--val-space-24) 0}.verdict-score{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-comfortable)}.verdict-num{font-size:32px;font-weight:500;color:var(--ink);line-height:1}.verdict-stars{font-size:var(--font-body);color:#e8a93b;letter-spacing:1px}.verdict-label{font-size:var(--font-xs);color:var(--sub)}.verdict-text{font-size:var(--font-body);line-height:1.6;color:var(--ink);margin-top:var(--space-comfortable)}.proscons-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--val-space-32);gap:var(--val-space-32)}.proscons-src{font-size:var(--font-xs);color:var(--sub);text-transform:none;letter-spacing:0}.proscons h3{font-size:var(--font-sm);font-weight:500;margin-bottom:var(--space-comfortable);color:var(--ink)}.pros h3{color:#2e7d5b}.cons h3{color:#b0683a}.proscons ul{list-style:none;display:flex;flex-direction:column;gap:var(--space-compact)}.proscons li{font-size:var(--font-sm);line-height:1.6;padding-left:1.4em;position:relative}.pros li:before{content:"+";color:#2e7d5b}.cons li:before,.pros li:before{position:absolute;left:0;font-weight:600}.cons li:before{content:"–";color:#b0683a}.methodology p{font-size:var(--font-sm);line-height:1.7;color:var(--sub);max-width:70ch}.author-bio p{font-size:var(--font-body);line-height:1.7;margin-bottom:var(--space-comfortable)}.author-bio ul{display:flex;flex-direction:column;gap:var(--space-compact);padding-left:1.2em}.author-bio li{font-size:var(--font-sm);line-height:1.6;list-style:disc;color:var(--ink)}@media (max-width:560px){.proscons-grid{grid-template-columns:1fr;gap:var(--val-space-24)}}.crumb{font-size:var(--font-sm);color:var(--sub);padding:var(--val-space-24) 0}.crumb a:hover{color:var(--ink)}.product{display:grid;grid-template-columns:360px 1fr;grid-gap:var(--val-space-48);gap:var(--val-space-48);align-items:start;padding-bottom:var(--val-space-32)}.product .pimg{margin:0}.product .pimg img{width:100%;max-width:360px;aspect-ratio:1;object-fit:cover;background:var(--line);border-radius:var(--radius-base);display:block}.img-credit{font-size:var(--font-xs);color:var(--sub);margin-top:var(--space-tight);text-align:right}.cover-fig{margin:0 0 var(--val-space-32);width:min(960px,92vw);margin-inline:calc((min(960px, 92vw) - 100%) / -2)}@media (max-width:760px){.cover-fig{width:100%;margin-inline:0}}.product .cat{font-size:var(--font-xs);letter-spacing:.15em;text-transform:uppercase;color:var(--sub);margin-bottom:var(--space-comfortable)}.product h1{font-size:24px;font-weight:400;line-height:1.5;margin-bottom:var(--val-space-24)}.product .meta{display:flex;gap:var(--val-space-24);align-items:baseline;margin-bottom:var(--val-space-32)}.product .meta .price{font-size:28px}.product .meta .sub{font-size:var(--font-sm);color:var(--sub)}.buy{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:var(--interactive-min);padding:0 22px;background:var(--shopee);color:#fff;border-radius:6px;border:none;font-family:inherit;font-size:15px;font-weight:600;letter-spacing:.02em;box-shadow:0 1px 4px oklch(.62 .2 35/.3);transition:transform var(--dur) var(--ease),background var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.buy:hover{background:var(--shopee-dark);transform:translateY(-1px);box-shadow:0 4px 14px oklch(.62 .2 35/.45)}.buy:active{transform:translateY(1px);box-shadow:0 1px 4px oklch(.62 .2 35/.3)}.section{padding:var(--val-space-48) 0;border-top:var(--border-light)}.section h2{font-size:var(--font-sm);letter-spacing:.2em;text-transform:uppercase;color:var(--sub);font-weight:400;margin-bottom:var(--val-space-24)}.desc p{margin-bottom:18px;max-width:70ch}.faq-item{border-top:var(--border-light);padding:var(--val-space-24) 0;max-width:70ch}.faq-item:first-child{border-top:none}.faq-item .q{font-weight:500;margin-bottom:var(--space-compact)}.faq-item .a{color:oklch(.45 0 0)}.blog-list{border-top:var(--border-light)}.blog-row{display:flex;align-items:center;gap:var(--val-space-24);padding:var(--val-space-24) 0;border-bottom:var(--border-light);transition:opacity var(--dur) var(--ease)}.blog-row:hover{opacity:.6}.blog-thumb{flex:0 0 160px;width:160px;aspect-ratio:16/9;border-radius:var(--radius-base);overflow:hidden;border:var(--border-light);background:var(--paper)}.blog-thumb img{width:100%;height:100%;object-fit:cover;display:block}.blog-row-body{flex:1 1;min-width:0}@media (max-width:560px){.blog-row{gap:var(--space-comfortable)}.blog-thumb{flex-basis:120px;width:120px}}.blog-row-body h2{font-size:18px;font-weight:500;line-height:1.4;margin-bottom:var(--space-tight);color:var(--ink)}.blog-row-body p{max-width:70ch}.blog-arrow,.blog-row-body p{font-size:var(--font-sm);color:var(--sub)}.blog-arrow{flex-shrink:0;align-self:center}.post{max-width:720px;margin:0 auto;padding:var(--val-space-24) 0 var(--val-space-48)}.post-title{font-size:30px;font-weight:500;line-height:1.35;margin-bottom:var(--val-space-32)}.post-cover{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius-base);border:var(--border-light);display:block}.post-body{font-size:var(--font-body);line-height:1.8}.post-body h2{font-size:20px;font-weight:500;margin:var(--val-space-32) 0 var(--space-comfortable)}.post-body p{margin-bottom:18px}.post-body ol,.post-body ul{margin:0 0 18px 1.25rem}.post-body li{margin-bottom:var(--space-compact)}.kw-tags{display:flex;flex-wrap:wrap;gap:var(--space-compact)}.kw-tag{font-size:var(--font-sm);color:var(--sub);border:var(--border-light);border-radius:99px;padding:var(--space-tight) var(--space-comfortable)}.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-comfortable)}.login-card{width:100%;max-width:380px;background:var(--card-bg);border:var(--border-light);border-radius:var(--radius-base);box-shadow:var(--card-shadow);padding:var(--val-space-32)}.login-title{font-size:18px;font-weight:500;text-align:center;margin-bottom:var(--val-space-24)}.login-field{margin-bottom:var(--space-comfortable)}.login-field label{display:block;font-size:var(--font-xs);color:var(--sub);margin-bottom:var(--space-tight)}.login-field input,.login-field textarea{width:100%;min-height:var(--interactive-min);padding:var(--space-compact) var(--space-comfortable);border:var(--border-light);border-radius:var(--radius-base);font-family:inherit;font-size:var(--font-sm);background:var(--card-bg);color:var(--ink)}.login-err{color:var(--accent);font-size:var(--font-sm);margin-bottom:var(--space-comfortable)}.login-btn{width:100%;margin-top:var(--space-compact)}.admin-shell{display:grid;grid-template-columns:220px 1fr;min-height:100vh}.admin-sidebar{background:oklch(.97 0 0);border-right:var(--border-light);padding:var(--val-space-32) var(--space-comfortable);display:flex;flex-direction:column;gap:var(--val-space-32);position:-webkit-sticky;position:sticky;top:0;height:100vh}.admin-brand{font-size:18px;letter-spacing:.2em;color:var(--ink)}.admin-nav{display:flex;flex-direction:column;gap:var(--space-tight)}.admin-nav-link{display:flex;align-items:center;gap:var(--space-compact);min-height:var(--interactive-min);padding:0 var(--space-comfortable);border-radius:var(--radius-base);color:var(--sub);font-size:var(--font-sm);transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}.admin-nav-link:hover{background:oklch(.94 0 0);color:var(--ink)}.admin-nav-link.active{background:var(--ink);color:#fff}.admin-nav-icon{width:16px;text-align:center}.admin-logout{margin-top:auto;min-height:var(--interactive-min);background:none;border:var(--border-light);border-radius:var(--radius-base);color:var(--sub);font-family:inherit;font-size:var(--font-sm)}.admin-logout:hover{color:var(--accent);border-color:var(--accent)}.admin-main{padding:var(--val-space-48);max-width:900px}.admin-topbar{display:none}.admin-burger{min-width:var(--interactive-min);min-height:var(--interactive-min);background:none;border:var(--border-light);border-radius:var(--radius-base);font-size:20px;color:var(--ink);cursor:pointer}.admin-page-title{font-size:22px;font-weight:500;margin-bottom:var(--val-space-24)}.admin-section-h2{letter-spacing:.1em;text-transform:uppercase;margin-bottom:var(--space-comfortable)}.admin-muted,.admin-section-h2{font-size:var(--font-sm);color:var(--sub)}.admin-err{color:var(--accent);font-size:var(--font-sm);margin-bottom:var(--space-comfortable)}.admin-card{background:var(--card-bg);border:var(--border-light);border-radius:var(--radius-base);box-shadow:var(--card-shadow);padding:var(--card-padding)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:var(--space-comfortable);gap:var(--space-comfortable)}.stat-card{background:var(--card-bg);border:var(--border-light);border-radius:8px;padding:var(--val-space-24)}.stat-num{font-size:32px;font-weight:500;line-height:1}.stat-label{font-size:var(--font-xs);color:var(--sub);margin-top:var(--space-compact)}.recent-list{list-style:none;flex-direction:column}.recent-list,.recent-list li{display:flex;gap:var(--space-compact)}.recent-list li{align-items:center}.recent-name{font-size:var(--font-sm)}.filter-bar{display:flex;gap:var(--space-compact);margin-bottom:var(--val-space-24);flex-wrap:wrap}.filter-search{flex:1 1;min-width:200px}@media (max-width:560px){.filter-bar{flex-direction:column;align-items:stretch}.filter-bar .btn,.filter-bar input,.filter-bar select{width:100%;min-width:0}}.filter-bar input,.filter-bar select{min-height:var(--interactive-min);padding:var(--space-compact) var(--space-comfortable);border:var(--border-light);border-radius:var(--radius-base);font-family:inherit;font-size:var(--font-sm);background:var(--card-bg);color:var(--ink)}.prod-row{margin-bottom:var(--space-compact);padding:var(--space-comfortable) var(--val-space-24)}.prod-name{font-size:16px;font-weight:600;line-height:1.35;display:flex;flex-wrap:wrap;align-items:center;gap:8px}.prod-head{margin-bottom:0}.prod-main{display:flex;gap:var(--space-comfortable);align-items:center}.prod-thumb{object-fit:cover;display:block}.prod-thumb,.prod-thumb-empty{flex:0 0 auto;width:52px;height:52px;border-radius:var(--radius-base);border:var(--border-light);background:var(--paper)}.prod-cat-tag{font-size:var(--font-xs);color:var(--sub);margin-top:2px}.prod-stats{margin-left:auto;display:flex;gap:var(--val-space-24);text-align:right;flex:0 0 auto}.prod-stat{display:flex;flex-direction:column;align-items:flex-end;line-height:1.3}.prod-stat .v{font-size:var(--font-sm);font-weight:600;color:var(--ink);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.prod-stat .k{font-size:var(--font-xs);color:var(--sub)}.prod-actions{display:flex;gap:var(--space-compact);flex-wrap:wrap;align-items:center;margin-top:var(--space-comfortable);padding-top:var(--space-comfortable);border-top:var(--border-light)}@media (max-width:600px){.prod-stats{gap:var(--space-comfortable)}.prod-stats .prod-stat.hide-sm{display:none}}.prod-actions input,.prod-actions select{min-height:var(--interactive-min);padding:var(--space-compact) var(--space-comfortable);border:var(--border-light);border-radius:var(--radius-base);font-family:inherit;font-size:var(--font-sm);background:var(--card-bg);color:var(--ink)}.post-admin-row{display:flex;gap:var(--space-comfortable);align-items:flex-start}.post-cover-thumb{flex:0 0 160px;width:160px;aspect-ratio:16/9;border-radius:var(--radius-base);border:var(--border-light);overflow:hidden;background:var(--paper);display:flex;align-items:center;justify-content:center}.post-cover-thumb img{width:100%;height:100%;object-fit:cover;display:block}.post-cover-empty{font-size:var(--font-xs);color:var(--sub);text-align:center;padding:var(--space-compact)}.img-prompt-box{margin:var(--space-comfortable) 0;padding:var(--space-comfortable);background:var(--paper);border:var(--border-light);border-radius:var(--radius-base)}.img-prompt-label{display:flex;align-items:center;justify-content:space-between;gap:var(--space-compact);font-size:var(--font-xs);color:var(--sub);margin-bottom:var(--space-compact)}.img-prompt-text{display:block;font-size:var(--font-sm);line-height:1.5;color:var(--ink);word-break:break-word;white-space:pre-wrap}.btn-xs{min-height:32px;padding:0 var(--space-compact);font-size:var(--font-xs)}.rte{margin:4px 0 10px}.rte-toolbar{display:flex;flex-wrap:wrap;gap:4px;align-items:center;padding:6px;background:var(--paper);border:var(--border-light);border-bottom:none;border-radius:var(--radius-base) var(--radius-base) 0 0}.rte-body{background:var(--card-bg);line-height:1.7;font-size:var(--font-body);border-radius:0 0 var(--radius-base) var(--radius-base)}.rte-body:focus{border-color:var(--ink)}.rte-body h2{font-size:20px;font-weight:500;margin:14px 0 8px}.rte-body h3{font-size:17px;font-weight:500;margin:12px 0 6px}.rte-body p,.rte-body ul{margin:0 0 10px}.rte-body ul{padding-left:22px}.rte-body a{color:var(--accent);text-decoration:underline}.rte-body:empty:before{content:"เริ่มเขียนเนื้อหา...";color:var(--sub)}.rte-body img{max-width:100%;height:auto;border-radius:var(--radius-base);margin:8px 0;display:block}.upload-progress{position:relative;height:22px;margin:6px 0;border-radius:99px;overflow:hidden;background:var(--paper);border:var(--border-light)}.upload-progress-bar{height:100%;background:var(--shopee,#ee4d2d);transition:width .15s ease}.upload-progress-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--ink)}.post-body img{max-width:100%;height:auto;border-radius:var(--radius-base);margin:var(--space-comfortable) 0;display:block}.post-body figure{margin:var(--val-space-24) 0}.post-body figcaption{font-size:var(--font-sm);color:var(--sub);margin-top:var(--space-tight)}@media (max-width:560px){.post-admin-row{flex-direction:column}.post-cover-thumb{width:100%;flex-basis:auto;aspect-ratio:16/9}}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:var(--interactive-min);padding:0 var(--space-comfortable);border-radius:var(--radius-base);border:1px solid var(--ink);background:var(--ink);color:#fff;font-family:inherit;font-size:var(--font-sm);transition:transform var(--dur) var(--ease),filter var(--dur) var(--ease)}.btn:hover{filter:brightness(1.15);transform:translateY(-1px)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.4;transform:none}.btn.ghost{background:var(--card-bg);color:var(--ink)}.btn.accent{background:var(--accent);border-color:var(--accent)}.badge{display:inline-block;font-size:var(--font-xs);padding:var(--space-tight) var(--space-compact);border-radius:99px;margin-left:var(--space-compact)}.badge.draft{background:oklch(.95 0 0);color:var(--sub)}.badge.scheduled{background:oklch(.95 .05 80);color:var(--oklch-warn)}.badge.published{background:oklch(.95 .06 145);color:var(--oklch-ok)}.badge.hasdesc{background:oklch(.94 .04 270);color:oklch(.45 .15 270)}.status-tabs{display:flex;gap:var(--space-tight);margin-bottom:var(--val-space-24);flex-wrap:wrap;border-bottom:var(--border-light)}.status-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;cursor:pointer;font:inherit;font-size:var(--font-sm);color:var(--sub);padding:var(--space-compact) var(--space-comfortable);border:none;border-bottom:2px solid transparent;margin-bottom:-1px}.status-tab:hover{color:var(--ink)}.status-tab.active{color:var(--ink);font-weight:500;border-bottom-color:var(--ink)}.status-tab .status-tab-count{display:inline-block;min-width:18px;margin-left:6px;padding:0 6px;font-size:var(--font-xs);line-height:18px;text-align:center;border-radius:99px;background:oklch(.93 0 0);color:var(--sub)}.status-tab.active .status-tab-count{background:var(--ink);color:var(--paper)}@media (max-width:600px){.status-tabs{gap:0}.status-tab{flex:1 1;text-align:center;padding:var(--space-compact) var(--space-tight)}}.pager{display:flex;gap:var(--space-comfortable);align-items:center;justify-content:center;margin:var(--val-space-24) 0;flex-wrap:wrap}.admin-preview,.pager .admin-muted{font-size:var(--font-sm)}.admin-preview{margin-top:var(--space-comfortable);padding:var(--space-comfortable);background:var(--paper);border-radius:var(--radius-base)}.admin-preview h4{font-size:var(--font-xs);color:var(--sub);text-transform:uppercase;letter-spacing:.05em;margin:var(--space-comfortable) 0 var(--space-tight)}.admin-preview .faqq{font-weight:500;margin-top:var(--space-compact)}.tpl-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-comfortable)}.tpl-key{font-size:var(--font-xs);color:var(--sub);padding:var(--space-tight) var(--space-compact);border-radius:var(--radius-base)}.tpl-key,.tpl-textarea{background:var(--paper)}.tpl-textarea{width:100%;padding:var(--space-comfortable);border:var(--border-light);border-radius:var(--radius-base);font-family:ui-monospace,SF Mono,Menlo,Consolas,Noto Sans Thai,monospace;font-size:var(--font-sm);line-height:1.7;color:var(--ink);resize:vertical;overflow:hidden;min-height:120px;box-sizing:border-box}.tpl-actions{display:flex;align-items:center;gap:var(--space-comfortable);margin-top:var(--space-comfortable)}@media (max-width:720px){.admin-shell{grid-template-columns:1fr}.admin-topbar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-compact) var(--space-comfortable);border-bottom:var(--border-light);position:-webkit-sticky;position:sticky;top:0;z-index:20;background:oklch(.97 0 0)}.admin-brand-desktop{display:none}.admin-sidebar{position:static;height:auto;flex-direction:column;gap:var(--space-comfortable);max-height:0;overflow:hidden;padding-top:0;padding-bottom:0;border-right:none;border-bottom:var(--border-light);transition:max-height var(--dur) var(--ease),padding var(--dur) var(--ease)}.admin-sidebar.open{max-height:80vh;padding-top:var(--space-comfortable);padding-bottom:var(--space-comfortable)}.admin-nav{flex-direction:column}.admin-nav-link{width:100%}.admin-logout{margin-top:var(--space-comfortable);width:100%}.admin-main{padding:var(--val-space-24) var(--space-comfortable)}}@media (max-width:820px){.product{grid-template-columns:1fr;gap:var(--val-space-24)}.product .pimg img{margin-inline:auto}.site-header nav a{padding:var(--space-compact)}}.preview-banner{position:-webkit-sticky;position:sticky;top:0;z-index:50;background:#b45309;color:#fff;padding:10px 16px;font-size:14px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.preview-banner a{color:#fff;text-decoration:underline}