.workspace-dialog {
  width: min(520px, calc(100% - 32px));
  max-height: calc(100dvh - 32px);
  padding: clamp(24px, 5vw, 36px);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  color: var(--ink);
  background: var(--paper);
  box-shadow: var(--shadow);
  overflow-y: auto;
}

.workspace-dialog::backdrop {
  background: rgba(20, 33, 51, .65);
}

body.workspace-dialog-open { overflow: hidden; }
.workspace-dialog .eyebrow { margin: 0 36px 14px 0; }
.workspace-dialog h2 { font-size: clamp(1.7rem, 5vw, 2rem); }
.workspace-dialog p { color: var(--ink-soft); }

.workspace-dialog-close {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 44px;
  height: 44px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--ink);
  font-size: 1.8rem;
  cursor: pointer;
}

.workspace-dialog-close:hover { background: var(--panel); }
.workspace-field { margin-bottom: 18px; }
.workspace-field label { display: block; margin-bottom: 6px; font-weight: 600; }
.workspace-field label span { color: var(--muted); font-weight: 400; }
.workspace-field input {
  width: 100%;
  min-height: 48px;
  padding: 10px 12px;
  border: 1px solid var(--line-dark);
  border-radius: 8px;
  background: var(--white);
  color: var(--ink);
}

.workspace-dialog :focus-visible { outline: 3px solid var(--blue); outline-offset: 3px; }
.workspace-form-note, .workspace-form-status { font-size: .875rem; }
.workspace-submit { width: 100%; cursor: pointer; }
.workspace-form-status { margin: 16px 0 0; overflow-wrap: anywhere; }