.mode-list { grid-template-columns: 1fr; }
[hidden] { display: none !important; }
.mode-list legend { margin-bottom: var(--space-2); color: var(--text-secondary); font-size: .78rem; font-weight: var(--font-weight-bold); }
.source-actions, .result-actions { display: flex; flex-wrap: wrap; gap: var(--space-2); }
.tool-warning { margin: var(--space-4) 0 0; padding: var(--space-3) var(--space-4); border: 1px solid var(--tool-warning); border-radius: var(--radius-sm); background: var(--tool-warning-soft); color: var(--tool-warning); }
.result-summary { display: flex; align-items: center; justify-content: space-between; gap: var(--space-4); padding: var(--space-5); }
.result-summary h2 { margin-bottom: var(--space-2); }
.result-summary p { margin: 0; color: var(--text-secondary); }
.result-pages { display: grid; gap: var(--space-4); margin-top: var(--space-4); }
.page-result { padding: var(--space-5); }
.page-result__header { display: flex; align-items: center; justify-content: space-between; gap: var(--space-3); margin-bottom: var(--space-3); }
.page-result h3 { margin: 0; font-size: 1.1rem; }
.page-result textarea { width: 100%; min-height: 12rem; resize: vertical; padding: var(--space-3); border: 1px solid var(--border); border-radius: var(--radius-sm); background: var(--bg-primary); color: var(--text-primary); font: inherit; line-height: 1.55; }
.clipboard-fallback { position: fixed; left: -9999px; }
@media (max-width: 42rem) { .result-summary, .page-result__header { align-items: stretch; flex-direction: column; } .result-actions .button, .page-result__header .button { width: 100%; } }