.dev-dialog { width: min(560px, 100%); height: auto; max-height: min(680px, calc(100vh - 48px)); }
.dev-body { flex: 1; min-height: 0; display: flex; flex-direction: column; gap: 12px; padding: 14px 20px 6px; overflow: auto; }
.dev-file { margin: 0; color: var(--dfp-ink-2); font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dev-field { display: flex; flex-direction: column; gap: 6px; }
.dev-field[hidden] { display: none; }
.dev-ws { width: 100%; }
.dev-lbl { font-size: 13px; font-weight: 700; color: var(--dfp-ink-2); }
.dev-kinds { display: flex; flex-wrap: wrap; gap: 6px; }
.dev-kind {
  display: inline-flex; align-items: center; gap: 8px; font: inherit; font-weight: 600; color: var(--dfp-ink-2); background: var(--dfp-panel);
  border: 1px solid var(--dfp-field); border-radius: 8px; padding: 7px 12px; min-height: 38px; cursor: pointer;
}
.dev-kind[aria-checked="true"] { background: var(--dfp-tint); border-color: var(--dfp-navy); color: var(--dfp-ink); }
.dev-kind:hover, .dev-kind:focus-visible { background: var(--dfp-navy); border-color: var(--dfp-navy); color: var(--dfp-on-navy); }
.dev-kind:focus-visible { outline: 2px solid var(--dfp-focus); outline-offset: 1px; }
.dev-list { flex: none; min-height: 160px; max-height: 300px; padding: 4px 0; border: 1px solid var(--dfp-line); border-radius: 10px; }
.dev-list .dfp-row { margin: 0 4px; }
.dev-pdf { display: flex; align-items: center; gap: 10px; min-height: 40px; cursor: pointer; font-weight: 600; }
.dev-check { width: 18px; height: 18px; margin: 0; accent-color: var(--dfp-navy); flex: none; }
.dev-hint { margin: -6px 0 0 28px; color: var(--dfp-muted); font-size: 13px; }
.dev-hint[hidden] { display: none; }
.dev-err { margin: 0; color: #b42318; font-size: 13.5px; min-height: 0; }
.dev-err:empty { display: none; }
.dev-note { flex: 1; min-width: 0; margin: 0; color: var(--dfp-muted); font-size: 12.5px; }
.dev-done { display: flex; align-items: flex-start; gap: 12px; padding: 18px 0 12px; }
.dev-done p { margin: 0; font-size: 15px; font-weight: 600; line-height: 1.45; }
.dev-done__ic { color: #1f7a4d; flex: none; display: grid; place-items: center; margin-top: 1px; }
:root[data-theme="dark"] .dev-err { color: #ff9b8f; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .dev-err { color: #ff9b8f; } }

@media (max-width: 640px) {
  .dev-dialog { height: auto; max-height: 92vh; max-height: 92dvh; }
  .dev-body { padding: 12px 16px 4px; }
  .dev-kind { min-height: 44px; flex: 1 1 calc(50% - 6px); justify-content: flex-start; }
  .dev-list { max-height: 40vh; }
  .dev-pdf { min-height: 44px; }
  .dev-ws { font-size: 16px; min-height: 44px; }
  .dev-note { flex: 1 1 100%; }
}