.fx-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px;margin:12px 0 20px}.fx-preview-card{display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:6px!important;padding:0 0 8px!important;min-width:0;min-height:0!important;height:auto!important;text-align:left!important;white-space:normal!important;font-size:14px!important;line-height:1.4!important;overflow:hidden;border-radius:4px!important;background:transparent!important;color:inherit!important}.fx-preview-frame{display:block;position:relative;flex:none;width:100%;padding-bottom:22px;background:#111;color:#ddd}.fx-preview-frame canvas{display:block!important;width:100%!important;height:auto!important;aspect-ratio:16/9;object-fit:contain}.fx-preview-frame:before,.fx-preview-frame:after{position:absolute;bottom:3px;width:50%;text-align:center;font:11px/16px ui-monospace,monospace}.fx-preview-frame:before{content:attr(data-before);left:0}.fx-preview-frame:after{content:attr(data-after);right:0}.fx-preview-card>b,.fx-preview-card>span:not(.fx-preview-frame){padding-inline:7px}.fx-preview-card:focus-visible{outline:2px solid currentColor;outline-offset:3px}.fx-preview-card.active .fx-preview-frame{outline:2px solid currentColor;outline-offset:-2px}.ts-effects:has(.fx-preview-card),.ts-presets:has(.fx-preview-card),.glass-presets:has(.fx-preview-card),.gl-grid:has(.fx-preview-card){display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px 10px!important}.fx-preview-card>.ts-fx-icon,.fx-preview-card>i{display:none!important}.ts-effects .fx-preview-card>span:not(.fx-preview-frame){display:block!important}.fx-preview-card small{font-size:12px!important}.fx-preview-card.locked{opacity:.65}.gl-preset.fx-preview-card>span:not(.fx-preview-frame){display:block}.gl-preset.fx-preview-card>span>span{display:block;font-size:12px}.fx-preview-card .fx-preview-frame{filter:none!important}.fx-preview-card>span>canvas{border-radius:0!important}@media(max-width:480px){.fx-preview-card{font-size:14px!important}.fx-preview-frame:before,.fx-preview-frame:after{font-size:10px}}
.fx-preview-card b{font-size:14px!important;line-height:1.4!important}.fx-preview-card .fx-preview-frame{padding-inline:0!important;margin:0!important}.fx-preview-card>span:not(.fx-preview-frame){font-size:12px!important;line-height:1.5!important}

.fx-preview-grid .fx-preview-card{width:100%;max-width:none;flex:none}.fx-palette-gallery{flex-basis:100%;width:100%;max-width:760px}.style-buttons.fx-preview-grid,.industrial-palette.fx-preview-grid,.pro-presets.fx-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));height:auto;flex-wrap:wrap}.fx-preview-frame:before,.fx-preview-frame:after{font-size:12px!important}.fx-preview-grid button[aria-pressed="true"] .fx-preview-frame{outline:2px solid currentColor;outline-offset:-2px}
.fx-option-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px 10px!important;align-items:start!important;overflow:visible!important;max-width:760px}.fx-option-grid>.fx-preview-card{width:100%!important;max-width:none!important;flex:none!important;border:1px solid transparent!important;font-size:14px!important}.fx-option-grid>.fx-preview-card>.fx-preview-frame{order:-1}.fx-option-grid>.fx-preview-card>small{padding-inline:7px}.fx-option-grid .fx-preview-card.selected .fx-preview-frame,.fx-option-grid .fx-preview-card[aria-pressed="true"] .fx-preview-frame{outline:2px solid currentColor;outline-offset:-2px}.fx-tool-examples{width:100%;max-width:760px;margin:16px 0;min-width:0}.fx-tool-examples h2{font-size:16px!important;margin:0 0 10px!important}.fx-tool-examples article{border:1px solid #80808040!important;margin:0}.fx-example-note{font-size:12px!important;line-height:1.5!important;margin:8px 0 16px!important;color:inherit;opacity:.8}.fx-option-grid>.fx-preview-card:disabled{opacity:.55;cursor:default}.cvm-template.fx-preview-card>.cvm-template-mini,.reel-modes .fx-preview-card>.reel-icon{display:none!important}.fx-option-grid>.fx-preview-card canvas{max-width:100%}.fx-option-grid>.fx-preview-card>b,.fx-option-grid>.fx-preview-card>strong{padding-inline:7px;font-size:14px!important;line-height:1.4!important}.fx-option-grid>.fx-preview-card>small{font-size:12px!important;line-height:1.5!important}#bngStyles.fx-option-grid{max-height:none}.ls-chips:has(.fx-option-grid){min-width:0}
.fx-option-grid>legend{grid-column:1/-1;width:100%}.fx-option-grid>.fx-preview-card{min-width:0!important;box-sizing:border-box}.fx-tool-examples .fx-preview-card{cursor:default}.fx-option-grid>.fx-preview-card>.fx-preview-frame:before,.fx-option-grid>.fx-preview-card>.fx-preview-frame:after{white-space:nowrap;font-size:12px!important}
.fx-preview-frame:before,.fx-preview-frame:after{overflow:hidden;text-overflow:ellipsis;padding-inline:3px;box-sizing:border-box}
/* The rendered comparison replaces Grade Lab's small symbolic badge. */
.agl-look.fx-preview-card .agl-look-badge{display:none}