.article-editor-dialog { width: min(56rem, calc(100vw - 2rem)); max-height: 92vh; gap: 0; overflow: hidden; }
.article-editor-header { flex: none; padding: 1.25rem 1.5rem; border-bottom: 1px solid #303b49; }
.article-editor-header h2 { font-size: 1.35rem; font-weight: 800; letter-spacing: -.01em; }
.article-editor-fields { flex: 1 1 auto; min-height: 0; overflow-y: auto; padding: 1.25rem 1.5rem; scrollbar-width: thin; scrollbar-color: #475569 #161b22; }
.article-editor-fields > div { margin: 0; padding: 1rem; border: 1px solid #334155; border-radius: .75rem; background: #1b222c; }
.article-editor-fields label { display: block; margin-bottom: .55rem; color: #f1f5f9; font-size: .9rem; font-weight: 700; }
.article-editor-fields label.text-xs { margin-bottom: .35rem; color: #94a3b8; font-size: .75rem; font-weight: 500; line-height: 1.65; }
.article-editor-fields input:not([type="file"]), .article-editor-fields textarea, .article-editor-fields select { min-height: 2.8rem; border-color: #526174; background-color: #101720; color: #f8fafc; border-radius: .55rem; }
.article-editor-fields input:not([type="file"]):focus, .article-editor-fields textarea:focus, .article-editor-fields select:focus { outline: 2px solid rgba(59,130,246,.55); outline-offset: 1px; border-color: #60a5fa; }
.article-editor-fields textarea { min-height: 6rem; line-height: 1.8; }
.article-editor-fields > div:nth-child(3) textarea { min-height: 16rem; }
.article-editor-content-tools { padding: .65rem; border: 1px solid #334155; border-radius: .65rem; background: #111821; }
.article-editor-content-tools button { min-height: 2.4rem; border-color: #53647a; background: #263345; color: #f8fafc; font-weight: 600; }
.article-editor-content-tools button:hover { border-color: #60a5fa; background: #30425a; }
.article-editor-gallery-uploader input[type="file"] { min-height: 2.8rem; padding: .45rem; border: 1px dashed #64748b; border-radius: .6rem; background: #111821; }
.article-editor-actions { flex: none; padding: 1rem 1.5rem; border-top: 1px solid #303b49; background: #161b22; }
.article-editor-actions button { min-height: 2.65rem; padding-left: 1rem; padding-right: 1rem; font-weight: 700; }
@media (max-width: 640px) {
  .article-editor-dialog { width: calc(100vw - 1rem); max-height: 94vh; padding: .5rem; }
  .article-editor-header, .article-editor-fields, .article-editor-actions { padding-left: .75rem; padding-right: .75rem; }
  .article-editor-fields { gap: .75rem; }
  .article-editor-fields > div { padding: .75rem; }
  .article-editor-fields > div:nth-child(6) { grid-template-columns: 1fr; }
  .article-editor-fields > div:nth-child(7) { align-items: flex-start; gap: .75rem; flex-direction: column; }
}