.grader-page header { min-height: auto; padding-bottom: 32px; }
/* An English title: the tool pages' big headline size is for their short Chinese ones. */
:root.grader-page header.tool-header h1 { font-size: clamp(2.25rem, 6.3vw, 3.15rem); }
.grader-page main { max-width: 900px; margin: 0 auto; padding: 0 20px 48px; }
.grader-page .text-tool-input { width: 100%; }
.grader-actions { display: flex; gap: 12px; flex-wrap: wrap; margin-left: auto; }
.grader-actions .button { border: 0; cursor: pointer; padding: 12px 24px; font: inherit; }
.grader-actions button:disabled { opacity: 0.5; }
.grader-actions [hidden] { display: none; }
#grader-status { margin: 0; }
#grader-status:empty { display: none; }
.grader-note { margin: 0; font-size: 0.9rem; color: var(--ink-soft); text-align: left; }
.grader-card { padding: 24px; border: 1px solid var(--border); border-radius: 12px; margin-bottom: 16px; }
.grader-card h2 { font-size: 1.2rem; margin-bottom: 16px; }
.grader-sentence { font-size: 1.25rem; }
.grader-tokens { display: flex; gap: 8px; flex-wrap: wrap; }
.grader-token { padding: 4px 10px; background: var(--chip-bg); border-radius: 8px; font-size: 0.9rem; }
.grader-token--unknown { background: #fff0db; }


/*# sourceMappingURL=grader.css.map*/