.wall-page { padding-bottom: 72px; }
.wall-editor-section { border-top: 1px solid var(--line); }
.wall-notice { max-width: 82ch; margin-bottom: 34px; padding-left: 16px; border-left: 2px solid var(--profile-accent, var(--gold)); color: var(--muted); line-height: 1.7; }
.wall-editor { max-width: 1000px; }
.wall-editor-heading { display: flex; flex-wrap: wrap; align-items: end; justify-content: space-between; gap: 12px 24px; margin-bottom: 20px; }
.wall-editor-heading h2 { color: var(--text); font-size: clamp(28px, 4vw, 42px); line-height: 1.15; }
.wall-updated { color: var(--muted); font-size: 14px; font-variant-numeric: tabular-nums; }
.wall-editor > label { display: block; margin-bottom: 9px; color: var(--text); font-size: 16px; font-weight: 600; }
.wall-editor textarea { display: block; width: 100%; min-height: clamp(320px, 55vh, 640px); resize: vertical; padding: 18px; border-color: var(--line); background: var(--panel); color: var(--text); font: 400 17px/1.7 var(--sans); white-space: pre-wrap; }
.wall-editor textarea:focus-visible, .wall-name-field input:focus-visible { border-color: var(--profile-accent, var(--gold)); }
.wall-editor-meta { display: flex; flex-wrap: wrap; align-items: end; justify-content: space-between; gap: 14px 22px; margin-top: 18px; }
.wall-name-field { width: min(100%, 360px); }
.wall-name-field label { display: block; margin-bottom: 7px; color: var(--text); font-size: 14px; font-weight: 600; }
.wall-name-field small { color: var(--muted); font-weight: 400; }
.wall-name-field input { min-height: 44px; }
.wall-count { color: var(--muted); font-size: 13px; font-variant-numeric: tabular-nums; }
.wall-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; margin-top: 18px; }
.wall-actions .btn { min-height: 44px; }
.wall-actions button:disabled { opacity: .5; cursor: not-allowed; }
.wall-status { flex: 1 1 240px; min-height: 1.5em; margin: 0; color: var(--muted); font-size: 14px; }
.wall-status[data-state="saved"] { color: #9fddb0; }
.wall-status[data-state="draft"], .wall-status[data-state="saving"] { color: var(--profile-accent, var(--gold)); }
.wall-status[data-state="error"], .wall-status[data-state="sync-error"], .wall-status[data-state="conflict"] { color: #ff9b9b; }
.wall-retry { border: 0; color: var(--muted); background: transparent; font: inherit; text-decoration: underline; text-underline-offset: 4px; cursor: pointer; }
.wall-retry:hover, .wall-retry:focus-visible { color: var(--profile-accent, var(--gold)); }
.wall-retry[hidden], .wall-conflict[hidden] { display: none; }
.wall-conflict { max-width: 1000px; margin-top: 32px; padding: 22px 24px; border-left: 2px solid #ff8585; background: var(--panel); }
.wall-conflict h2 { margin: 0 0 8px; color: var(--text); font-size: 24px; }
.wall-conflict p { margin: 0 0 15px; color: var(--muted); line-height: 1.6; }
.wall-conflict details { margin: 14px 0 18px; }
.wall-conflict summary { color: var(--profile-accent, var(--gold)); cursor: pointer; }
.wall-conflict pre { max-height: 280px; overflow: auto; margin: 12px 0 0; padding: 14px; background: var(--bg); color: var(--text); font: 400 15px/1.6 var(--sans); white-space: pre-wrap; overflow-wrap: anywhere; }
.wall-conflict button { margin: 5px 8px 0 0; text-transform: none; letter-spacing: 0; }
@media (max-width: 620px) {
  .wall-notice { margin-bottom: 26px; }
  .wall-editor textarea { min-height: 55vh; padding: 14px; font-size: 16px; }
  .wall-editor-meta { align-items: flex-start; }
  .wall-count { margin-left: auto; }
  .wall-actions { align-items: stretch; }
  .wall-actions .btn { flex: 1 1 100%; }
  .wall-status { flex-basis: 100%; }
  .wall-conflict { padding: 18px; }
  .wall-conflict button { width: 100%; margin: 5px 0 0; }
}