.bp{--bp-panel:var(--surface-panel,Canvas);--bp-text:var(--text-primary,CanvasText);--bp-muted:var(--text-muted,GrayText);--bp-border:var(--border-subtle,#7f7f7f33);--bp-hover:var(--surface-hover,#7f7f7f1a);--bp-accent:var(--accent-primary,#5b8cff);--bp-ring:var(--focus-ring,var(--bp-accent));--bp-shadow:var(--shadow-dialog,0 16px 48px #00000038);--bp-row-height:36px;box-sizing:border-box;background:var(--bp-panel);width:min(420px,100%);max-height:min(580px,80vh);color:var(--bp-text);box-shadow:var(--bp-shadow);border-radius:14px;flex-direction:column;gap:8px;padding:12px;font-size:13px;line-height:1.4;display:flex;position:relative}.bp *,.bp :before,.bp :after{transition-duration:.12s;transition-timing-function:ease-out}.bp button,.bp input{font:inherit;color:inherit}.bp :focus-visible{outline:2px solid var(--bp-ring);outline-offset:2px}.bp-visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.bp-current{min-height:24px;color:var(--bp-muted);align-items:center;gap:8px;padding:0 2px;font-size:12px;display:flex}.bp-mini{border:1px solid var(--bp-border);background:var(--bp-hover);min-width:22px;height:22px;color:var(--bp-text);box-shadow:0 1px 0 var(--bp-border);border-radius:6px;justify-content:center;align-items:center;padding:0 6px;font:500 12px/1 ui-sans-serif,system-ui,sans-serif;display:inline-flex}.bp-current-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bp-current-warning{color:var(--status-warning,#a86d00);flex:none;font-size:11px}.bp-search-input{box-sizing:border-box;background:var(--bp-hover);border:0;border-radius:10px;outline:none;width:100%;height:40px;padding:0 12px;font-size:15px}.bp-search-input:focus-visible{box-shadow:0 0 0 2px var(--bp-ring)}.bp-mods{gap:4px;display:flex}.bp-chip{min-width:34px;height:28px;color:var(--bp-muted);cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;padding:0 8px;font-size:15px;transition-property:background-color,color;display:inline-flex;position:relative}.bp-chip:hover:not(:disabled){background:var(--bp-hover)}.bp-chip[aria-pressed=true]{background:color-mix(in srgb, var(--bp-accent) 16%, transparent);color:var(--bp-accent)}.bp-chip:disabled{opacity:.35;cursor:default}.bp-chip sup{margin-left:2px;font-size:9px;font-weight:600}.bp-slots{grid-template-columns:1fr 1fr;gap:6px;display:grid}.bp-slot{background:var(--bp-hover);text-align:left;cursor:pointer;border:0;border-radius:10px;flex-direction:column;align-items:flex-start;gap:2px;padding:6px 10px;transition-property:background-color,box-shadow;display:flex}.bp-slot[aria-pressed=true]{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--bp-accent) 60%, transparent)}.bp-slot-name{color:var(--bp-muted);letter-spacing:.06em;font-size:10px;font-variant-caps:all-small-caps}.bp-slot-value{font-weight:500}.bp-list{overscroll-behavior:contain;flex:auto;min-height:120px;margin:0 -6px;padding:0 6px;overflow-y:auto}.bp-section+.bp-section{margin-top:4px}.bp-section-label{color:var(--bp-muted);letter-spacing:.08em;padding:8px 10px 2px;font-size:11px;font-variant-caps:all-small-caps;font-weight:600}.bp-row{box-sizing:border-box;min-height:var(--bp-row-height);cursor:pointer;border-radius:8px;grid-template-columns:24px 1fr auto;align-items:center;gap:10px;padding:4px 10px;transition-property:background-color;display:grid}.bp-row[data-active=true]{background:color-mix(in srgb, var(--bp-accent) 12%, transparent)}.bp-glyph{background:var(--bp-hover);width:24px;height:24px;color:var(--bp-muted);border-radius:6px;justify-content:center;align-items:center;font-size:13px;display:inline-flex}.bp-label{text-overflow:ellipsis;white-space:nowrap;flex-direction:column;min-width:0;display:flex;overflow:hidden}.bp-note{color:var(--bp-muted);text-overflow:ellipsis;font-size:10px;line-height:1.2;overflow:hidden}.bp-hit{color:var(--bp-accent);background:0 0;font-weight:600}.bp-code{color:var(--bp-muted);white-space:nowrap;font:11px ui-monospace,SFMono-Regular,Menlo,monospace}.bp-empty{color:var(--bp-muted);text-align:center;margin:0;padding:16px 10px}.bp-advanced{border-top:1px solid var(--bp-border);color:var(--bp-muted);padding-top:6px;font-size:12px}.bp-advanced summary{cursor:pointer;padding:2px;list-style-position:inside}.bp-raw{padding:6px 0 2px}.bp-raw-input{box-sizing:border-box;background:var(--bp-hover);width:100%;color:var(--bp-text);border:0;border-radius:8px;padding:6px 8px;font:12px ui-monospace,SFMono-Regular,Menlo,monospace}.bp-raw-input[aria-invalid=true]{box-shadow:inset 0 0 0 1px var(--status-error,#d64545)}.bp-raw-error{color:var(--status-error,#d64545);margin:4px 2px 0;font-size:12px}.bp-raw-warning{color:var(--status-warning,#a86d00);margin:4px 2px 0;font-size:12px}.bp-foot{color:var(--bp-muted);flex-wrap:wrap;gap:2px 10px;font-size:11px;display:flex}@media (width<=639px){.bp{border-radius:16px 16px 0 0;width:100%;max-height:80vh;position:fixed;inset:auto 0 0}}@media (prefers-reduced-motion:reduce){.bp *,.bp :before,.bp :after{transition:none!important}}.bp-tabs,.bp-modes{flex-wrap:wrap;gap:4px;padding:0 0 10px;display:flex}.bp-tab,.bp-mode{border:1px solid var(--border-base);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:600}.bp-tab[aria-checked=true],.bp-mode[aria-pressed=true]{background:var(--text-primary);color:var(--surface-panel);border-color:var(--text-primary)}.bp-tab:focus-visible,.bp-mode:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.bp-mode-hint{width:100%;color:var(--text-muted);margin:2px 0 0;font-size:12px}.bp-taphold{gap:8px;padding-bottom:10px;display:grid}.bp-taphold .bp-slots{grid-template-columns:1fr 1fr;gap:6px;display:grid}.bp-behavior-row{color:var(--text-secondary);align-items:center;gap:8px;font-size:12px;display:flex}.bp-behavior{align-items:center;gap:6px;display:inline-flex}.bp-behavior select{font:inherit;color:var(--text-primary);background:var(--surface-raised);border:1px solid var(--border-base);border-radius:8px;padding:3px 6px}.bp-preview-line{color:var(--text-primary);flex-wrap:wrap;align-items:baseline;gap:10px;margin:0;font-size:13px;display:flex}.bp-preview-code,.bp-raw-code{color:var(--text-muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.bp-raw-code{margin-left:8px}.bp-scope{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);padding:0 4px 4px;font-size:11px}
