.grg-showcase-heading{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px;margin-bottom:16px}.grg-showcase-heading h2{font-size:22px;line-height:1.4;margin:0}.grg-showcase-box{padding:20px;border:1px solid #dbe3eb;border-radius:16px;background:#f6f9fc}.grg-demo-filter{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:18px}.grg-demo-filter label{display:grid;gap:6px;font-size:13px}.grg-demo-filter input,.grg-demo-filter select{font:inherit;border:1px solid #bccbd8;border-radius:8px;background:white;padding:10px;min-height:42px;max-width:100%;box-sizing:border-box}.grg-demo-filter input{width:280px}.grg-demo-grid{display:grid;grid-template-columns:repeat(auto-fit,200px);gap:16px;justify-content:start}.grg-demo-tile{width:200px;height:150px!important;box-sizing:border-box;border:1px solid #c7d5df;border-radius:12px;overflow:hidden;background:white;position:relative;min-width:0}.grg-demo-tile[hidden]{display:none}.grg-demo-tile .grg-card-media{height:78px;min-height:0;margin:0;border-radius:0}.grg-demo-tile img,.grg-demo-tile video,.grg-demo-tile iframe{width:100%;height:78px;object-fit:cover}.grg-demo-placeholder{height:78px;display:grid;place-content:center;background:linear-gradient(125deg,#081b2c,#194763);color:#e8bf62;font-size:24px}.grg-demo-tile h3{margin:7px 10px 3px;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.grg-demo-tile .grg-demo-meta{display:block;font-size:11px;margin:0 10px;color:#526574;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.grg-demo-open{position:absolute;inset:0;z-index:2;text-decoration:none!important;display:block;border-radius:12px}.grg-demo-open:focus-visible{outline:3px solid #d9a21b;outline-offset:-3px}.grg-designer-host{margin-top:20px;border:1px solid #becfda;background:white;border-radius:14px;overflow:hidden}.grg-designer-toolbar{padding:14px;display:flex;gap:12px;justify-content:space-between;align-items:center;flex-wrap:wrap;background:#102c46;color:white}.grg-designer-toolbar button,.grg-designer-toolbar a{font:inherit;padding:9px;border:1px solid #b9c7d3;border-radius:7px;color:inherit;background:transparent;text-decoration:none}.grg-designer-host iframe{width:100%;height:850px;border:0;display:block}.grg-designer-notice{padding:12px;margin:0;font-size:13px}.grg-showcase-heading .new-site-btn{white-space:nowrap;margin-left:auto}@media(max-width:600px){.grg-showcase-box{padding:12px}.grg-demo-grid{justify-content:center}.grg-demo-filter label,.grg-demo-filter input{width:100%}.grg-designer-host iframe{height:1200px}.grg-showcase-heading h2{font-size:19px}}