.banner-showcase{padding-top:24px;border-top:1px solid var(--line)}
.banner-live{margin:30px 0 0;padding:34px;background:#e8e5df;border-radius:12px}
.banner-stage{overflow:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#8d8980 transparent}
.banner-stage:focus-visible{outline:2px solid var(--accent);outline-offset:6px}
.banner-stage img{display:block;width:100%;height:auto;aspect-ratio:11/1;max-width:none}
.banner-stage.is-zoomed img{width:max(100%,1100px)}
.banner-live figcaption{display:flex;justify-content:space-between;gap:16px;margin-top:18px;font-size:13px;color:var(--muted)}
.banner-tools{display:flex;align-items:center;flex-wrap:wrap;gap:12px 24px;margin-top:22px}
.banner-tools button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 22px;border:1px solid var(--line);border-radius:999px;font:inherit;font-size:14px;background:transparent;color:var(--ink)}
.banner-tools button.primary{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.banner-tools button[hidden]{display:none}.banner-tools button:disabled{opacity:.6;cursor:wait}
.banner-tools a{font-size:14px;padding-block:12px}.banner-status{min-height:1.5em;font-size:14px;color:var(--muted);margin:12px 0 0}
.banner-frames-heading{display:flex;justify-content:space-between;align-items:baseline;gap:24px;margin:45px 0 24px}
.banner-frames-heading h3{font-size:32px;margin:0}.banner-frames-heading p{font-size:15px;color:var(--muted);margin:0}
.banner-frames{display:grid;gap:26px}.banner-frames figure{margin:0}.banner-frames a{display:block}.banner-frames img{width:100%;height:auto;display:block}
.banner-frames figcaption{display:flex;gap:16px;margin-top:12px;font-size:14px;color:var(--muted)}
.banner-frames figcaption>span:first-child{font-variant-numeric:tabular-nums;color:var(--accent)}
@media(hover:hover){.banner-tools button:hover{border-color:var(--accent)}.banner-tools button.primary:hover{background:var(--accent);border-color:var(--accent)}}
@media(max-width:620px){.banner-live{padding:16px 12px;margin-inline:-6px}.banner-live figcaption{font-size:11px;flex-wrap:wrap;gap:5px;margin-top:14px}.banner-tools{gap:8px 12px}.banner-tools button{font-size:13px;padding-inline:18px}.banner-tools a{font-size:13px}.banner-status{font-size:13px}.banner-frames-heading{display:block;margin-top:30px}.banner-frames-heading h3{font-size:29px;margin-bottom:10px}.banner-frames-heading p{font-size:14px}.banner-frames{gap:24px}.banner-frames figcaption{font-size:13px;gap:12px}}