/* v21: explicit media input surfaces without dimming their content. */
body[data-page="create"] .nd-ref-dropzone {
  position: relative; display: grid; grid-template-columns: minmax(0, 1fr) auto;
  align-items: center; gap: .5rem .75rem; min-width: 0; min-height: 4.5rem;
  margin-bottom: .75rem; padding: .625rem .75rem;
  border: 1px dashed #6d8b80; border-radius: .75rem;
  background: #30413c; color: #edf6ef;
  transition: background-color .15s ease, border-color .15s ease, box-shadow .15s ease;
}
body[data-page="create"] .nd-ref-dropzone:focus-visible { outline: 2px solid #c9ff4f; outline-offset: 3px; }
body[data-page="create"] .nd-ref-dropzone .nd-ref-heading { grid-column: 1; grid-row: 1; margin: 0; }
body[data-page="create"] .nd-ref-dropzone .nd-ref-heading span { display: none; }
body[data-page="create"] .nd-ref-dropzone .gen-ref-strip { grid-column: 1 / -1; grid-row: 2; margin: 0; }
body[data-page="create"] .nd-ref-actions { grid-column: 2; grid-row: 1; display: flex; align-items: center; gap: .75rem; min-width: 0; }
body[data-page="create"] .nd-ref-dropzone[data-empty="true"] .nd-ref-actions { grid-column: 1 / -1; justify-content: space-between; }
body[data-page="create"] .nd-ref-dropzone[data-empty="true"] .gen-ref-strip { display: none; }
body[data-page="create"] .nd-ref-paste-hint { font-size: .75rem; color: #d4e4dc; line-height: 1.4; }
body[data-page="create"] .nd-ref-add { padding: .375rem .625rem; min-height: 2rem; border: 1px solid #78978a; border-radius: .5rem; background: #3c5349; color: #f2f9f3; font: inherit; font-size: .75rem; cursor: pointer; white-space: nowrap; }
body[data-page="create"] .nd-ref-add:hover:not(:disabled) { border-color: #c9ff4f; background: #486353; }
body[data-page="create"] .nd-ref-add:disabled { cursor: default; opacity: .55; }
body[data-page="create"] .nd-composer.nd-upload-over { outline: 0; }
body[data-page="create"] .nd-upload-over .nd-ref-dropzone { background: #3c543e; border: 2px solid #c9ff4f; padding: calc(.625rem - 1px) calc(.75rem - 1px); box-shadow: 0 0 0 3px #c9ff4f30; }
body[data-page="create"] .nd-upload-over .nd-ref-paste-hint { font-size: 0; }
body[data-page="create"] .nd-upload-over .nd-ref-paste-hint::after { content: 'Отпустите, чтобы добавить фото'; font-size: .75rem; color: #e6ffaf; }
body[data-page="create"] .nd-upload-fetching .nd-ref-paste-hint { font-size: 0; }
body[data-page="create"] .nd-upload-fetching .nd-ref-paste-hint::after { content: 'Получаем изображение…'; font-size: .75rem; }
.gen-asset-modal.nd-upload-over { outline: 0; }
.gen-asset-modal.nd-upload-over .gen-asset-dialog { outline: 3px solid #c9ff4f; outline-offset: -3px; box-shadow: 0 0 0 5px #c9ff4f25; }
.nd-upload-item[data-state="queued"] { border-style: dashed; }
.nd-upload-item button:focus-visible,.nd-ref-add:focus-visible { outline: 2px solid #c9ff4f; outline-offset: 2px; }
body[data-page="create"] .nd-reference-dialog-foot .nd-composer-tool { width: auto; min-width: 0; height: auto; min-height: 2.75rem; flex: 0 1 auto; padding: .5rem .625rem; font-size: .75rem; overflow: visible; white-space: normal; }
.nd-reference-dialog-foot .nd-reference-position { flex: 0 0 auto; }
html[data-theme="light"] body[data-page="create"] .nd-ref-dropzone { background: #edf4e6; border-color: #76935b; color: #111; }
html[data-theme="light"] body[data-page="create"] .nd-ref-paste-hint { color: #35432c; }
html[data-theme="light"] body[data-page="create"] .nd-ref-add { background: #dcebc9; border-color: #80985b; color: #111; }
html[data-theme="light"] body[data-page="create"] .nd-ref-add:hover:not(:disabled) { background: #cce6a8; }
html[data-theme="light"] body[data-page="create"] .nd-upload-over .nd-ref-dropzone { background: #d8f3a4; border-color: #608600; }
html[data-theme="light"] body[data-page="create"] .nd-upload-over .nd-ref-paste-hint::after { color: #233900; }
@media(max-width:900px) {
  body[data-page="create"] .nd-ref-dropzone { padding: .5rem; gap: .5rem; }
  body[data-page="create"] .nd-ref-actions { gap: .5rem; }
  body[data-page="create"] .nd-ref-add { min-height: 2.75rem; min-width: 2.75rem; touch-action: manipulation; }
  body[data-page="create"] .nd-ref-paste-hint { max-width: 18ch; }
  body[data-page="create"] .nd-ref-dropzone:not([data-empty="true"]) .nd-ref-paste-hint { display: none; }
  body[data-page="create"] .nd-upload-over .nd-ref-dropzone { padding: calc(.5rem - 1px); }
}
@media(prefers-reduced-motion:reduce) {body[data-page="create"] .nd-ref-dropzone { transition: none; }}