@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/plex/IBMPlexSans-Regular-Latin1.woff2)format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/mono/JetBrainsMono-Regular.woff2)format("woff2")}:root{--bg:#f7f3ec;--ink:#2a231e;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font:400 13px/20px IBM Plex Sans,system-ui,sans-serif}.page{--page-pad-y:8px;--page-gap:8px;justify-content:center;gap:var(--page-gap);width:min(100%, 880px, calc((100svh - var(--page-pad-y) - var(--page-pad-y) - 190px) * 16 / 9 + 16px));min-height:100svh;padding-block:var(--page-pad-y);flex-direction:column;margin:0 auto;padding-inline:8px;display:flex}h1{font:400 24px/20px JetBrains Mono,ui-monospace,monospace}.scene{min-width:0}.frame,.frame *{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-drag:none;cursor:default}.frame{aspect-ratio:16/9;background:#1c1917;border-radius:2px;width:100%;margin-inline:auto;position:relative;overflow:hidden}[data-shallot-bootstrap]{z-index:1;color:#f0e6d6;text-align:center;background:#141210;font:400 13px/20px IBM Plex Sans,system-ui,sans-serif;display:flex;position:absolute;inset:0;overflow:auto}.bootstrap-panel{flex-direction:column;align-items:center;gap:8px;width:100%;max-width:276px;margin:auto;padding:8px;display:flex}[data-bootstrap-label]{position:absolute;transform:translateY(-28px)}[data-bootstrap-track]{background:#2a2420;width:228px;max-width:100%;height:4px}canvas{opacity:0;width:100%;height:100%;transition:opacity .16s ease-out;display:block;position:absolute;inset:0}canvas.visible{opacity:1}.frame-error{--frame-bg:#141210;--frame-error:#f0e6d6;z-index:2;overflow-wrap:anywhere;background:var(--frame-bg);color:var(--frame-error);text-align:center;place-items:center;padding:8px;font:400 13px/20px IBM Plex Sans,system-ui,sans-serif;display:grid;position:absolute;inset:0}