#showcase-dialog{width:min(1200px,96vw);height:min(920px,94dvh);max-width:none;max-height:none;border:1px solid #8b719e;border-radius:12px;background:#100d15;color:#f7f1fa;padding:0;overflow:hidden}
#showcase-dialog::backdrop{background:#09070dd9}.showcase-toolbar{display:flex;gap:12px;justify-content:space-between;align-items:center;padding:12px 16px;background:#211a29}
.showcase-toolbar button{border:1px solid #a992ba;background:#282030;color:#f8f1fb;padding:12px 15px;border-radius:5px;font:600 14px 'Segoe UI',sans-serif;cursor:pointer}
.showcase-toolbar button:last-child{background:#d9bfff;color:#23152d}.showcase-toolbar button:focus-visible{outline:2px solid white;outline-offset:3px}
#showcase-frame{width:100%;height:calc(100% - 68px);border:0;background:#0c0b10}
@media(max-width:600px){.showcase-toolbar button{font-size:12px;padding:10px}.showcase-toolbar{gap:6px;padding:10px}#showcase-frame{height:calc(100% - 62px)}}

#showcase-dialog{flex-direction:column}#showcase-dialog[open]{display:flex}.showcase-toolbar{flex-shrink:0}#showcase-frame{flex:1;min-height:0;height:auto}.showcase-toolbar button{min-height:44px}
body:has(#showcase-dialog[open]){overflow:hidden}