/* Only activate rules after the server-selected options are loaded. */
html.pcg-images img,
html.pcg-images picture,
html.pcg-images svg,
html.pcg-images canvas,
html.pcg-images a:has(img) {
    -webkit-touch-callout: none;
}
html.pcg-drag img,
html.pcg-drag picture,
html.pcg-drag svg,
html.pcg-drag canvas,
html.pcg-drag a:has(img) {
    -webkit-user-drag: none;
}
html.pcg-text body,
html.pcg-text body * {
    -webkit-user-select: none;
    user-select: none;
}
html.pcg-text body :is(input, textarea, select, option, button, [contenteditable]:not([contenteditable="false"]), [role="textbox"], #wpadminbar),
html.pcg-text body :is(button, [contenteditable]:not([contenteditable="false"]), [role="textbox"], #wpadminbar) * {
    -webkit-user-select: text;
    user-select: text;
}
html.pcg-images body :is(button, [contenteditable]:not([contenteditable="false"]), [role="textbox"], #wpadminbar) img {
    -webkit-touch-callout: default;
}
html.pcg-drag body :is(button, [contenteditable]:not([contenteditable="false"]), [role="textbox"], #wpadminbar) img {
    -webkit-user-drag: auto;
}
.pcg-notice {
    position: fixed;
    z-index: 2147483646;
    left: 50%;
    bottom: max(24px, env(safe-area-inset-bottom));
    transform: translateX(-50%);
    box-sizing: border-box;
    width: max-content;
    max-width: min(90vw, 540px);
    padding: 12px 18px;
    border-radius: 8px;
    background: #17212b;
    color: #fff;
    box-shadow: 0 4px 18px rgb(0 0 0 / 20%);
    font: 400 15px/1.5 system-ui, sans-serif;
    text-align: center;
    overflow-wrap: anywhere;
    pointer-events: none;
}
.pcg-notice[hidden] { display: none !important; }