/* Paper converter layout; inputs, menus and buttons use shared components. */
.ps-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--space-8); }
.ps-controls { display: flex; flex-direction: column; gap: var(--space-4); min-width: 0; }
.ps-custom { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-3); }
.ps-presets { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: var(--space-2); }
.ps-presets .btn { min-width: 0; padding-inline: 0; }
.ps-presets [aria-pressed="true"] { background: var(--color-accent-soft); color: var(--color-accent); }
.ps-preview { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: var(--space-4); min-width: 0; min-height: 320px; padding: var(--space-4); border-radius: var(--radius-lg); background: var(--color-field); margin: 0; }
.ps-sheet { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: var(--space-2); flex: none; max-width: 100%; background: var(--color-surface); border: 1px solid var(--color-border); border-radius: 2px; box-shadow: 0 4px 16px rgb(0 0 0 / 8%); text-align: center; }
.ps-sheet strong { font-size: var(--text-xl); }
.ps-sheet span { color: var(--color-muted); font-size: var(--text-xs); padding-inline: 8px; overflow-wrap: anywhere; }
.ps-result-head { display: flex; justify-content: space-between; align-items: center; gap: var(--space-3); margin-top: var(--space-6); }
.ps-result-head h2, .ps-chart-title { font-size: var(--text-lg); }
.ps-results { margin: var(--space-3) 0; }
.ps-result { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.5fr) auto; align-items: center; gap: var(--space-3); padding-block: var(--space-3); border-bottom: 1px solid var(--color-border); }
.ps-result dt { font-size: var(--text-sm); color: var(--color-muted); }
.ps-result dd { margin: 0; font-family: var(--font-mono); font-size: var(--text-md); overflow-wrap: anywhere; user-select: all; }
.ps-chart-title { margin-top: var(--space-8); margin-bottom: var(--space-2); }
.ps-table-scroll { overflow-x: auto; margin-top: var(--space-3); }
.ps-table { width: 100%; border-collapse: collapse; text-align: left; font-size: var(--text-sm); white-space: nowrap; }
.ps-table th, .ps-table td { padding: var(--space-2); border-bottom: 1px solid var(--color-border); }
.ps-table th { color: var(--color-muted); font-weight: 400; }
.ps-table td:not(:first-child) { font-variant-numeric: tabular-nums; }
.ps-table tr.is-selected { background: var(--color-accent-soft); }
.ps-table button { padding: 4px 8px; }
@media (max-width: 600px) {
  .ps-layout { grid-template-columns: minmax(0, 1fr); gap: var(--space-6); }
  .ps-preview { min-height: 280px; }
  .ps-result { grid-template-columns: minmax(0, 1fr) auto; gap: var(--space-2); }
  .ps-result dt { grid-column: 1 / -1; }
  .enc-card { padding: var(--space-4); }
}