/* WP R13 / quiet, media-led authoring. Existing viewing surfaces are unchanged. */
.compose-steps{display:flex;align-items:center;gap:14px;margin:0 0 22px}.compose-steps i{height:1px;background:var(--line,#e5e6df);flex:1}.compose-steps button{border:0;background:none;display:flex;gap:7px;align-items:center;font-size:12px;font-weight:650;color:#8a918d;padding:5px 0}.compose-steps button span{border:1px solid #dce0da;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;font-size:11px}.compose-steps .active{color:#253b33}.compose-steps .active span{background:#263f34;border-color:#263f34;color:white}
.compose-layout{display:grid;gap:18px;min-width:0}.compose-preview-frame{position:relative;border-radius:20px;overflow:hidden;background:#f1f3ed;border:1px dashed #cdd7ca;min-height:176px}.compose-preview-frame .file-target{border:0;background:none;border-radius:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:174px;padding:18px;position:relative;cursor:pointer}.compose-empty-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:16px;background:#e5eadf;color:#687e68}.compose-preview-frame .file-target strong{font-size:15px}.compose-preview-frame .file-target small,.compose-file-hint{font-size:11px;color:#7b877b}.compose-file-hint{font-size:10px;letter-spacing:.02em}.compose-preview-frame .file-preview{position:relative;inset:auto;display:none}.compose-preview-frame.has-media{border-style:solid;background:#13221c}.compose-preview-frame.has-media .file-target{display:none}.compose-preview-frame.has-media .file-preview{display:block}.compose-preview-frame .file-preview img,.compose-preview-frame .file-preview video{display:block;width:100%;height:236px;object-fit:contain;border-radius:0;margin:0}.compose-file-meta{font-size:11px;color:#697b70;text-align:center;margin:9px 0 10px;min-height:16px;font-variant-numeric:tabular-nums}
.compose-camera-note{font-size:10px;color:#86918a;text-align:center;margin:8px 0 0}.source-buttons{gap:6px}.source-buttons button{min-height:39px;flex:1;display:flex;align-items:center;justify-content:center;gap:5px;font-size:11px;border-radius:12px;border-color:#e1e6dd;background:#fafbf8}.source-buttons svg{width:17px;height:17px}.source-buttons #remove-file{flex:0 0 38px;color:#a66556}.compose-field-label{font-size:12px;font-weight:650;display:block;margin:4px 0 9px}.compose-details .form-field{margin-bottom:14px}.compose-details .form-field>span{font-size:12px}.compose-details .form-field em{font-size:10px;font-style:normal;font-weight:400;color:#8b968e;margin-left:auto;font-variant-numeric:tabular-nums}.compose-details .form-field input,.compose-details .form-field textarea{font-size:14px;min-height:46px;border-radius:13px;background:#fffefb}.compose-details .form-field textarea{min-height:76px;resize:vertical}.compose-details .visibility-options{margin-bottom:7px}.compose-details .visibility-options button{font-size:12px;min-height:43px}.compose-details .check-field{font-size:11px;line-height:1.6;margin:13px 0 3px}.compose-details .compose-footnote{font-size:10px;line-height:1.6;text-align:left;margin:0 0 4px}
.compose-preview-copy{display:none;position:absolute;pointer-events:none;bottom:0;left:0;right:0;padding:30px 16px 40px;color:white;background:linear-gradient(transparent,rgba(9,24,18,.75))}.compose-preview-copy b,.compose-preview-copy p{display:block;max-width:90%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compose-preview-copy b{font-size:14px;line-height:1.5}.compose-preview-copy p{font-size:11px;margin:4px 0 0}.compose-preview-copy span{display:inline-flex;font-size:10px;padding:4px 7px;border:1px solid #ffffff30;border-radius:8px;margin-bottom:8px}.compose-review-note{font-size:11px;line-height:1.6;color:#74847a;text-align:center;margin-top:14px}
#upload-form[data-step=preview] .compose-details{display:none}#upload-form[data-step=preview] .compose-preview-copy{display:block}#upload-form[data-step=preview] .compose-preview-frame.has-media .file-preview img,#upload-form[data-step=preview] .compose-preview-frame.has-media .file-preview video{height:min(50vh,450px)}#upload-form[data-step=preview] .compose-layout{grid-template-columns:1fr}
.compose-footer{position:sticky;bottom:-16px;display:flex;gap:9px;padding:14px 0 10px;background:linear-gradient(transparent,#fffefbf2 16%);margin-top:8px;z-index:3;flex-wrap:wrap}.compose-footer button{min-height:46px;font-size:12px;border-radius:14px;justify-content:center;display:flex;align-items:center;gap:6px}.compose-footer .primary{flex:1.65}.compose-footer .secondary{flex:1}.compose-footer #upload-cancel{flex:1 0 100%;min-height:38px;background:none;border:none}.compose-footer svg{width:16px;height:16px}button[disabled]{cursor:default}.compose-footer .primary[disabled]{opacity:.5}.upload-progress{margin-top:18px;padding:13px 14px;border-radius:14px;background:#edf3ed;border:1px solid #dae6db}.upload-progress>div{display:flex;align-items:center;justify-content:space-between;font-size:12px}.upload-progress b{font-weight:650}.upload-progress span{font-variant-numeric:tabular-nums;font-size:11px}.upload-progress progress{display:block;width:100%;height:5px;border:0;border-radius:8px;margin:10px 0;accent-color:#688c72}.upload-progress progress::-webkit-progress-bar{background:#dce6dc;border-radius:8px}.upload-progress progress::-webkit-progress-value{background:#6f9079;border-radius:8px}.upload-progress p{font-size:10px;color:#78887d;line-height:1.6;margin:0}#upload-form .form-error{font-size:12px;line-height:1.6;margin-top:12px}#upload-form [hidden]{display:none!important}
.app-stage:not([data-layout="mobile"]) .panel-layer[data-kind=upload] .panel{width:min(720px,calc(100% - 32px))}.app-stage:not([data-layout="mobile"]) .panel-layer[data-kind=upload] .compose-layout{grid-template-columns:1fr 1fr;gap:24px}.app-stage:not([data-layout="mobile"]) #upload-form[data-step=preview] .compose-layout{grid-template-columns:1fr}.app-stage:not([data-layout="mobile"]) #upload-form[data-step=preview] .compose-media-column{max-width:420px;margin:auto;width:100%}
@media(prefers-reduced-motion:reduce){.upload-progress progress{animation:none!important}}

.compose-details .form-field>span{display:flex;align-items:center;gap:5px}

.source-buttons button{white-space:nowrap;padding:7px 7px;min-width:0}.source-buttons span{white-space:nowrap}#defer-upload{flex:1 0 100%;font-size:12px}
.compose-layout{grid-template-columns:minmax(0,1fr)}.compose-media-column,.compose-details{min-width:0}.source-buttons span{font-size:10px}.source-buttons button{flex-basis:0;padding:7px 4px;gap:3px}.source-buttons #remove-file{flex:0 0 30px}.source-buttons svg{width:15px;height:15px;flex-shrink:0}