/* Dialogs live in viewport coordinates and retain an outside gutter at every scale. */
html body dialog{box-sizing:border-box;position:fixed;inset:0!important;margin:auto!important;width:min(620px,calc(100vw - 32px))!important;min-width:0!important;max-width:min(620px,calc(100vw - 32px))!important;height:fit-content;max-height:min(85dvh,calc(var(--app-height,100dvh) - 32px))!important;overflow:auto;overscroll-behavior:contain;overflow-wrap:anywhere;border-radius:12px;zoom:1!important}
html body dialog.kit-settings{width:min(470px,calc(100vw - 32px))!important;max-width:min(470px,calc(100vw - 32px))!important}
html body dialog.command-dialog{width:min(600px,calc(100vw - 32px))!important;max-width:min(600px,calc(100vw - 32px))!important;overflow:hidden}
html body dialog#helpDialog,html body dialog#photoHelpDialog,html body dialog#cadHelpDialog,html body dialog#notesHelpDialog{width:min(680px,calc(100vw - 32px))!important;max-width:min(680px,calc(100vw - 32px))!important}
html body dialog#photoNewDialog,html body dialog#photoRenameDialog{width:min(520px,calc(100vw - 32px))!important;max-width:min(520px,calc(100vw - 32px))!important}
html body dialog .row,html body dialog .fields,html body dialog .two-fields{min-width:0;max-width:100%}html body dialog input,html body dialog select,html body dialog textarea{min-width:0;max-width:100%}
@media(max-width:600px){html body dialog:not(.command-dialog){padding:22px 18px}html body dialog .close,html body dialog .settings-close{min-width:36px;min-height:36px}}
html body dialog [hidden]{display:none!important}html body dialog.command-dialog{max-height:min(70dvh,calc(var(--app-height,100dvh) - 32px))!important}