/* One dialog size for logos, account photos, backgrounds and article images. */
.studio-shell dialog.studio-crop-dialog {
    box-sizing: border-box;
    width: min(680px, calc(100vw - 32px)) !important;
    max-width: calc(100vw - 32px);
    max-height: 90vh;
    max-height: 90dvh;
    padding: 24px;
    overflow: auto;
    border: 1px solid var(--studio-border, #d1d5db);
    border-radius: 12px;
    background: var(--studio-surface, #fff);
    color: var(--studio-text, #172033);
}
.studio-shell .studio-crop-dialog canvas { touch-action: none; }
@media (max-width: 600px) {
    .studio-shell dialog.studio-crop-dialog { padding: 16px; }
}