:root{--ink: #271A1E;--dim: rgba(39,26,30,.6);--faint: rgba(39,26,30,.38);--line: rgba(39,26,30,.1);--canvas: #F8F4EC;--card: #FDFBF7;--accent: #D41055;--green: #1F8A5B;--amber: #b45309}*{box-sizing:border-box}body{margin:0;background:var(--canvas);font-family:Instrument Sans,sans-serif;color:var(--ink)}.btn{border:1px solid rgba(39,26,30,.16);background:#fff;border-radius:999px;padding:7px 16px;font:inherit;font-size:13px;font-weight:600;color:var(--ink);cursor:pointer;transition:background .12s,border-color .12s}.btn:hover{background:#271a1e0a}.btn:disabled{opacity:.5;cursor:default}.btn.danger{background:var(--accent);border-color:var(--accent);color:#fff}.btn.danger:hover{filter:brightness(1.08);background:var(--accent)}.btn.quiet{border-color:transparent;background:transparent}.btn.quiet:hover{background:#271a1e0d}.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:20px 24px;margin-top:16px}.help{font-size:12.5px;color:var(--dim);line-height:1.6}.err{font-size:12.5px;color:#b91c1c}.field,textarea.field{width:100%;border:1px solid rgba(39,26,30,.16);border-radius:10px;padding:9px 12px;font:inherit;font-size:13px;margin-top:4px;background:#fff;color:var(--ink)}.field:focus{outline:2px solid rgba(212,16,85,.35);outline-offset:0;border-color:#d4105580}.flabel{font-size:10.5px;font-weight:700;letter-spacing:.07em;color:var(--faint);text-transform:uppercase;display:block;margin-top:14px}.badge{font-size:10px;font-weight:800;letter-spacing:.08em;border-radius:999px;padding:3px 10px;text-transform:uppercase;white-space:nowrap}.badge.approval{color:var(--amber);border:1px solid var(--amber)}.badge.published{color:var(--green);border:1px solid var(--green)}.badge.draft{color:var(--dim);border:1px solid rgba(39,26,30,.25)}.blog-split{display:flex;gap:22px;align-items:flex-start;margin-top:16px}.blog-left{flex:1 1 46%;min-width:380px}.blog-right{flex:1 1 54%;position:sticky;top:22px;max-height:calc(100vh - 44px);overflow-y:auto}.post-row{display:flex;align-items:center;gap:12px;width:100%;text-align:left;border:1px solid transparent;background:transparent;border-radius:14px;padding:12px 14px;cursor:pointer;font:inherit}.post-row:hover{background:#ffffffb3}.post-row.on{background:#fff;border-color:var(--line);box-shadow:0 2px 10px #271a1e0f}.post-row .t{font-size:14px;font-weight:600;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.post-row .s{font-size:12px;color:var(--dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:2px}.post-row .thumb{width:64px;height:40px;border-radius:8px;object-fit:cover;flex-shrink:0;background:linear-gradient(135deg,#f8b335,#d41055);border:1px solid var(--line)}.preview{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:34px 38px}.preview .cover{width:100%;border-radius:14px;margin-bottom:24px;display:block}.preview h1.title{font-family:Newsreader,Georgia,serif;font-weight:500;font-size:32px;line-height:1.15;margin:0 0 8px}.preview .byline{font-size:12.5px;color:var(--dim);margin:0 0 22px}.preview .body{font-size:15px;line-height:1.75;color:#3d3236}.preview .body h2{font-family:Newsreader,Georgia,serif;font-weight:500;font-size:24px;color:var(--ink);margin:30px 0 10px}.preview .body h3{font-size:16px;font-weight:700;color:var(--ink);margin:22px 0 6px}.preview .body p{margin:0 0 14px}.preview .body ul{margin:0 0 14px;padding-left:22px}.preview .body li{margin:5px 0}.preview .body a{color:var(--accent)}.preview .body code{background:#271a1e0f;border-radius:5px;padding:1px 6px;font-size:13px}.preview .faq{margin-top:34px;border-top:1px solid var(--line);padding-top:20px}.preview .faq h2{font-family:Newsreader,Georgia,serif;font-weight:500;font-size:22px;margin:0 0 6px}.preview .faq h3{font-size:14.5px;font-weight:700;margin:14px 0 4px}.preview .faq p{font-size:13.5px;line-height:1.65;color:var(--dim);margin:0}.preview .seo-strip{margin-top:28px;border-top:1px dashed rgba(39,26,30,.18);padding-top:14px}.preview .seo-strip .g-title{color:#1a0dab;font-size:16px;margin:0;font-family:arial,sans-serif}.preview .seo-strip .g-url{color:#006621;font-size:12.5px;margin:2px 0;font-family:arial,sans-serif}.preview .seo-strip .g-desc{color:#545454;font-size:13px;line-height:1.5;margin:0;font-family:arial,sans-serif}