/* Owned Mod editor layout; controls retain the site's native Discuz classes. */
.mod-post { min-width: 0; margin: 12px 0; }
.mod-post [hidden] { display: none !important; }
.mod-post .mod-post-fields { width: 100%; table-layout: fixed; }
.mod-post .mod-post-fields > tbody > tr > th { width: 125px; padding: 12px 10px 12px 0; vertical-align: top; border-bottom: 1px dashed #ddd; }
.mod-post .mod-post-fields > tbody > tr > td { padding: 12px 0; vertical-align: top; border-bottom: 1px dashed #ddd; }
.mod-post .mod-post-control > .px { width: 100%; max-width: 480px; box-sizing: border-box; }
.mod-post .mod-post-control > .pt, .mod-post .mod-post-raw .pt { width: 100%; max-width: 720px; min-height: 100px; box-sizing: border-box; }
.mod-post .mod-post-choices { display: flex; flex-wrap: wrap; gap: 6px 16px; }
.mod-post .mod-post-choices > label { display: inline-block; min-width: 130px; max-width: 100%; overflow-wrap: anywhere; }
.mod-post .mod-post-help, .mod-post .mod-post-description { white-space: pre-wrap; overflow-wrap: anywhere; margin: 6px 0; font-family: inherit; }
.mod-post .mod-post-error { display: block; color: #c00; margin-top: 5px; overflow-wrap: anywhere; }
.mod-post .mod-post-error:empty { display: none; }
.mod-post .mod-post-invalid > th { color: #c00; }
.mod-post .mod-post-summary { padding: 10px 12px; border: 1px solid #f0c6c6; background: #fff5f5; color: #a22; white-space: pre-wrap; overflow-wrap: anywhere; margin-bottom: 10px; }
.mod-post .mod-post-ai-status { display: block; }
.mod-post .mod-post-ai-dimensions { display: flex; flex-wrap: wrap; gap: 10px 20px; margin-top: 12px; }
.mod-post .mod-post-ai-dimension { display: inline-flex; gap: 8px; align-items: center; }
.mod-post .mod-post-obsolete { margin-top: 12px; }
.mod-post .mod-post-obsolete > summary { cursor: pointer; color: #666; padding: 8px 0; }
.mod-post .mod-post-raw { margin-top: 10px; }
.mod-post .mod-post-raw > summary { cursor: pointer; color: #666; font-size: 12px; }
.mod-post .mod-post-raw .pt { display: block; margin: 6px 0; font-family: Consolas, monospace; }
.mod-post .mod-post-toolbar { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0 0 8px; }
.mod-post .mod-post-toolbar .pn, .mod-post .mod-post-raw .pn { padding: 0 8px; }
.mod-post .mod-post-release-scroll { overflow-x: auto; max-width: 100%; }
.mod-post .mod-post-release { width: 100%; min-width: 610px; table-layout: fixed; border-collapse: collapse; }
.mod-post .mod-post-release th { width: auto; padding: 6px; background: #eef2f7; color: #555; font-weight: normal; text-align: left; }
.mod-post .mod-post-release th:first-child { width: 27%; }
.mod-post .mod-post-release td { padding: 5px; border: 1px solid #ddd; vertical-align: top; }
.mod-post .mod-post-release .ps, .mod-post .mod-post-release .px { width: 100%; box-sizing: border-box; }
.mod-post .mod-post-release-actions .pn { font-size: 11px; height: 22px; line-height: 20px; margin: 1px; padding: 0 4px; }
.mod-post .mod-post-row-error { color: #c00; font-size: 12px; overflow-wrap: anywhere; }
.mod-post .mod-post-unsupported { color: #c00; }
@media (max-width: 640px) {
    .mod-post .mod-post-fields, .mod-post .mod-post-fields > tbody, .mod-post .mod-post-field { display: block; width: 100%; }
    .mod-post .mod-post-fields > tbody > tr > th { display: block; width: auto; padding: 10px 0 4px; border: 0; text-align: left; }
    .mod-post .mod-post-fields > tbody > tr > td { display: block; width: auto; padding: 0 0 12px; }
    .mod-post .mod-post-ai-dimensions { flex-direction: column; }
    .mod-post .mod-post-ai-dimension { justify-content: space-between; max-width: 320px; }
    .mod-post .mod-post-choices > label { min-width: 110px; }
    .mod-post .mod-post-control > .px, .mod-post .mod-post-control > .pt { max-width: 100%; }
}
/* Shared read-only declaration below the Mod description, desktop and touch. */
.mod-ai-declaration { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; margin-top: 10px; font: normal 13px/1.8 "Microsoft YaHei", sans-serif; }
.mod-ai-declaration .mod-ai-item { display: inline-flex; align-items: center; gap: 5px; max-width: 100%; }
.mod-ai-declaration .mod-ai-icon { flex: 0 0 16px; }
@media (max-width: 640px) {
    .mod-ai-declaration { column-gap: 8px; }
    .mod-ai-declaration .mod-ai-separator { display: none; }
}