.wh-post-composer{max-width:880px;margin:0 auto;color:#193642}.wh-compose-heading{display:flex;gap:16px;align-items:flex-start;margin:0 0 24px}.wh-compose-heading h1{margin:4px 0 8px;font-size:30px;line-height:1.2}.wh-compose-heading p{margin:0;color:#087da5;font-size:11px;font-weight:800;letter-spacing:.1em}.wh-compose-heading span{color:#607986;font-size:15px}.wh-compose-back{border:1px solid #dce8ed;border-radius:14px;background:#fff;width:44px;height:44px;color:#087da5;font-size:24px;cursor:pointer;flex:0 0 44px}.wh-post-composer form{background:#fff;border:1px solid #dce8ed;border-radius:24px;padding:28px;box-shadow:0 8px 28px #1b3f4e08}.wh-compose-person{display:flex;align-items:center;gap:12px;border-bottom:1px solid #edf2f5;padding-bottom:20px;margin-bottom:24px}.wh-compose-person img,.wh-compose-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover}.wh-compose-avatar{display:grid;place-items:center;background:#e0f5fc;color:#087da5;font-size:22px;font-weight:800}.wh-compose-person strong,.wh-compose-person small{display:block}.wh-compose-person small{margin-top:4px;color:#607986;font-size:13px}.wh-compose-block{margin-bottom:24px}.wh-compose-step{display:flex;align-items:center;gap:10px;margin-bottom:12px}.wh-compose-step>span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#e0f5fc;color:#087da5;font-size:13px;font-weight:800}.wh-compose-step h2{font-size:18px;margin:0}.wh-post-composer textarea,.wh-post-composer select,.wh-compose-poll-option input{box-sizing:border-box;width:100%;border:1px solid #cbdce4;border-radius:14px;background:#fff;padding:14px;color:#193642;font:inherit;font-size:16px}.wh-post-composer textarea{min-height:150px;resize:vertical;line-height:1.65;font-size:18px}.wh-post-composer textarea::placeholder{color:#81939c}.wh-compose-counter{display:block;text-align:right;margin-top:7px;color:#82939b;font-size:11px}.wh-compose-help{color:#607986;font-size:13px;line-height:1.6;margin:0 0 14px}.wh-compose-attachments{display:flex;gap:12px;flex-wrap:wrap}.wh-compose-upload{position:relative;display:flex;align-items:center;gap:12px;border:1px dashed #9bcbdc;border-radius:16px;padding:16px;background:#f4fbfe;min-width:210px;flex:1;cursor:pointer;overflow:hidden}.wh-compose-upload strong,.wh-compose-upload small{display:block}.wh-compose-upload strong{color:#087da5;font-size:15px}.wh-compose-upload small{color:#607986;font-size:12px;margin-top:5px}.wh-compose-icon{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;background:#e0f5fc;border-radius:14px;font-size:22px}.wh-compose-upload input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.wh-compose-upload:focus-within{outline:3px solid #087da5;outline-offset:3px}.wh-compose-previews{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}.wh-compose-previews figure{margin:0;border:1px solid #dce8ed;border-radius:16px;overflow:hidden;min-width:0}.wh-compose-previews figure>img,.wh-compose-previews figure>video{display:block;width:100%;height:180px;object-fit:contain;background:#eff5f8}.wh-compose-previews figcaption{padding:12px}.wh-compose-previews figcaption>span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#607986;font-size:12px;margin-bottom:10px}.wh-compose-previews figcaption>div{display:flex;gap:8px;flex-wrap:wrap}.wh-post-composer button,.wh-crop-dialog button{font:inherit;font-size:14px;cursor:pointer}.wh-compose-previews button,.wh-compose-mode button,.wh-compose-poll-option button,.wh-compose-block>button{border:1px solid #d8e6ed;border-radius:10px;padding:9px 12px;background:#f6fafc;color:#087da5;min-height:40px;font-weight:700}.wh-compose-reminder{display:flex;gap:12px;background:#f4f9fb;border-radius:16px;padding:16px;margin:0 0 20px}.wh-compose-reminder p{font-size:13px;color:#526d7a;line-height:1.6;margin:0}.wh-compose-reminder .wh-compose-icon{background:#e8f3f7}.wh-compose-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #edf2f5;padding-top:20px}.wh-compose-actions button,.wh-crop-dialog footer button{border:1px solid #d8e6ed;border-radius:12px;min-height:48px;padding:12px 18px;background:#fff;color:#526d7a;font-weight:700}.wh-post-composer .wh-compose-primary{border-color:#009bcf;background:#009bcf;color:#fff;box-shadow:0 4px 12px #00aeef21}.wh-post-composer button:disabled{opacity:.5;cursor:wait}.wh-post-composer :focus-visible{outline:3px solid #087da5;outline-offset:3px}.wh-compose-mode{display:flex;gap:10px;margin-bottom:20px}.wh-compose-mode [aria-pressed=true]{background:#e0f5fc;border-color:#009bcf}.wh-compose-poll-option{display:flex;gap:10px;align-items:center;margin:12px 0}.wh-compose-poll-option label{flex:0 0 65px;font-size:12px;color:#607986}.wh-compose-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.wh-crop-overlay{position:fixed;inset:0;background:#132c3db3;z-index:120;display:flex;justify-content:center;align-items:center;padding:20px;box-sizing:border-box}.wh-crop-dialog{box-sizing:border-box;background:#fff;border-radius:24px;padding:24px;width:540px;max-width:100%;max-height:calc(100dvh - 40px);overflow:auto;box-shadow:0 20px 70px #142e4255}.wh-crop-dialog header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.wh-crop-dialog h2{margin:0 0 6px;font-size:24px}.wh-crop-dialog p{font-size:13px;line-height:1.5;color:#607986;margin:0}.wh-crop-dialog header>button{width:40px;height:40px;border:0;background:#edf5f8;border-radius:50%;font-size:24px;color:#526d7a;flex:0 0 40px}.wh-crop-dialog label{display:block;font-size:13px;font-weight:700;color:#526d7a;margin:12px 0}.wh-crop-dialog select{margin-top:8px;padding:10px;font-size:14px}.wh-crop-stage{background:#edf5f8;border-radius:14px;overflow:hidden;margin:16px 0;text-align:center}.wh-crop-stage canvas{display:block;width:100%;height:auto;max-height:330px;object-fit:contain;cursor:grab;touch-action:none}.wh-crop-stage canvas[hidden]{display:none}.wh-crop-stage p{padding:30px}.wh-crop-stage canvas:active{cursor:grabbing}.wh-crop-dialog input[type=range]{display:block;width:100%;accent-color:#009bcf;min-height:32px;margin-top:6px}.wh-crop-position{display:grid;grid-template-columns:1fr 1fr;gap:14px}.wh-crop-dialog footer{display:flex;gap:12px;justify-content:space-between;padding-top:16px;border-top:1px solid #edf2f5}.wh-crop-dialog [role=alert]{color:#a02020;margin:12px 0}
@media(max-width:760px){.wh-compose-heading h1{font-size:25px}.wh-post-composer form{padding:18px;border-radius:20px}.wh-compose-heading{gap:12px;margin-bottom:18px}.wh-compose-step h2{font-size:16px}.wh-compose-upload{min-width:0;padding:14px}.wh-compose-attachments{flex-direction:column}.wh-compose-previews{gap:10px}.wh-compose-previews figure>img,.wh-compose-previews figure>video{height:130px}.wh-compose-previews button{padding:8px;font-size:12px}.wh-compose-actions{flex-direction:column-reverse;align-items:stretch}.wh-crop-overlay{padding:10px}.wh-crop-dialog{padding:18px;max-height:calc(100dvh - 20px);border-radius:20px}.wh-crop-dialog footer{flex-direction:column-reverse}.wh-crop-position{grid-template-columns:1fr;gap:0}.wh-crop-stage canvas{max-height:260px}.wh-compose-reminder .wh-compose-icon{display:none}}
/* Photo selection inspired by the MetaFox media workflow. */
.wh-compose-fields{border:0;padding:0;margin:0;min-width:0}
.wh-compose-dropzone{border:2px dashed #b6dce9;border-radius:18px;padding:18px;background:#f7fcfe;transition:border-color .15s,background .15s}
.wh-compose-dropzone.is-over{border-color:#009bcf;background:#e0f6ff;box-shadow:inset 0 0 0 2px #009bcf22}
.wh-compose-photo-toolbar{display:flex;gap:12px;align-items:center;justify-content:space-between}
.wh-compose-add-photos{display:flex;gap:12px;align-items:center;border:0;border-radius:12px;background:transparent;text-align:left;color:#087da5;padding:8px;min-height:60px}
.wh-compose-add-photos strong,.wh-compose-add-photos small{display:block}
.wh-compose-add-photos strong{font-size:16px}
.wh-compose-add-photos small{font-size:12px;color:#607986;margin-top:5px;line-height:1.5}
.wh-compose-photo-count{white-space:nowrap;background:#e0f5fc;border-radius:20px;padding:8px 12px;color:#087da5;font-weight:700;font-size:13px}
.wh-compose-dropzone>.wh-compose-help{margin:8px 8px 0}
.wh-compose-previews{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}
.wh-compose-previews figure{position:relative;background:#fff;max-width:100%}
.wh-compose-previews figure[draggable=true]{cursor:grab}
.wh-compose-previews figure:active{cursor:grabbing}
.wh-compose-previews figure>img{height:190px;object-fit:contain}
.wh-compose-photo-number{display:block;padding:8px 12px;background:#e8f6fc;color:#087da5;font-size:12px;font-weight:700}
.wh-compose-previews figcaption>div{display:grid;grid-template-columns:1fr 1fr}
.wh-compose-previews button{min-height:38px}
.wh-compose-video-upload{margin-top:12px;min-width:0;flex:none}
.wh-compose-file-errors{background:#fff4ec;border:1px solid #f1c79f;border-radius:14px;color:#83421b;padding:14px 16px;margin:0 0 18px;font-size:13px;line-height:1.6;overflow-wrap:anywhere}
.wh-compose-file-errors ul{margin:6px 0 0;padding-left:20px}
.wh-compose-selection-status{font-size:13px;color:#087da5;margin:10px 0;min-height:0}
.wh-compose-selection-status:empty{display:none}
.wh-compose-upload-status{color:#087da5;font-weight:700;line-height:1.6}
.wh-compose-fields:disabled .wh-compose-dropzone{opacity:.7}
@media(max-width:480px){.wh-compose-dropzone{padding:10px}.wh-compose-previews{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.wh-compose-previews figure>img{height:125px}.wh-compose-previews figcaption{padding:8px}.wh-compose-previews button{padding:6px;font-size:11px;min-height:40px}.wh-compose-add-photos{padding:4px;gap:8px}.wh-compose-add-photos strong{font-size:14px}.wh-compose-add-photos small{font-size:11px}.wh-compose-photo-count{padding:6px 8px}.wh-compose-photo-number{font-size:10px;padding:8px}}
@media(prefers-reduced-motion:reduce){.wh-compose-dropzone{transition:none}}