/* SUNDUQ v259 — publication composer, upload and editor UX */
.suVisuallyHidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.nhComposeDraftStatus,#feedComposeDraftStatus{color:#82b9d4;font-weight:700}
.nhComposeClearDraft{margin-right:auto;border:1px solid #315369;background:transparent;color:#8eafc2}
.nhComposePreview{height:auto!important;min-height:150px;display:grid;grid-template-columns:minmax(150px,1fr) minmax(180px,.8fr);gap:14px;padding:12px;overflow:visible}
.nhComposePreview figure{margin:0;min-height:130px;border-radius:11px;overflow:hidden;background:#06131d}
.nhComposePreview figure img{display:block;width:100%;height:100%;max-height:300px;object-fit:contain}
.nhComposePreviewMeta{display:flex;min-width:0;flex-direction:column;justify-content:center;align-items:flex-start;gap:7px}.nhComposePreviewMeta b{max-width:100%;overflow-wrap:anywhere;color:#eef8fd}.nhComposePreviewMeta span{color:#86a4b6;font-size:12px}.nhComposePreviewMeta button{min-height:38px;padding:8px 13px;border:1px solid #704052;border-radius:10px;background:#321824;color:#ffc4d4;font-weight:800}
.nhComposeProgress,.feedComposeProgress259{padding:10px 12px;border:1px solid #31566d;border-radius:12px;background:#081d2b}.nhComposeProgress>div,.feedComposeProgress259>div{height:7px;overflow:hidden;border-radius:999px;background:#06131d}.nhComposeProgress i,.feedComposeProgress259 i{display:block;width:2%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ef2d64,#5bc8ff);transition:width .18s}.nhComposeProgress span,.feedComposeProgress259 span{display:block;margin-top:7px;color:#9fc2d5;font-size:12px}
.feedComposePreview259{display:grid;grid-template-columns:minmax(150px,260px) 1fr;gap:12px;align-items:center;padding:12px;border:1px solid #31566d;border-radius:14px;background:#081d2b}.feedComposePreview259 img{width:100%;max-height:220px;object-fit:contain;border-radius:10px;background:#06131d}.feedComposePreview259 div{display:flex;flex-direction:column;align-items:flex-start;gap:7px;min-width:0}.feedComposePreview259 b{max-width:100%;overflow-wrap:anywhere}.feedComposePreview259 span{color:#8eacbd;font-size:12px}.feedComposePreview259 button,.feedComposeMeta259 button{min-height:36px;border:1px solid #704052;border-radius:9px;background:#321824;color:#ffc4d4}
.feedComposeMeta259{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#87a5b6;font-size:12px}.feedComposeError259{padding:10px 12px;border:1px solid #74374b;border-radius:11px;background:#321520;color:#ffc3d2}.feedComposeProgress259{grid-column:1/-1}.feedComposeError259,.feedComposePreview259,.feedComposeMeta259{grid-column:1/-1}
.tp259PostImage{margin:13px 0;padding:13px;border:1px solid #315d74;border-radius:13px;background:#071923}.tp259PostImage>b{display:block;margin-bottom:9px;color:#dff2fc}.tp259PostImage p{color:#83a0b2}.tp259CurrentImage{display:grid;grid-template-columns:minmax(140px,240px) 1fr;gap:12px;align-items:center;margin-bottom:12px}.tp259CurrentImage img,.tp259ImagePreview img{display:block;width:100%;max-height:220px;object-fit:contain;border-radius:10px;background:#04121b}.tp259CurrentImage label{margin:0!important;display:flex!important;align-items:center;gap:8px;color:#ffc1d1}.tp259CurrentImage input{width:auto!important}.tp259NewImage{padding:11px;border:1px dashed #3c718b;border-radius:11px}.tp259NewImage input{margin-top:8px}.tp259NewImage small{display:block;margin-top:5px;color:#7899ad}.tp259ImagePreview{display:grid;grid-template-columns:minmax(130px,220px) 1fr;gap:11px;align-items:center;margin-top:11px}.tp259ImagePreview span{overflow-wrap:anywhere;color:#9db9c8;font-size:12px}.tp259EditorMeta{justify-content:flex-start!important;color:#7899ad}
@media(max-width:650px){.nhComposePreview,.feedComposePreview259,.tp259CurrentImage,.tp259ImagePreview{grid-template-columns:1fr}.nhComposePreview figure{min-height:110px}.nhComposeFooter{flex-wrap:wrap}.nhComposeClearDraft{order:3;flex-basis:100%!important}.feedComposeMeta259{align-items:flex-start;flex-direction:column}.tp259PostEditor{max-height:none}.tp259PostImage{padding:11px}}