:root { --carrot: #ff6f0f; }
body { background: #f6f7f9; }
.bg-carrot { background: var(--carrot) !important; }
.btn-carrot { background: var(--carrot); border-color: var(--carrot); color: #fff; }
.btn-carrot:hover, .btn-carrot:focus { background: #e65f00; border-color: #e65f00; color: #fff; }
.stat-card .num { font-size: 1.9rem; font-weight: 700; line-height: 1.1; }
.thumb { width: 96px; height: 96px; object-fit: cover; border-radius: 8px; background: #eee; flex-shrink: 0; }
.article-row { background: #fff; border-radius: 10px; padding: 12px; margin-bottom: 10px; border: 1px solid #e9ecef; }
.article-row.is-hidden { opacity: .55; }
.article-row .title { font-weight: 600; word-break: break-all; }
.article-row .content-preview { color: #555; font-size: .875rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.img-pick { position: relative; display: inline-block; margin: 0 8px 8px 0; }
.img-pick img { width: 120px; height: 120px; object-fit: cover; border-radius: 8px; border: 3px solid transparent; }
.img-pick input:checked + img { border-color: var(--carrot); }
.img-pick input { position: absolute; top: 6px; left: 6px; width: 18px; height: 18px; }
pre.log { background: #1e1e1e; color: #ddd; padding: 12px; border-radius: 8px; font-size: .8rem; max-height: 480px; overflow: auto; white-space: pre-wrap; }
.preview-box { background: #fff; border: 1px solid #dee2e6; border-radius: 8px; padding: 16px; max-height: 420px; overflow: auto; }
@media (max-width: 576px) { .thumb { width: 72px; height: 72px; } }