.showcase-bar { min-height: 48px; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 8px 24px; border-bottom: 1px solid var(--line); background: var(--surface); color: var(--text-2); font-size: 12px; }
.showcase-bar a { color: var(--primary); font-weight: 600; text-decoration: none; white-space: nowrap; padding: 6px 0; }
.showcase-bar a:focus-visible { outline: 2px solid var(--primary); outline-offset: 4px; }
.stage { min-height: calc(100dvh - 48px); }
@media (min-width: 1100px) { .shell { height: min(900px, calc(100dvh - 112px)); } }
@media (max-width: 540px) { .showcase-bar { padding-inline: 12px; gap: 8px; font-size: 11px; } .showcase-bar span { max-width: 180px; text-align: right; } }

.shell { min-height: calc(100dvh - 48px); }
@media (min-width: 1100px) { .shell { min-height: auto; } }