.community-cover-crop{box-sizing:border-box;color:#efdec7;width:calc(100% - 24px);max-width:580px;max-height:calc(100dvh - 32px);font-family:var(--sans);background:#06151e;border:1px solid #b6986380;border-radius:16px;margin:auto;padding:22px 18px;overflow:auto;box-shadow:0 20px 80px #0009}.community-cover-crop::backdrop{background:#000b}.community-cover-crop h2{font-family:var(--serif);margin:0 0 10px;font-size:25px;font-weight:400}.community-cover-crop p{color:#c5c2bc;font-size:14px;line-height:1.5}.community-cover-crop-frame{background:#02090e;border-radius:8px;outline:1px solid #d9bd91;width:100%;position:relative;overflow:hidden}.community-cover-crop-frame canvas,.community-cover-crop-frame img{object-fit:contain;width:100%;height:100%;display:block}.community-cover-crop-frame canvas{touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none}.community-cover-crop-frame canvas:active{cursor:grabbing}.community-cover-crop-frame canvas:focus-visible{outline-offset:-3px;outline:2px solid #ffe0a0}.community-cover-crop-zoom{align-items:center;gap:14px;margin:24px 0;font-size:14px;display:flex}.community-cover-crop-zoom input{accent-color:#d9b577;flex:1;min-width:0;height:44px}.community-cover-crop-actions{padding-bottom:env(safe-area-inset-bottom);flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.community-cover-crop-actions button{color:#e8d4b5;min-height:44px;font:inherit;cursor:pointer;background:0 0;border:1px solid #b6986360;border-radius:8px;flex:1;padding:10px;font-size:14px}.community-cover-crop-actions .primary{color:#101b21;background:#d9b577;border-color:#d9b577}.community-cover-crop button:disabled{opacity:.5;cursor:wait}.community-cover-crop [role=alert]{color:#ffd4b8}
