.tbz{margin:0 0 12px}
.tbz .tbz-tb{display:flex;gap:8px;margin:2px 0 10px}
.tbz .tbz-tb button,.tbz .tbz-tb button:hover,.tbz .tbz-tb button:focus{flex:1;border:1.5px solid #d0bfff;background:#f8f5ff;color:#5f3dc4;border-radius:999px;padding:8px 6px;font-family:inherit;font-size:13px;font-weight:700;line-height:1.3;box-shadow:none;cursor:pointer;text-transform:none;letter-spacing:normal;white-space:normal}
.tbz .tbz-g{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:800;color:var(--gc,#868e96);margin:14px 4px 6px}
.tbz .tbz-g::after{content:"";flex:1;height:1px;background:color-mix(in srgb,var(--gc,#868e96) 25%,#fff)}
.tbz .tbz-c{border-radius:18px;margin:0 0 12px;overflow:hidden;background:#fff;box-shadow:0 6px 18px rgba(20,16,40,.10)}
.tbz .tbz-h,.tbz .tbz-h:hover,.tbz .tbz-h:focus{position:relative;display:flex;align-items:center;gap:10px;width:100%;padding:12px;color:#fff;background:linear-gradient(125deg,var(--a,#3b2a7a),var(--b,#7048e8));border:1.5px solid #e9c46a;border-radius:18px;box-shadow:none;font-family:inherit;text-align:left;cursor:pointer;text-decoration:none!important;text-transform:none;letter-spacing:normal;overflow:hidden;outline-offset:2px}
.tbz .tbz-c.op .tbz-h{border-radius:18px 18px 0 0;border-bottom-width:0}
.tbz .tbz-h::before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.22) 48%,transparent 60%);pointer-events:none}
.tbz .tbz-h::after{content:"";position:absolute;right:-30px;top:-40px;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(255,231,160,.35),transparent 70%);pointer-events:none}
.tbz .tbz-ic{position:relative;width:38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;flex:none;background:rgba(255,255,255,.16);box-shadow:inset 0 0 0 1.5px rgba(255,231,160,.7)}
.tbz .tbz-h b{position:relative;font-size:16px;font-weight:800;flex:1;min-width:0;color:#fff;line-height:1.35;text-shadow:0 1px 2px rgba(0,0,0,.25)}
.tbz .tbz-n{position:relative;font-size:11.5px;font-weight:800;color:#3d2b00;background:linear-gradient(135deg,#ffe8a3,#e9c46a);border-radius:999px;padding:3px 9px;flex:none;white-space:nowrap}
.tbz .tbz-new{position:relative;font-style:normal;font-size:10.5px;font-weight:800;color:#fff;background:#e64980;border:1px solid #ffd8e6;border-radius:999px;padding:1px 7px;flex:none}
.tbz .tbz-tg{position:relative;width:30px;height:30px;border-radius:50%;border:1.5px solid rgba(255,231,160,.8);display:flex;align-items:center;justify-content:center;font-size:11px;flex:none;color:#ffe8a3;transition:transform .2s}
.tbz .tbz-go{position:relative;color:#ffe8a3;font-size:20px;flex:none;line-height:1}
.tbz .tbz-c.cl .tbz-tg{transform:rotate(-90deg)}
.tbz .tbz-c.cl .tbz-l{display:none}
.tbz .tbz-l{padding:10px;border:1.5px solid #e9c46a;border-top:0;border-radius:0 0 18px 18px;background:linear-gradient(#fffdf6,#fff)}
.tbz .tbz-gr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.tbz .tbz-r,.tbz .tbz-r:hover,.tbz .tbz-r:focus{display:block;border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 3px 10px rgba(0,0,0,.08);border:1px solid #f1e6c8;color:#2d3436;text-decoration:none!important;min-width:0}
.tbz .tbz-th{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:4/3.4;max-width:100%;font-size:44px;overflow:hidden;background:linear-gradient(140deg,color-mix(in srgb,var(--b,#7048e8) 22%,#fff),color-mix(in srgb,var(--b,#7048e8) 48%,#fff))}
.tbz .tbz-th img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;max-width:none}
.tbz .tbz-th b{position:absolute;left:0;right:0;bottom:0;padding:18px 8px 7px;font-size:13px;font-weight:800;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.68));text-align:left;line-height:1.3;text-shadow:0 1px 2px rgba(0,0,0,.35);overflow-wrap:anywhere}
.tbz .tbz-r small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;padding:6px 8px 8px;font-size:11px;color:#636e72;line-height:1.45}
.tbz .tbz-more,.tbz .tbz-more:hover,.tbz .tbz-more:focus{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:10px;padding:9px 12px;border-radius:999px;border:1.5px solid #e9c46a;background:linear-gradient(135deg,#fff8e1,#ffecb3);color:#7a5200;font-size:13px;font-weight:800;text-decoration:none!important}
.tbz-sh-w{position:fixed;inset:0;z-index:99990;background:rgba(20,16,35,.45);display:flex;align-items:flex-end;justify-content:center}
.tbz-sh{background:#fff;width:100%;max-width:480px;max-height:82vh;overflow:auto;border-radius:22px 22px 0 0;box-shadow:0 -8px 24px rgba(0,0,0,.18);padding:10px max(14px,env(safe-area-inset-right,0px)) calc(14px + env(safe-area-inset-bottom,0px)) max(14px,env(safe-area-inset-left,0px));font-family:inherit;color:#2d3436}
.tbz-sh .tbz-sh-hd{width:40px;height:5px;border-radius:9px;background:#dee2e6;margin:0 auto 10px}
.tbz-sh h3{margin:0 0 2px;font-size:16px}
.tbz-sh p{margin:0 0 10px;font-size:12px;color:#636e72;line-height:1.5}
.tbz-sh .tbz-so{display:flex;align-items:center;gap:8px;padding:7px 2px;border-bottom:1px solid #f1f3f5}
.tbz-sh .tbz-ic{font-size:17px;width:24px;text-align:center;flex:none}
.tbz-sh .tbz-so b{flex:1;min-width:0;font-size:13.5px}
.tbz-sh .tbz-eye,.tbz-sh .tbz-eye:hover,.tbz-sh .tbz-eye:focus{font-family:inherit;font-size:11px;font-weight:700;border:0;border-radius:999px;padding:4px 9px;background:#ebfbee;color:#2b8a3e;cursor:pointer;box-shadow:none;flex:none;text-transform:none;letter-spacing:normal}
.tbz-sh .tbz-eye.off{background:#f1f3f5;color:#868e96}
.tbz-sh .tbz-eye.na{background:#f8f9fa;color:#adb5bd;cursor:default}
.tbz-sh .tbz-ud{display:flex;gap:4px;flex:none}
.tbz-sh .tbz-ud button,.tbz-sh .tbz-ud button:hover,.tbz-sh .tbz-ud button:focus{width:32px;height:32px;padding:0;border-radius:9px;border:1.5px solid #e9ecef;display:flex;align-items:center;justify-content:center;font-size:11px;color:#495057;background:#fff;cursor:pointer;box-shadow:none}
.tbz-sh .tbz-ud button:disabled{opacity:.35;cursor:default}
.tbz-sh .tbz-sb{display:flex;gap:8px;margin-top:12px;position:sticky;bottom:calc(-14px - env(safe-area-inset-bottom,0px));background:#fff;padding:10px 0 4px}
.tbz-sh .tbz-sb button,.tbz-sh .tbz-sb button:hover,.tbz-sh .tbz-sb button:focus{flex:1;border:0;border-radius:999px;padding:10px;font-family:inherit;font-weight:800;font-size:13px;background:#f1f3f5;color:#495057;cursor:pointer;box-shadow:none;text-transform:none;letter-spacing:normal}
.tbz-sh .tbz-sb button.b{background:#6741d9;color:#fff}
@media (min-width:900px){.tbz{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px;align-items:start}.tbz .tbz-tb,.tbz .tbz-g{grid-column:1/-1}}
@media (prefers-reduced-motion:reduce){.tbz .tbz-tg{transition:none}}
@media (min-width:900px){.tbz .tbz-gr{grid-template-columns:repeat(3,minmax(0,1fr))}}
.tms-bg > .tms-bg-g.tbz-old{display:none!important}
/* 27 ต.ค. 10:19 ห้องกลับเป็นการ์ดเดิม (.tms-tile ของ 2199) ในกล่องหมวดหรู */
.tbz-l .tms-tile-grid{margin:0}
.tbz-ti .tms-tile-img{background:radial-gradient(circle at 50% 38%,#ffffff 0,#f1ecff 55%,#e2d8ff 100%)}
.tbz-ti .tms-tile-base{object-fit:contain!important;width:64%!important;height:64%!important;margin:12% 18% 24%!important}
.tbz-te{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:56px;line-height:1}
.tbz-tgr > .tms-tile:not(.tbz-ti) .tms-tile-base{object-fit:cover}
.tbz .tbz-my{margin:0 0 12px}
/* 28 ต.ค. เจ้าของ "แบบ ก" จอคอม ≥1100px: แถบข้างซ้าย (ห้องโปรด · ผลงานของฉัน · ไปที่หมวด) + หมวดเต็มกว้าง 4 ห้องต่อแถว */
@media (min-width:1100px){
main#content:has(.tbz-wide),.page-content:has(.tbz-wide),.home-forum-container:has(.tbz-wide){max-width:1260px!important;width:100%!important}
#tms-folds:has(.tbz-wide){width:100%}
html body #tms-folds .tms-bg.tbz-wide,html body #tms-folds.bb-gsec .tms-bg.tbz-wide{display:grid!important;grid-template-columns:300px minmax(0,1fr)!important;gap:20px!important;align-items:stretch!important;width:100%!important}
html body #tms-folds .tms-bg.tbz-wide > .tbz-side{grid-column:1!important;grid-row:1!important}html body #tms-folds .tms-bg.tbz-wide > .tbz-mainc{grid-column:2!important;grid-row:1!important}
#tms-folds .tbz-side{display:flex;flex-direction:column;gap:14px;min-width:0}
#tms-folds .tbz-mainc{display:flex;flex-direction:column;gap:14px;min-width:0}
#tms-folds .tbz-mainc .bb-mc{grid-template-columns:repeat(5,minmax(0,1fr))!important}
#tms-folds .tbz-side #tmsFav,#tms-folds .tbz-side #tmsBoardMk,#tms-folds .tbz-mainc section.bb-mom{margin:0!important}
#tms-folds .tbz-side .tfv-row{flex-wrap:wrap!important;overflow:visible!important;gap:8px!important}
#tms-folds .tbz-side .tfv-row > *{flex:0 0 calc((100% - 16px)/3)!important;min-width:0!important;width:auto!important}
#tms-folds .tbz-side .tms-hub-write-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
#tms-folds .tbz-side .tms-hub{padding:12px!important}
#tms-folds .tbz-side .tms-hub-grid{grid-template-columns:minmax(0,1fr)!important;gap:4px!important}
#tms-folds .tbz-side .tms-hub-boxhead{flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;text-align:left!important;padding:6px 8px!important;min-height:0!important;height:auto!important;gap:8px!important}
#tms-folds .tbz-side .tms-hub-boxhead .ico{width:30px!important;height:30px!important;flex:none!important;margin:0!important}
#tms-folds .tbz-side .tms-hub-boxhead .lbl{flex:1!important;min-width:0!important;margin:0!important;font-size:13.5px!important}
#tms-folds .tbz-side .tms-hub-boxhead .sub{display:none!important}
#tms-folds .tbz-side .tms-hub-boxhead .arw{position:static!important;margin:0!important}
#tms-folds .tbz-jb{position:sticky;top:calc(var(--wp-admin--admin-bar--height,0px) + 12px);background:#fff;border:1px solid #e5dcff;border-radius:16px;padding:12px;box-shadow:0 2px 8px rgba(80,60,140,.08);max-height:calc(100vh - 110px);overflow:auto}
#tms-folds .tbz-jh{display:flex;align-items:center;gap:6px;margin-bottom:6px}.tbz-jh b{font-size:15px;color:#2b2540}
#tms-folds .tbz-jh button,#tms-folds .tbz-jh button:hover,#tms-folds .tbz-jh button:focus{margin-left:auto;border:0;background:#f3f0ff;color:#5f3dc4;border-radius:999px;font:inherit;font-size:12px;font-weight:800;padding:3px 10px;cursor:pointer;box-shadow:none;text-transform:none;letter-spacing:normal}
#tms-folds .tbz-jl{display:flex;flex-direction:column;gap:2px}
#tms-folds .tbz-jl button,#tms-folds .tbz-jl button:hover,#tms-folds .tbz-jl button:focus{display:flex;align-items:center;gap:8px;width:100%;border:0;background:none;border-radius:9px;padding:6px 8px;font:inherit;font-size:13.5px;color:#2b2540;text-align:left;cursor:pointer;box-shadow:none;text-transform:none;letter-spacing:normal;border-left:3px solid var(--a,#7048e8);border-radius:0 9px 9px 0}
#tms-folds .tbz-jl button:hover{background:#f8f5ff}
#tms-folds .tbz-jl i{font-style:normal;flex:none}.tbz-jl span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tbz-jl em{font-style:normal;color:#8c82ad;font-size:12px;flex:none}
#tms-folds .tbz-wide .tbz{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0 16px!important}
#tms-folds .tbz-wide .tbz .tbz-c{scroll-margin-top:calc(var(--wp-admin--admin-bar--height,0px) + 12px)}
#tms-folds .tbz-wide .tbz .tbz-c.full{grid-column:1/-1}
#tms-folds .tbz-wide .tbz .tbz-c.full .tms-tile-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
#tms-folds .tbz-wide .tbz .tbz-c.half .tms-tile-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
#tms-folds .tbz-wide .tbz .tbz-c.lim .tms-tile-grid > :nth-child(n+9){display:none!important}
#tms-folds .tbz-wide .tbz .tbz-mo,#tms-folds .tbz-wide .tbz .tbz-mo:hover,#tms-folds .tbz-wide .tbz .tbz-mo:focus{display:block;margin:10px auto 0;border:1.5px solid #d0bfff;background:#f8f5ff;color:#5f3dc4;border-radius:999px;padding:7px 18px;font:inherit;font-size:13px;font-weight:800;cursor:pointer;box-shadow:none;text-transform:none;letter-spacing:normal}
}