.editor-template-name {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    width: 100%;
    min-width: 0;
    min-height: 44px;
    padding: 4px 0;
    color: var(--editor-text, #edf2fa);
    font: inherit;
    font-size: 12px;
    line-height: 1.4;
    overflow-wrap: anywhere;
}
.editor-leave-dialog button {
    box-sizing: border-box;
    min-height: 44px;
    min-width: 44px;
    padding: 10px 12px;
    border: 1px solid var(--editor-border, #43516b);
    border-radius: 4px;
    background: var(--editor-surface, #202a3d);
    color: var(--editor-text, #edf2fa);
    font: inherit;
    font-size: 13px;
    line-height: 1.4;
    cursor: pointer;
}
.editor-leave-dialog {
    box-sizing: border-box;
    width: min(520px, calc(100vw - 24px));
    max-width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
    padding: 16px;
    border: 1px solid var(--editor-border, #43516b);
    border-radius: 4px;
    background: var(--editor-bg, #151e30);
    color: var(--editor-text, #edf2fa);
    color-scheme: dark;
    font-family: inherit;
    overflow: auto;
}
.editor-leave-dialog::backdrop {background: rgb(5 10 20 / 75%);}
.editor-leave-dialog h2 {margin: 0; font-size: 18px; line-height: 1.4;}
.editor-dialog-actions {display: flex; align-items: center; justify-content: flex-end; gap: 8px; flex-wrap: wrap; margin-top: 16px;}
.editor-dialog-error {color: #ffb3b3;}
.editor-leave-dialog button:focus-visible {outline: 2px solid #8bb8ff; outline-offset: 2px;}
.editor-leave-dialog button:hover:not(:disabled) {border-color: #8bb8ff;}
.editor-leave-dialog button:disabled {color: #8d98ac; cursor: not-allowed;}
@media (max-width: 620px) {
    .editor-dialog-actions {flex-direction: column-reverse; align-items: stretch;}
}