.permission-cta-settings { min-inline-size: 0; margin-block: .75rem; padding: .75rem; border: 1px solid var(--border-1); border-radius: var(--radius-md); }
.permission-cta-toggle { display: flex; gap: .5rem; align-items: center; }
.permission-cta-editors { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; margin-block-start: .75rem; }
.permission-cta-editors fieldset { min-inline-size: 0; border: 0; padding: 0; }
.permission-cta-editors label { display: grid; gap: .3rem; margin-block: .5rem; }
.permission-cta-editors input, .permission-cta-editors textarea { inline-size: 100%; min-inline-size: 0; }
.permission-page-controls { flex-wrap: wrap; }
.permission-page-controls > span { flex-basis: 100%; }
.permission-page-controls label { display: inline-flex; gap: .25rem; align-items: center; font-size: .85rem; }
.permission-cta-dialog { color: var(--text-normal); border: 1px solid var(--border-1); border-radius: var(--radius-md); padding: 1.5rem; inline-size: min(32rem, calc(100vw - 2rem)); max-block-size: calc(100dvh - 2rem); overflow: auto; }
.permission-cta-dialog::backdrop { background: rgb(0 0 0 / .6); }
.permission-cta-card p, .permission-cta-message { white-space: pre-wrap; overflow-wrap: anywhere; }
.permission-cta-actions { display: flex; flex-wrap: wrap; gap: .75rem; margin-block-start: 1rem; }
@media (max-width: 640px) { .permission-cta-editors { grid-template-columns: 1fr; } }

.permission-component-lorem { filter: blur(3px); pointer-events: none; user-select: none; }

.permission-cta-select-wrap { position: relative; }
.permission-cta-select-trigger { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: pointer; }
.permission-cta-select-wrap:focus-within { outline: 2px solid currentColor; outline-offset: 2px; }

.secure-blocked-renderer--blocked_component { min-height: 0; padding: 0; border: 0; background: transparent; }
.secure-blocked-renderer--blocked_component > .secure-blocked-renderer__shell,
.secure-blocked-renderer--blocked_component > .secure-blocked-renderer__message { grid-area: 1 / 1; }
.secure-blocked-renderer--blocked_component > .secure-blocked-renderer__message { position: relative; inset: auto; transform: none; place-self: center; margin-block: 1rem; }