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;--caption-line-height:calc(var(--font-size,44px) * 1.25);--caption-padding-block:calc(var(--font-size,44px) * .25);flex-direction:column;padding:4vh 4vw;display:flex;position:fixed;inset:0}.captions{padding:var(--caption-padding-block) .6em;background:var(--background,#0000008c);max-width:min(100%, var(--max-line,68ch));box-sizing:content-box;font-size:var(--font-size,44px);border-radius:.15em;align-items:flex-start;display:flex}.caption-window{max-width:100%;max-height:calc(var(--visible-lines,1) * var(--caption-line-height));flex-direction:column;justify-content:flex-end;display:flex;overflow:hidden}.caption{color:var(--text-colour,#fff);font-family:var(--font-family,system-ui, sans-serif);font-size:inherit;font-weight:700;line-height:var(--caption-line-height);text-align:left;text-shadow:var(--outline,1px 1px 3px #000000e6);overflow-wrap:break-word;margin:0;padding: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){--editor-ink:#192231;--editor-paper:#f4f4f4;--editor-panel:#fff;--editor-line:#e4ded4;--editor-muted:#404a42;--editor-accent:#8a7440;--editor-accent-fill:#c0b283;--editor-accent-soft:#eddbcd;--editor-accent-ink:#192231;--editor-logo-bg:#192231;--editor-logo-fg:#f4f4f4;background:repeating-conic-gradient(#2a2a2a 0% 25%,#1c1c1c 0% 50%) 0 0/24px 24px;overflow:auto}@media (prefers-color-scheme:dark){body:has(.editor){--editor-ink:#f4f4f4;--editor-paper:#192231;--editor-panel:#212b3d;--editor-line:#33405a;--editor-muted:#9aa79f;--editor-accent:#c0b283;--editor-accent-soft:#37301f}}body:has(.editor) .stage{top:50vh}.editor{box-sizing:border-box;background:var(--editor-panel);max-height:50vh;color:var(--editor-ink);border-bottom:1px solid var(--editor-line);flex-wrap:wrap;align-items:flex-end;gap:16px 22px;padding:18px 24px;font-family:Inter var,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;display:flex;position:fixed;top:0;left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px -12px #19223159}.editor-brand{flex-basis:100%;align-items:center;gap:10px;display:flex}.editor-mark{background:var(--editor-logo-bg);width:34px;height:34px;color:var(--editor-logo-fg);border-radius:10px;justify-content:center;align-items:center;display:flex;box-shadow:0 4px 10px #19223140}.editor-mark svg{width:20px;height:20px}.editor h1{letter-spacing:-.02em;margin:0;font-size:.95rem;font-weight:700}.editor-eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--editor-accent);margin:0;font-size:.7rem;font-weight:700}.editor-field{color:var(--editor-ink);flex-direction:column;gap:6px;font-size:.8rem;font-weight:600;display:flex}.editor-field select,.editor-field input[type=number]{box-sizing:border-box;border:1px solid var(--editor-line);background:var(--editor-panel);min-width:9rem;color:var(--editor-ink);font:inherit;border-radius:10px;outline:none;padding:8px 10px;font-weight:500;transition:border-color .12s,box-shadow .12s}.editor-field select:focus,.editor-field input[type=number]:focus{border-color:var(--editor-accent);box-shadow:0 0 0 4px color-mix(in oklch, var(--editor-accent) 15%, transparent)}.editor-field input[type=range]{width:11rem;accent-color:var(--editor-accent)}.editor-field input[type=color]{border:1px solid var(--editor-line);background:var(--editor-panel);cursor:pointer;border-radius:10px;width:3rem;height:2.1rem;padding:2px}.editor-readout{color:var(--editor-muted);font-weight:500}.editor button{background:var(--editor-accent-fill);color:var(--editor-accent-ink);font:inherit;cursor:pointer;box-shadow:0 4px 10px color-mix(in oklch, var(--editor-accent-fill) 25%, transparent);border:none;border-radius:10px;padding:9px 16px;font-weight:600;transition:transform .12s,filter .12s,box-shadow .12s}.editor button:hover{filter:brightness(1.05);transform:translateY(-1px)}.editor button:active{transform:translateY(0)}.editor button:focus-visible{box-shadow:0 0 0 4px color-mix(in oklch, var(--editor-accent-fill) 30%, transparent);outline:none}.editor-copied{color:var(--editor-accent);align-self:center;margin:0;font-size:.78rem;font-weight:600}