/* Page-specific rules only — everything else (colors, buttons, alerts,
   form controls, responsive grid) comes from vendored Bootstrap + the
   shared theme.css (css/theme.css). */

#image-crop-container {
    margin-top: 12px;
}

#image-crop-wrapper {
    max-height: 50vh;
    overflow: hidden;
    border-radius: var(--bs-border-radius);
    background: var(--bs-tertiary-bg);
}

#image-crop-target {
    display: block;
    max-width: 100%;
}

#image-crop-group .btn {
    margin-top: 12px;
}

@media (max-width: 600px) {
    #image-url-row {
        flex-direction: column;
    }
}