.writer-box{margin:20px 0;padding:22px;border:1px solid #cbd8e7;border-radius:18px;background:#f8fbff}.writer-box h3{margin:0 0 12px}.editor-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:14px 0}.writer-box #visual-editor{min-height:210px;padding:18px;border:1px solid #aebfd4;border-radius:12px;background:#fff;line-height:1.75;overflow-wrap:anywhere}.writer-box #visual-editor:focus{outline:2px solid #265bd9;outline-offset:2px}.writer-box #html-source{width:100%;min-height:210px}.writer-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:14px}.writer-preview-area{margin-top:16px;padding:20px;border:2px solid #c9d8ef;border-radius:16px;background:#fff;scroll-margin-top:100px;overflow-wrap:anywhere}.writer-preview-area .post-content{max-width:100%;overflow-wrap:anywhere}.writer-preview-image{display:block;width:auto;max-width:100%;height:auto;margin:14px auto;border-radius:8px}@media(max-width:640px){.writer-box{padding:14px}.writer-box #visual-editor{min-height:180px;padding:14px}.writer-preview-area{padding:14px}.editor-toolbar button{min-height:42px}}

.writer-head h3{font-size:1.3rem;margin:3px 0 8px}.writer-head p{margin:0 0 8px}.writer-attachments{margin-top:16px;padding-top:16px;border-top:1px solid #cbd8e7}.writer-attachments h4{font-size:1.06rem;margin:0 0 6px}.writer-attachments p{margin:0 0 8px}.writer-attachments .upload-control{margin-top:10px}
.writer-route{display:flex;flex-wrap:wrap;gap:7px 12px;align-items:center;margin:0 0 15px;padding:11px 13px;border-radius:11px;background:#eaf1ff;color:#31539a;font-size:12px}.writer-route b{white-space:nowrap}.writer-route span{color:#8ca3c8}
.writer-offer-preview{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0 16px;padding:12px;border:1px solid #dbe6fa;border-radius:12px;background:#f5f8ff}.writer-offer-preview>strong{flex-basis:100%;color:#182d53}.writer-offer-preview>span{background:white;padding:6px 9px;border-radius:7px;font-weight:750;color:#274d9a}.writer-offer-preview>span:first-of-type{color:#067d73;background:#e5f7f3}.writer-offer-preview>small{flex-basis:100%;color:#526781}
@media(max-width:640px){.writer-route{gap:5px 8px;font-size:11px}.writer-offer-preview>span{font-size:12px}}

.writer-box #visual-editor img.writer-inline-image,.writer-box #visual-editor img[src*="/file.php?id="]{display:block;max-width:100%;height:auto;margin:16px auto;border-radius:8px}
.writer-preview-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px;padding-top:16px;border-top:1px solid #d9e4f3}.writer-preview-links a,.writer-preview-links div{display:inline-flex;align-items:center;min-height:42px;padding:9px 15px;border-radius:12px;background:#eaf1ff;color:#164597;font-weight:700;text-decoration:none}.writer-preview-links a:hover{background:#dce9ff}
.writer-preview-links .writer-preview-link{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-width:min(100%,240px)}.writer-preview-links .writer-preview-link strong{color:#17355e}.writer-preview-links .writer-preview-link span{font-weight:500;color:#4d6180}
/* Direct editor: the same saved content powers desktop and mobile previews. */
.writer-box{padding:24px;background:#f7f9fc;border-color:#d9e2ed}.editor-toolbar{gap:5px;padding:10px;border:1px solid #cbd8e7;border-radius:12px 12px 0 0;background:#fff;margin-bottom:0}.editor-toolbar button{min-height:36px;padding:7px 10px;background:#f3f6fa;color:#203653;border:1px solid #dce4ef;border-radius:7px;font-size:12px;white-space:nowrap}.editor-toolbar button:hover{background:#e6eefb}.editor-toolbar label{display:flex;align-items:center;gap:5px;margin:0;font-size:11px;color:#52647b}.editor-toolbar select{padding:6px;min-height:34px;max-width:105px;margin:0}.editor-toolbar input[type=color]{width:34px;height:34px;padding:3px;margin:0;border:1px solid #ccd8e7}.writer-edit-status{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:9px 13px;background:#eaf0f8;color:#50677f;font-size:12px}.writer-edit-status .is-error{color:#aa2939;font-weight:700}.writer-box #visual-editor{min-height:380px;border-radius:0 0 12px 12px;border-color:#cbd8e7;font-size:16px;padding:24px;overflow-x:auto}.writer-box #visual-editor:empty:before{content:attr(data-placeholder);color:#8b99ad;pointer-events:none}.writer-box #visual-editor.is-dragover{outline:3px dashed #245bd7;background:#edf4ff}.writer-box #visual-editor table{border-collapse:collapse;min-width:65%;max-width:100%;margin:16px 0}.writer-box #visual-editor th,.writer-box #visual-editor td{border:1px solid #cbd6e6;padding:10px;min-width:65px}.writer-box #visual-editor th{background:#eef3fa}.writer-box #visual-editor img{max-width:100%;height:auto}.writer-box #html-source{min-height:380px;border-radius:0 0 12px 12px;font:14px/1.65 monospace}.writer-preview-tabs{display:flex;gap:4px;background:#e7edf6;padding:4px;border-radius:9px}.writer-preview-tabs button{min-height:34px;border:0;background:transparent;color:#52667e;border-radius:6px;padding:6px 16px}.writer-preview-tabs button[aria-pressed=true]{background:white;color:#16499d;box-shadow:0 1px 4px #223a5e18}.writer-preview-area{transition:max-width .2s ease;width:100%;max-width:100%;margin-left:auto;margin-right:auto}.writer-preview-area.is-mobile{max-width:390px;border-radius:24px;border:6px solid #253b56;padding:16px;min-height:520px}.writer-preview-area .post-content table{border-collapse:collapse;max-width:100%}.writer-preview-area .post-content td,.writer-preview-area .post-content th{border:1px solid #cbd6e6;padding:8px}.writer-preview-area .post-content{overflow-x:auto}.writer-resume{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.writer-attachments .image-row{flex-wrap:wrap}.writer-box [hidden]{display:none!important}#post-form .form-actions{align-items:center;gap:10px;flex-wrap:wrap}#post-form button:disabled{cursor:not-allowed;opacity:.55}@media(max-width:640px){.writer-box{padding:12px;margin-left:-4px;margin-right:-4px}.editor-toolbar{gap:5px;padding:8px}.editor-toolbar button{min-height:40px;padding:7px 9px}.writer-box #visual-editor{padding:16px;min-height:340px}.writer-edit-status{font-size:11px;padding:8px}.writer-preview-area.is-mobile{padding:12px;border-width:4px}.writer-actions>.muted{flex-basis:100%}.writer-attachments .image-row img{max-width:80px}.writer-box #visual-editor table{min-width:100%}#post-form .form-actions>button{width:100%}}