@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap');:root{--ink:#20201e;--bg:#f6f4ef;--panel:#fff;--line:#e7e2da;--muted:#777168;--accent:#242421}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Poppins,"Sukhumvit Set",sans-serif;font-size:14px}a{text-decoration:none;color:inherit}.login{min-height:100vh;display:grid;place-items:center}.login-card{width:min(440px,92vw);background:#fff;padding:42px;border:1px solid var(--line);border-radius:18px}.logo-row{display:flex;align-items:center;gap:14px;letter-spacing:.22em}.logo-row img{width:42px}.field{display:grid;gap:7px;margin:18px 0}.field label{font-size:12px;color:var(--muted)}input,select,textarea{width:100%;padding:12px;border:1px solid var(--line);border-radius:8px;background:#fff;font:inherit}button,.btn{border:0;border-radius:8px;padding:11px 16px;cursor:pointer;font:inherit}.btn-primary{background:var(--accent);color:#fff}.btn-light{background:#fff;border:1px solid var(--line)}.layout{display:grid;grid-template-columns:230px 1fr;min-height:100vh}.side{background:#fff;border-right:1px solid var(--line);padding:26px 18px}.side .logo-row{margin-bottom:34px}.side nav{display:grid;gap:8px}.side nav a{padding:11px 12px;border-radius:8px}.side nav a:hover{background:#f1eee8}.main{padding:30px}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px}.article-table{width:100%;border-collapse:collapse}.article-table th,.article-table td{padding:13px;border-bottom:1px solid var(--line);text-align:left}.status{padding:5px 9px;border-radius:99px;font-size:11px;background:#efeee9}.status.pub{background:#e5f4ea;color:#22643b}.editor-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:22px}.toolbar{display:flex;flex-wrap:wrap;gap:7px;padding:10px;border:1px solid var(--line);border-bottom:0;border-radius:8px 8px 0 0;background:#faf9f6}.toolbar button,.toolbar select,.toolbar input[type=color]{width:auto;padding:7px 9px;border:1px solid var(--line);background:#fff;border-radius:6px}.editable{min-height:520px;border:1px solid var(--line);border-radius:0 0 8px 8px;padding:24px;outline:none;line-height:1.8}.editable img,.editable video{max-width:100%;height:auto}.savebar{display:flex;justify-content:flex-end;gap:10px;margin-top:18px;position:sticky;bottom:12px}.small{font-size:11px;color:var(--muted)}.danger{color:#9c2f2f}.media-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.media-item img,.media-item video{width:100%;aspect-ratio:1;object-fit:cover;background:#eee;border-radius:8px}@media(max-width:960px){.layout{grid-template-columns:1fr}.side{display:none}.editor-grid{grid-template-columns:1fr}.main{padding:18px}.media-grid{grid-template-columns:repeat(2,1fr)}}.image-tools{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:9px 10px;border:1px solid var(--line);border-bottom:0;background:#f4f1eb}.image-tools select,.image-tools input{width:auto;padding:7px 8px}.image-caption-label{display:flex;align-items:center;gap:6px;flex:1;min-width:220px}.image-caption-label input{flex:1}.danger-btn{background:#fff;border:1px solid #e5caca;color:#9c2f2f}.editable figure.media-block{margin:22px 0;text-align:center}.editable figure.media-block.align-left{text-align:left}.editable figure.media-block.align-center{text-align:center}.editable figure.media-block.align-right{text-align:right}.editable figure.media-block img,.editable figure.media-block video{max-width:100%;height:auto;display:inline-block;border-radius:4px}.editable figure.media-block.selected{outline:2px solid #c9b69b;outline-offset:5px}.editable figcaption{margin-top:8px;color:var(--muted);font-size:12px;font-style:italic;min-height:1em}.editable figcaption:empty{display:none}