.paraphrase-main { padding-block: 48px 80px; }
.paraphrase-intro { max-width: 720px; margin-bottom: 36px; }
.paraphrase-intro h1 { font-size: clamp(2rem, 4vw, 3rem); line-height: 1.15; letter-spacing: -.03em; margin-bottom: 16px; }
.paraphrase-intro p { color: var(--muted); font-size: 16px; line-height: 1.8; }
.paraphrase-workspace { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 48px; align-items: start; }
.paraphrase-workspace h2 { font-size: 20px; margin-bottom: 20px; letter-spacing: -.02em; }
.paraphrase-label { display: flex; justify-content: space-between; gap: 16px; align-items: center; margin-bottom: 10px; font-size: 14px; }
#character-count { color: var(--muted); font-size: 13px; white-space: nowrap; }
#original-text { width: 100%; min-height: 320px; padding: 18px; border: 1px solid var(--border-strong); border-radius: 10px; background: var(--surface); color: var(--text); font: 400 16px/1.85 var(--font); resize: vertical; caret-color: var(--primary); }
#original-text::placeholder { color: var(--muted); opacity: 1; }
.paraphrase-options { display: flex; gap: 16px; align-items: center; margin-block: 18px; }
#paraphrase-mode { min-height: 44px; padding: 8px 12px; background: var(--surface); color: var(--text); border: 1px solid var(--border-strong); border-radius: 8px; font: inherit; }
.paraphrase-consent { display: flex; align-items: flex-start; gap: 10px; font-size: 14px; line-height: 1.7; margin-block: 22px; }
.paraphrase-consent input { flex: none; width: 18px; height: 18px; margin-top: 4px; accent-color: var(--primary); }
.paraphrase-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.paraphrase-actions .btn { min-height: 44px; font-size: 14px; }
.paraphrase-output { padding-left: 32px; border-left: 1px solid var(--border); }
.paraphrase-result-area { min-height: 320px; padding: 24px; background: var(--surface); border-radius: 12px; overflow-wrap: anywhere; }
#paraphrase-result { white-space: pre-wrap; font-size: 16px; line-height: 1.85; color: var(--text); }
#paraphrase-empty { padding-block: 34px; color: var(--muted); line-height: 1.8; max-width: 40ch; }
#paraphrase-empty h3 { color: var(--heading); font-size: 21px; margin-bottom: 12px; }
.paraphrase-note, #provider-note { color: var(--muted); font-size: 13px; line-height: 1.8; margin-block: 16px; }
#paraphrase-status { min-height: 28px; font-size: 14px; line-height: 1.7; color: var(--primary); margin-block: 18px; }
#paraphrase-status[data-error='true'] { color: var(--err); }
.paraphrase-help { margin-top: 38px; padding-top: 24px; border-top: 1px solid var(--border); }
.paraphrase-help h2 { font-size: 16px; margin-bottom: 10px; }
.paraphrase-help p { font-size: 14px; color: var(--muted); line-height: 1.8; }
@media (max-width: 700px) {
  .paraphrase-main { padding-block: 30px 56px; }
  .paraphrase-intro { margin-bottom: 28px; }
  .paraphrase-workspace { grid-template-columns: 1fr; gap: 32px; }
  .paraphrase-output { border-left: 0; padding-left: 0; border-top: 1px solid var(--border); padding-top: 28px; }
  #original-text { min-height: 250px; }
  .paraphrase-result-area { min-height: 240px; padding: 20px; }
}