.ezoo-modal {
    box-sizing: border-box;
    padding: 0;
    border: 1px solid #bbb;
    border-radius: 8px;
    margin: auto;
    max-width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
    background: white;
    color: #222;
    box-shadow: 0 12px 48px #0005;
    overflow: hidden;
    font: 14px Gulim, sans-serif;
}
.ezoo-modal[open] { display: flex; flex-direction: column; }
.ezoo-modal::backdrop { background: #0007; }
.ezoo-modal-header { display: flex; align-items: center; gap: 8px; padding: 8px 10px; min-height: 28px; flex: none; border-bottom: 1px solid #ddd; }
.ezoo-modal-title { flex: 1; margin: 0; font: inherit; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ezoo-modal-close { flex: none; padding: 4px 8px; border: 1px solid #ccc; border-radius: 4px; background: white; color: #222; font: inherit; cursor: pointer; }
.ezoo-modal-close:focus-visible { outline: 2px solid #2867a3; outline-offset: 2px; }
.ezoo-modal-content { flex: 1; width: 100%; min-height: 0; border: 0; display: block; background: white; }
.ezoo-modal-external { flex: none; padding: 8px 10px; margin: 0; border-top: 1px solid #ddd; font: 12px Gulim, sans-serif; line-height: 1.5; }