.pkerandom { display: grid; gap: 10px; }
.pkerandom-tabs { display: flex; flex-wrap: wrap; gap: 0; padding: 3px; border: 1px solid var(--x0-border, #d7d7d7); }
.pkerandom-tabs .is-active,
.pkerandom-tabs .btn:hover { text-decoration: underline dotted var(--x0-accent, #ffdd93); text-underline-offset: 4px; box-shadow: none; }
.pkerandom-panel { display: none; }
.pkerandom-panel.is-active { display: block; }
.pkerandom-notice { margin-bottom: 8px; padding: 10px 12px; border-inline-start: 3px solid #bd7b12; background: color-mix(in srgb, #bd7b12 8%, transparent); }
.pkerandom-frame { display: block; width: 100%; height: min(76vh, 940px); min-height: 720px; border: 1px solid var(--border-color, #d7d7d7); background: #f6f5f2; }
.pkerandom-settings { display: grid; gap: 14px; }
.pkerandom-actions { display: flex; flex-wrap: wrap; gap: 8px; }