:root{--ink:#17202a;--muted:#6b7280;--cream:#fffaf0;--paper:#fff;--orange:#f97316;--orange-dark:#c2410c;--violet:#7c3aed;--line:#eadfce;--green:#15803d;--red:#b91c1c;--shadow:0 18px 55px rgba(54,38,18,.09)}
*{box-sizing:border-box}body{margin:0;background:linear-gradient(135deg,#fff8e8 0%,#f8f5ff 55%,#eef7ff 100%);color:var(--ink);font-family:"Noto Sans Thai","Segoe UI",Tahoma,sans-serif;min-height:100vh}.topbar{display:flex;justify-content:space-between;align-items:center;padding:28px clamp(20px,5vw,72px);border-bottom:1px solid rgba(124,58,237,.12);background:rgba(255,255,255,.72);backdrop-filter:blur(12px)}h1,h2,p{margin-top:0}.topbar h1{margin:2px 0 0;font-size:clamp(26px,3vw,40px)}.eyebrow{margin:0;color:var(--orange-dark);font-size:12px;font-weight:800;letter-spacing:.18em}.layout{display:grid;grid-template-columns:minmax(300px,430px) minmax(0,1fr);gap:26px;padding:32px clamp(20px,5vw,72px) 72px}.panel{background:rgba(255,255,255,.88);border:1px solid rgba(234,223,206,.9);border-radius:24px;box-shadow:var(--shadow);padding:26px}.compose{align-self:start;position:sticky;top:24px}.muted{color:var(--muted);line-height:1.7}.stack{display:grid;gap:16px}.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:12px}label{display:grid;gap:8px;font-size:14px;font-weight:700}input,select,textarea{width:100%;border:1px solid #d8d1c7;border-radius:12px;background:#fff;padding:12px 14px;font:inherit;color:var(--ink);outline:none}input:focus,select:focus,textarea:focus{border-color:var(--violet);box-shadow:0 0 0 3px rgba(124,58,237,.12)}textarea{resize:vertical}.primary,.ghost,.danger{border:0;border-radius:12px;padding:11px 16px;font:inherit;font-weight:800;cursor:pointer}.primary{background:linear-gradient(135deg,var(--orange),#fb923c);color:#fff;box-shadow:0 8px 24px rgba(249,115,22,.25)}.ghost{background:#f3efff;color:var(--violet)}.danger{background:#fff0f0;color:var(--red)}.section-heading,.post-meta,.details,.actions{display:flex;justify-content:space-between;align-items:center;gap:12px}.count,.category,.status{border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800}.count{background:#f5f0ff;color:var(--violet)}.category{background:#fff4df;color:#a64800}.status{background:#eef2f7;color:#475569}.status.posted{background:#e8f7ec;color:var(--green)}.status.failed{background:#feecec;color:var(--red)}.status.processing{background:#e9f2ff;color:#1d4ed8}.post-list{display:grid;gap:14px;margin-top:20px}.post-card{padding:20px;border:1px solid var(--line);border-radius:18px;background:#fff}.post-card p{line-height:1.72;margin:16px 0}.details{justify-content:flex-start;color:var(--muted);font-size:13px}.actions{justify-content:flex-end;margin-top:16px}.alert{border-radius:12px;padding:11px 13px;font-size:14px}.alert.success{background:#ecfdf3;color:var(--green)}.alert.error{background:#fff0f0;color:var(--red);margin-top:12px}.post-id{font-family:ui-monospace,monospace;color:var(--muted);font-size:12px;margin-top:12px}.empty{text-align:center;color:var(--muted);padding:54px 20px;border:1px dashed #d8d1c7;border-radius:18px;margin-top:20px}.login-page{display:grid;place-items:center;padding:24px}.login-card{width:min(100%,440px);background:rgba(255,255,255,.92);border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow);padding:36px}.brand-mark{display:grid;place-items:center;width:56px;height:56px;border-radius:18px;margin-bottom:22px;background:linear-gradient(135deg,var(--orange),var(--violet));color:#fff;font-weight:900;font-size:19px}.login-card h1{font-size:32px;margin:8px 0}.login-card .primary{margin-top:6px}.login-card .alert{margin:18px 0}
@media(max-width:900px){.layout{grid-template-columns:1fr}.compose{position:static}.two-cols{grid-template-columns:1fr}.topbar{padding:20px}.layout{padding:20px 14px 48px}.panel{padding:20px;border-radius:20px}}
.ai-compose{display:grid;gap:10px;padding:16px;border:1px solid rgba(124,58,237,.2);border-radius:16px;background:linear-gradient(135deg,#fff8ed,#f6f1ff)}.ai-compose>div{display:flex;align-items:center;gap:10px}.ai-badge{border-radius:999px;background:var(--violet);color:#fff;padding:5px 9px;font-size:10px;font-weight:900;letter-spacing:.12em}.ai-button{border:0;border-radius:12px;padding:11px 14px;background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;font:inherit;font-weight:800;cursor:pointer}.ai-button:disabled{cursor:wait;opacity:.6}.ai-status{min-height:20px;color:var(--muted);font-size:13px;line-height:1.5}
.ai-button.image{background:linear-gradient(135deg,#ea580c,#f59e0b)}.ai-preview{margin:2px 0 0;padding:10px;border-radius:14px;background:#fff;border:1px solid rgba(124,58,237,.16)}.ai-preview img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:10px}.ai-preview figcaption{padding:9px 3px 1px;color:var(--muted);font-size:12px;text-align:center}