/* dialog + img + loader + shadow */
.qip dialog { min-width: min(420px, 80dvw); max-width: 90dvw; max-height: 90dvh; padding: 8px; outline: none; border: 1px solid #ccc; }
.qip dialog::backdrop { background-color: #141414db; }
.qip dialog menu { display: flex; justify-content: flex-end; gap: 8px; margin: 0; padding: 0; }
.qip dialog button, .qip dialog select { line-height: 20px; font-size: 16px; vertical-align: middle; outline: none; border: 1px solid #ccc; }
.qip dialog button { cursor: pointer; }
.qip dialog main { display: flex; justify-content: center; overflow: auto; max-height: calc(90dvh - 50px); }
.qip dialog main.loading { min-height: 50px; background: no-repeat center/10% url("https://tmp.onedev.net/loader-balls-purple-small.svg"); }
.qip dialog main img { margin: 10px 0 0; max-width: 100%; max-height: calc(90dvh - 50px); }

.qip .shadow { border: none; border-radius: 8px; box-shadow: 0 13px 27px -5px #32325d40, 0 8px 16px -8px #0000004d, 0 -6px 16px -6px #00000008; }