#editorPgnSafetyDialog {
    position: fixed; inset: 0; z-index: 2147483000; display: grid; place-items: center;
    padding: max(16px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom));
    background: #000a; color: var(--editor-text, var(--text-color, #f4f1e7));
}
#editorPgnSafetyDialog section {
    width: min(100%, 480px); max-height: 100%; overflow-y: auto; box-sizing: border-box;
    padding: clamp(18px, 4vw, 28px); border-radius: 18px;
    background: var(--editor-surface-raised, var(--bg-secondary, #191919));
    border: 1px solid var(--editor-accent, var(--accent-color, #d4af37));
    box-shadow: 0 20px 70px #0008; text-align: center;
}
#editorPgnSafetyDialog h2 { margin: 0 0 12px; font-size: 1.2rem; line-height: 1.3; }
#editorPgnSafetyDialog p { margin: 0 0 22px; font-size: .95rem; line-height: 1.6; }
#editorPgnSafetyDialog section > div { display: flex; flex-wrap: wrap; gap: 10px; }
#editorPgnSafetyDialog button {
    flex: 1 1 150px; min-height: 44px; padding: 12px; border-radius: 10px;
    font: inherit; font-size: .9rem; color: inherit; background: transparent;
    border: 1px solid var(--editor-accent, var(--accent-color, #d4af37)); cursor: pointer;
}
#editorPgnSafetyDialog button:focus-visible { outline: 3px solid currentColor; outline-offset: 3px; }
#editorPgnSafetyDialog #editorPgnSafetyConfirm { font-weight: 700; }
