.personal-blf-editor{--pb-card:var(--card,var(--surface,#fff));--pb-border:var(--border,var(--line,#dfe5dc));--pb-text:var(--text,var(--ink,#25312b));color:var(--pb-text);min-width:0;max-width:1200px;margin:0 auto}
.pb-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.pb-heading h2{font-size:19px;margin:0}.pb-heading button{white-space:nowrap}.pb-card{background:var(--pb-card);border:1px solid var(--pb-border);padding:18px;border-radius:14px}.pb-options{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.pb-options>span{color:var(--muted);font-size:12px}.pb-page{margin:0 0 0 auto!important;display:flex!important;align-items:center;gap:10px;font-size:12px}.personal-blf-editor select,.personal-blf-editor input:not([type=checkbox]){min-width:0;width:100%;height:34px;min-height:34px;box-sizing:border-box;border:1px solid var(--pb-border);border-radius:7px;padding:5px 9px;background:var(--bg);color:var(--pb-text);font:inherit;font-size:12px}.pb-page select{width:auto;max-width:210px}.pb-note{font-size:12px;color:var(--muted);line-height:1.5;margin:14px 0}.pb-switch{position:relative;display:flex!important;align-items:center;gap:9px;margin:0!important;font-size:13px;cursor:pointer}.pb-switch input{position:absolute;opacity:0;width:34px;height:20px}.pb-track{display:block;width:34px;height:20px;border-radius:15px;background:#78827d;flex:none;transition:background .15s}.pb-track:after{content:'';display:block;width:14px;height:14px;background:#fff;margin:3px;border-radius:50%;transition:transform .15s}.pb-switch input:checked+.pb-track{background:var(--accent)}.pb-switch input:checked+.pb-track:after{transform:translateX(14px)}.pb-switch input:focus-visible+.pb-track{outline:2px solid var(--accent);outline-offset:3px}.pb-columns,.pb-row{display:grid;grid-template-columns:30px minmax(130px,1fr) minmax(120px,1fr) minmax(150px,.8fr);gap:12px;align-items:center}.pb-columns{font-size:11px;color:var(--muted);padding:0 0 8px}.pb-row{margin-bottom:7px}.pb-number{font-size:12px;text-align:center;font-weight:700}.pb-target{min-width:0}.pb-unused{color:var(--muted)}.pb-preview{display:flex!important;align-items:center;gap:4px;margin:0!important;padding:0 5px;border:1px solid #5796cf66;border-radius:7px;background:#5796cf18;min-width:0}.pb-left .pb-preview{border-color:#9c70cd66;background:#9c70cd18}.pb-preview input{border:0!important;background:transparent!important;font-family:ui-monospace,monospace!important;width:13ch!important;flex:1;min-width:0;padding-left:2px!important}.pb-preview-icon{width:16px;flex:none;font-size:17px}.pb-preview-icon:empty{display:none}.pb-preview.pb-disabled{background:#818b8814;border-color:#818b8844}.pb-disabled input{color:var(--muted)}.pb-feedback{font-size:13px;line-height:1.5;min-height:20px}.personal-blf-editor button{font:inherit;cursor:pointer;border:1px solid var(--pb-border);background:var(--pb-card);color:var(--pb-text);border-radius:9px;padding:9px 12px;min-height:38px;font-size:12px}.personal-blf-editor button.primary{color:#fff;background:var(--accent);border-color:var(--accent)}.personal-blf-editor button:disabled{opacity:.5}.personal-blf-editor dialog{color:var(--pb-text);background:var(--pb-card);border:1px solid var(--pb-border);border-radius:14px;max-width:520px}.pb-leave-actions{display:flex;gap:8px;flex-wrap:wrap}.pb-leave::backdrop{background:#0007}
@media(max-width:720px){.pb-card{padding:10px}.pb-heading{gap:8px;flex-wrap:wrap}.pb-heading h2{order:-1;width:100%}.pb-columns,.pb-row{grid-template-columns:24px minmax(100px,1fr) minmax(100px,1fr) minmax(120px,1fr);gap:5px}.pb-row select,.pb-row input{font-size:10px!important;padding:4px!important}.pb-page{margin-left:0!important}.pb-preview{padding:0 2px}.pb-preview-icon{width:12px;font-size:13px}}

html[data-theme="dark"] .personal-blf-editor{--pb-card:#222d33;--pb-border:#435159;--pb-text:#e0e7ea}
/* One complete page of twelve keys remains visible at the desktop minimum height. */
.pb-heading{margin-bottom:12px}.pb-card{padding:14px}.pb-note{margin:8px 0;font-size:11px;line-height:1.4}.pb-row{margin-bottom:4px}.pb-row select,.pb-row input{height:30px!important;min-height:30px!important}.pb-preview{height:30px;max-width:170px;justify-self:end;width:100%}.pb-preview input{height:28px!important;min-height:28px!important}.pb-columns{padding-bottom:6px}.pb-feedback{margin:9px 0;font-size:12px}