#bk3-components-dialog {
 width: min(760px, calc(100vw - 24px));
 max-height: 90dvh;
 overflow: auto;
 background: #19241c;
 color: #f4faee;
 border: 1px solid #58705a;
 border-radius: 12px;
 padding: 16px;
 font: 1rem system-ui, sans-serif;
}
#bk3-components-dialog::backdrop { background: #080d09d9; }
#bk3-components-dialog label { display: grid; gap: 4px; margin: 8px 0; }
#bk3-components-dialog :is(input, select, button) {
 min-height: 44px;
 color: inherit;
 background: #0e1810;
 border: 1px solid #58705a;
 border-radius: 8px;
 font: inherit;
 padding: 7px 10px;
}
#bk3-components-dialog button { margin: 4px 4px 4px 0; }
#bk3-components-dialog :focus-visible { outline: 2px solid #c6ff70; }
.bk3-component-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(240px, 100%), 1fr)); gap: 10px; }
.bk3-component-list article { border: 1px solid #58705a; border-radius: 8px; padding: 10px; overflow-wrap: anywhere; }
.bk3-component-mini { display: grid; height: 64px; gap: 2px; padding: 5px; border-radius: 4px; }
.bk3-component-mini span { background: #789b79; border-radius: 2px; }
.bk3-component-mini span[data-kind=product] { background: #c6ff70; }