.tool-interface .interface-heading{margin-bottom:32px}.interface-collection{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 28px;width:85%;max-width:1360px;margin:0 auto}.interface-collection>.interface-view{max-width:100%!important;min-width:0;margin:0}.interface-collection>.interface-view:first-child{grid-column:1/-1;max-width:100%!important;justify-self:center}.interface-collection .interface-frame{padding:8px;background:#f8faf9;box-shadow:0 8px 24px #10251907;border-radius:10px}.interface-collection .interface-frame a{display:flex;align-items:center;justify-content:center;min-height:0}.interface-collection .interface-frame img{display:block;width:auto;max-width:100%;height:auto;max-height:300px;object-fit:contain;border-radius:4px}.interface-collection>.interface-view:first-child .interface-frame img{max-height:min(720px,78vh)}.interface-collection figcaption{font-size:.8rem;line-height:1.5;margin:10px 0 0}.interface-frame a:focus-visible{outline:2px solid var(--green);outline-offset:4px}@media(max-width:760px){.interface-collection{width:100%;grid-template-columns:1fr;gap:26px}.interface-collection>.interface-view:first-child{grid-column:auto}.interface-collection .interface-frame img{max-height:380px}.interface-collection>.interface-view:first-child .interface-frame img{max-height:440px}.interface-collection .interface-frame{padding:5px}}.tool-interface .vgviz-previews:has(>.interface-collection),.tool-interface .interface-gallery:has(>.interface-collection){display:block!important;width:100%;max-width:none!important;margin:0}
