.post-crop-editor{padding:14px;background:#f2f6ee;border:1px solid #e1e8db;border-radius:18px;margin-bottom:14px;min-width:0}.post-crop-heading{display:flex;justify-content:space-between;gap:8px;align-items:center;color:#31513c;margin-bottom:12px}.post-crop-heading strong{font-size:13px}.post-crop-heading span{font-size:10px;color:#6b7c62}.post-crop-formats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin-bottom:12px}.post-crop-formats button{min-height:38px;padding:6px 3px;border:1px solid #dbe4d3;border-radius:10px;background:#fff;color:#5d7055;font-size:10px;font-weight:700}.post-crop-formats button[aria-pressed=true]{background:#335b43;border-color:#335b43;color:#fff}.post-crop-surface{display:block;position:relative;width:auto;max-width:100%;height:auto;max-height:330px;margin:auto;padding:0;border:0;border-radius:12px;overflow:hidden;background:#fff;touch-action:none;user-select:none;cursor:grab}.post-crop-surface canvas{display:block;width:auto;height:auto;max-width:100%;max-height:330px}.post-crop-surface:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to right,transparent 33%,#ffffff66 33%,#ffffff66 33.5%,transparent 33.5%,transparent 66%,#ffffff66 66%,#ffffff66 66.5%,transparent 66.5%),linear-gradient(to bottom,transparent 33%,#ffffff66 33%,#ffffff66 33.5%,transparent 33.5%,transparent 66%,#ffffff66 66%,#ffffff66 66.5%,transparent 66.5%)}.post-crop-surface.dragging{cursor:grabbing}.post-crop-surface:focus-visible{outline:3px solid #c69b51;outline-offset:3px}.post-crop-zoom{display:flex;align-items:center;gap:10px;margin:14px 0 8px}.post-crop-zoom>button{width:42px;height:42px;flex-shrink:0;border:1px solid #d9e5d1;border-radius:12px;background:#fff;color:#365d43;font-size:23px}.post-crop-zoom label{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px;color:#5d7055;font-size:11px;font-weight:650}.post-crop-zoom label>span{display:flex;justify-content:space-between}.post-crop-zoom input{width:100%;margin:0;min-height:24px;accent-color:#315840}.post-crop-footer{display:flex;justify-content:space-between;gap:8px}.post-crop-footer button{min-height:36px;padding:5px 7px;border:0;border-radius:9px;background:transparent;color:#54714a;font-size:11px;font-weight:700}.post-crop-footer button:last-child{color:#986247}.post-crop-editor button:disabled,.post-crop-editor input:disabled{opacity:.45}#post-photo-preview:has(.post-crop-editor){width:100%;min-width:0}#compose-form:has(.post-crop-editor) .modal-actions,#local-form:has(.post-crop-editor) .modal-actions{position:sticky;bottom:0;z-index:4;background:#fff;padding:12px 0;margin-top:12px;margin-bottom:0;border-top:1px solid #e4ebdf;box-shadow:0 -8px 14px #ffffffed}
@media(max-width:360px){.post-crop-editor{padding:10px}.post-crop-heading span{font-size:9px}.post-crop-formats button{font-size:9px;min-height:40px}.post-crop-surface,.post-crop-surface canvas{max-height:280px}}