.cloud-page main.cloud-guest { max-width: 1440px; margin: 0 auto; padding: 24px 32px; }
.guest-header, .guest-actions, .guest-brand, .guest-notes-actions, .guest-footer { display: flex; align-items: center; gap: 12px; }
.guest-header { justify-content: space-between; gap: 24px; }
.cloud-page .guest-brand { text-decoration: none; font-size: 16px; font-weight: 550; letter-spacing: -.035em; }
.guest-actions { justify-content: flex-end; flex-wrap: wrap; }
#guest-save-status { color: var(--cloud-muted); font-size: 11px; }
.guest-layout { display: grid; grid-template-columns: 200px minmax(0, 1fr); gap: clamp(28px, 6vw, 90px); margin-top: 64px; }
.guest-notes-actions { gap: 4px; margin-bottom: 16px; }
#guest-list { display: flex; flex-direction: column; gap: 4px; }
.cloud-page #guest-list button { justify-content: flex-start; text-align: left; background: transparent; font-weight: 400; overflow-wrap: anywhere; }
.cloud-page #guest-list button[aria-current="page"] { background: var(--cloud-control); }
.guest-writing { max-width: 740px; width: 100%; margin: 0 auto; }
.guest-promise { color: var(--cloud-muted); font-size: 11px; }
.cloud-page #guest-title, .cloud-page #guest-body { border: 0; border-radius: 0; background: transparent; padding: 0; box-shadow: none; outline: none; }
.cloud-page #guest-title { margin-top: 26px; font-size: 30px; font-weight: 550; letter-spacing: -.045em; }
.cloud-page #guest-body { margin-top: 24px; min-height: 48vh; resize: vertical; font-size: 17px; line-height: 1.8; }
.guest-footer { justify-content: space-between; flex-wrap: wrap; margin: 24px 0 12px; color: var(--cloud-muted); font-size: 11px; }
#guest-feedback { color: var(--cloud-alert); font-size: 12px; }
#guest-open-workspace { display: inline-block; margin-top: 12px; }
@media (max-width: 700px) {
  .cloud-page main.cloud-guest { padding: 20px max(20px, env(safe-area-inset-right)) 32px max(20px, env(safe-area-inset-left)); }
  .guest-header { align-items: flex-start; gap: 12px; }
  .guest-actions { gap: 8px; }
  #guest-save-status { flex-basis: 100%; text-align: right; order: 3; }
  .guest-layout { display: flex; flex-direction: column; gap: 28px; margin-top: 32px; }
  .guest-notes { display: flex; align-items: start; gap: 8px; overflow-x: auto; }
  .guest-notes-actions { flex-shrink: 0; margin: 0; }
  #guest-list { flex-direction: row; }
  #guest-list button { white-space: nowrap; max-width: 180px; overflow: hidden; text-overflow: ellipsis; }
  .cloud-page #guest-title { font-size: 27px; }
}