.brand-system-viewer{width:min(920px,calc(100% - 24px));max-height:calc(100dvh - 24px);padding:16px;border:1px solid #343b3f55;background:#f4f0e8;color:#343b3f;box-sizing:border-box;overflow:auto;overscroll-behavior:contain;box-shadow:0 12px 60px #0004}.brand-system-viewer::backdrop{background:#202624bd}.brand-viewer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;position:sticky;top:-16px;background:#f4f0e8;padding:12px 0;z-index:1}.brand-viewer-toolbar h2{font-size:1rem;margin:0;line-height:1.4}.brand-viewer-close{font:inherit;font-size:.85rem;white-space:nowrap;background:#343b3f;color:#f4f0e8;border:0;padding:12px 16px;cursor:pointer}.brand-viewer-close:focus-visible{outline:3px solid #b84d20;outline-offset:3px}.brand-system-viewer>img{display:block;width:100%;height:auto}@media(max-width:500px){.brand-viewer-toolbar{align-items:flex-start;flex-direction:column;gap:8px}.brand-system-viewer{padding:12px}.brand-viewer-toolbar{top:-12px}}