/* Minimal styles for editor + frontend */
.wp-block-pg-password-generator, .pg-editor-preview { width: 100%; }
.pg-wrap { display: grid; gap: .5rem; max-width: 680px; }
.pg-row { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; }
.pg-output { flex: 1 1 320px; padding: .5rem .75rem; font: 600 16px/1.2 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; border: 1px solid var(--pg-border,#d0d7de); border-radius: .5rem; }
.pg-btn { padding: .5rem .75rem; border-radius: .5rem; border: 1px solid var(--pg-border,#d0d7de); background: var(--pg-bg,#f6f8fa); cursor: pointer; }
.pg-btn:hover { filter: brightness(0.98); }
.pg-options { gap: 1rem; }
.pg-check { display: inline-flex; gap: .35rem; align-items: center; }
.pg-length { display: inline-flex; gap: .35rem; align-items: center; }
.pg-length input { width: 4.5rem; padding: .25rem .4rem; }
.pg-hint { font-size: .875rem; opacity: .8; }
.pg-preview-wrap { display:flex; gap:.5rem; flex-wrap: wrap; align-items:center; }
.pg-editor-preview .pg-output { max-width: 100%; }