html,body{background:0 0;margin:0;padding:0;overflow:hidden}.stage{justify-content:var(--justify,flex-end);align-items:var(--items,center);pointer-events:none;flex-direction:column;padding:4vh 4vw;display:flex;position:fixed;inset:0}.captions{align-items:var(--items,center);flex-direction:column;gap:.4em;max-width:100%;display:flex}.caption{background:var(--background,#0000008c);color:var(--text-colour,#fff);font-family:var(--font-family,system-ui, sans-serif);font-size:var(--font-size,44px);text-align:var(--align,center);text-shadow:var(--outline,1px 1px 3px #000000e6);max-width:var(--max-line,68ch);overflow-wrap:break-word;border-radius:.15em;margin:0;padding:.25em .6em;font-weight:700;line-height:1.25}.caption span[data-entering=true]{animation:.22s ease-out caption-enter;display:inline-block}@keyframes caption-enter{0%{opacity:0;transform:translateY(.4em)}to{opacity:1;transform:translateY(0)}}.caption span[data-text-only=true]{font-style:italic}.notice{color:#ffd6d6;text-align:center;background:#000000bf;margin:0;padding:.5em;font-family:system-ui,sans-serif;font-size:16px;position:fixed;inset:auto 0 0}[hidden]{display:none!important}body:has(.editor){background:repeating-conic-gradient(#2a2a2a 0% 25%,#1c1c1c 0% 50%) 0 0/24px 24px;overflow:auto}.editor{color:#1a1a1a;background:#fff;flex-direction:column;gap:14px;width:300px;padding:20px;font-family:system-ui,sans-serif;display:flex;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;box-shadow:-4px 0 24px #00000040}.editor h1{margin:0;font-size:16px}.editor-field{flex-direction:column;gap:4px;font-size:13px;font-weight:600;display:flex}.editor-field input[type=range],.editor-field input[type=number],.editor-field select{font:inherit}.editor-readout{color:#666;font-weight:400}.editor button{font:inherit;cursor:pointer;background:#f4f4f4;border:1px solid #ccc;border-radius:8px;padding:8px 12px;font-weight:600}.editor-copied{color:#2a7a2a;margin:0;font-size:12px}