.jelly-playground{padding:0;overflow:hidden;scroll-margin-top:24px}
.jelly-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 20px;border-bottom:1px solid var(--line)}
.jelly-toolbar p{margin:0;font-size:.9rem;color:var(--muted);line-height:1.5}
.jelly-toolbar button{flex-shrink:0}
#jellyFrame{display:block;width:100%;height:800px;border:0;background:#f2f1ef;color-scheme:light}
.jelly-shortcuts{color:var(--muted);font-size:.8rem;text-align:center;line-height:1.9;margin:18px 0 30px}
.jelly-shortcuts kbd{font:inherit;font-weight:700}
.jelly-nojs{padding:18px}
.jelly-playground:fullscreen,.jelly-playground.jelly-theater{display:flex;flex-direction:column;background:var(--panel,#101424);border-radius:0;width:100%;height:100dvh}
.jelly-playground:fullscreen #jellyFrame,.jelly-playground.jelly-theater #jellyFrame{flex:1;min-height:0;height:100%}
.jelly-playground.jelly-theater{position:fixed;inset:0;z-index:99999}
body.jelly-theater-open{overflow:hidden}
@media(max-width:780px){#jellyFrame{height:clamp(620px,calc(100svh - 130px),780px)}.jelly-toolbar{padding:12px;gap:10px}.jelly-toolbar p{font-size:.78rem}.jelly-shortcuts{font-size:.72rem;padding:0 8px}}
