dialog.self-workspace-dialog { position: fixed; inset: 0; margin: auto; width: min(1320px, calc(100% - 32px)); max-width: 1320px; max-height: 90vh; padding: 0; overflow: auto; box-sizing: border-box; }
.self-workspace-grid { display: grid; grid-template-columns: minmax(0, 1fr); min-width: 0; }
.self-workspace-pane { min-width: 0; padding: 20px; box-sizing: border-box; overflow-wrap: anywhere; }
.self-workspace-heading { margin: 0 0 16px; font-size: 18px; line-height: 1.5; }
.self-workspace-owner > .modal { width: 100%; max-width: none; max-height: none; padding: 0; margin: 0; border: 0; border-radius: 0; box-shadow: none; overflow: visible; }
.self-workspace-work { border-top: 1px solid var(--line); }
@media (min-width: 900px) {
  dialog.self-workspace-dialog { overflow: hidden; }
  .self-workspace-grid { grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr); max-height: calc(90vh - 2px); }
  .self-workspace-pane { overflow: auto; max-height: calc(90vh - 2px); overscroll-behavior: contain; }
  .self-workspace-work { border-top: 0; border-inline-start: 1px solid var(--line); }
}
@media (max-width: 480px) { .self-workspace-pane { padding: 14px; } }