.preview-banner { margin: 0 0 var(--space-4, 16px); padding: 10px 14px; border-radius: 8px; background: #fbf1da; color: #6b4600; border: 1px solid #e9cf8f; font-size: 14px; }
@media (prefers-color-scheme: dark) { .preview-banner { background: #33290f; color: #f2d28a; border-color: #5b4716; } }
.review-box { margin: var(--space-4, 16px) 0; padding: 12px 14px; border: 1px dashed #c9a648; border-radius: 8px; }
.review-box summary { cursor: pointer; font-weight: 600; }
.review-text { width: 100%; min-height: 72px; resize: vertical; font: inherit; margin: 6px 0; }
.review-comments { margin: 8px 0; padding-left: 18px; }
.review-comments li { margin-bottom: 4px; white-space: pre-wrap; }
.review-card { margin-top: var(--space-5, 20px); padding: 14px 16px; border: 1px dashed #c9a648; border-radius: 8px; }
.review-card h2 { font-size: 1.05rem; margin: 0 0 6px; }
.review-card .row { display: flex; flex-wrap: wrap; gap: 8px; align-items: flex-end; margin-top: 8px; }
.review-card input { flex: 1 1 200px; min-width: 0; }
.review-approved { color: #17703f; font-weight: 600; }
@media (prefers-color-scheme: dark) { .review-approved { color: #6fd39b; } }