:root{color-scheme:light;--bg: #fff;--fg: #000;--muted: #777;--hair: #d8d8d8;--accent: #000;--accent-fg: #fff;--panel: #fafafa;--warn: #b00020;--ok: #0a7a3a;--soft: rgba(0,0,0,.025)}html,body{margin:0;height:100%;background:var(--bg);color:var(--fg);font:13px/1.45 ui-sans-serif,system-ui,sans-serif}body{display:grid;grid-template-rows:44px 1fr}header:where(.astro-5wq3ak55){display:flex;align-items:center;gap:10px;padding:0 14px;border-bottom:1px solid var(--hair);background:var(--bg)}header:where(.astro-5wq3ak55) h1:where(.astro-5wq3ak55){font-size:13px;font-weight:600;margin:0}header:where(.astro-5wq3ak55) h1:where(.astro-5wq3ak55) a:where(.astro-5wq3ak55){color:var(--fg);text-decoration:none}header:where(.astro-5wq3ak55) h1:where(.astro-5wq3ak55) .sep:where(.astro-5wq3ak55){color:var(--muted);padding:0 6px;font-weight:400}header:where(.astro-5wq3ak55) .spacer:where(.astro-5wq3ak55){flex:1}header:where(.astro-5wq3ak55) a:where(.astro-5wq3ak55).docs{color:var(--muted);font-size:12px;text-decoration:none}header:where(.astro-5wq3ak55) a:where(.astro-5wq3ak55).docs:hover{color:var(--fg)}main:where(.astro-5wq3ak55){display:grid;grid-template-columns:1fr 1fr;min-height:0}.pane:where(.astro-5wq3ak55){display:flex;flex-direction:column;min-height:0;min-width:0;overflow:auto}.pane:where(.astro-5wq3ak55)+.pane:where(.astro-5wq3ak55){border-left:1px solid var(--hair)}.controls:where(.astro-5wq3ak55){display:flex;flex-direction:column;gap:14px;padding:16px}.controls:where(.astro-5wq3ak55) section:where(.astro-5wq3ak55){display:flex;flex-direction:column;gap:6px}.controls:where(.astro-5wq3ak55) h2:where(.astro-5wq3ak55){font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0;font-weight:600}textarea:where(.astro-5wq3ak55)#src{width:100%;box-sizing:border-box;padding:10px;background:var(--panel);border:1px solid var(--hair);border-radius:4px;outline:0;resize:vertical;min-height:260px;font:12px/1.5 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;color:var(--fg);tab-size:2}.params:where(.astro-5wq3ak55){display:grid;grid-template-columns:auto auto auto auto;gap:8px 12px;align-items:center}.params:where(.astro-5wq3ak55) label:where(.astro-5wq3ak55){font-size:12px;color:var(--muted)}.params:where(.astro-5wq3ak55) input:where(.astro-5wq3ak55)[type=number]{width:80px;padding:4px 6px;border:1px solid var(--hair);border-radius:4px;font:inherit;background:var(--bg);color:var(--fg)}.assets:where(.astro-5wq3ak55){padding:10px;border:1px dashed var(--hair);border-radius:4px;background:var(--soft);color:var(--muted);font-size:12px}.assets:where(.astro-5wq3ak55) input:where(.astro-5wq3ak55)[type=file]{display:block;margin-top:6px;font-size:12px}.assets:where(.astro-5wq3ak55) .files:where(.astro-5wq3ak55){margin-top:6px}.assets:where(.astro-5wq3ak55) .files:where(.astro-5wq3ak55) li:where(.astro-5wq3ak55){margin:0;padding:2px 0;font-family:ui-monospace,monospace;font-size:11px;color:var(--fg)}.assets:where(.astro-5wq3ak55) .note:where(.astro-5wq3ak55){font-style:italic}.buttons:where(.astro-5wq3ak55){display:flex;gap:8px;align-items:center}button:where(.astro-5wq3ak55){background:var(--accent);color:var(--accent-fg);border:0;padding:8px 14px;border-radius:4px;cursor:pointer;font:inherit;font-weight:600}button:where(.astro-5wq3ak55).secondary{background:transparent;color:var(--fg);border:1px solid var(--hair);font-weight:500}button:where(.astro-5wq3ak55):disabled{opacity:.4;cursor:progress}.status-bar:where(.astro-5wq3ak55){display:flex;align-items:center;gap:10px;padding:10px 16px;border-top:1px solid var(--hair);background:var(--panel)}.status-bar:where(.astro-5wq3ak55) .status:where(.astro-5wq3ak55){flex:1;font-size:12px;color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-bar:where(.astro-5wq3ak55) button:where(.astro-5wq3ak55).dl{background:var(--accent);color:var(--accent-fg);padding:4px 10px;border-radius:4px;border:0;font:600 12px/1.4 ui-sans-serif,system-ui,sans-serif;cursor:pointer}.status-bar:where(.astro-5wq3ak55) button:where(.astro-5wq3ak55).dl[aria-hidden=true]{display:none}.status-bar:where(.astro-5wq3ak55) button:where(.astro-5wq3ak55).dl:hover{opacity:.85}.status-bar:where(.astro-5wq3ak55) button:where(.astro-5wq3ak55).dl:disabled{opacity:.4;cursor:progress}.status:where(.astro-5wq3ak55).ok{color:var(--ok)}.status:where(.astro-5wq3ak55).err{color:var(--warn)}.stage:where(.astro-5wq3ak55){position:relative;background:#111;flex:1;min-height:0;min-width:0;overflow:hidden}.stage:where(.astro-5wq3ak55) .placeholder:where(.astro-5wq3ak55){position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#888;font-size:13px;text-align:center;padding:20px;box-sizing:border-box;line-height:1.5}.stage:where(.astro-5wq3ak55) img:where(.astro-5wq3ak55),.stage:where(.astro-5wq3ak55) video:where(.astro-5wq3ak55){position:absolute;inset:20px;width:calc(100% - 40px);height:calc(100% - 40px);object-fit:contain;background:#000;box-shadow:0 6px 20px #00000073}.transport:where(.astro-5wq3ak55){display:none;align-items:center;gap:8px;padding:8px 14px;border-top:1px solid var(--hair);background:var(--panel)}.transport:where(.astro-5wq3ak55).visible{display:flex}.transport:where(.astro-5wq3ak55) button:where(.astro-5wq3ak55).tx{background:var(--bg);color:var(--fg);border:1px solid var(--hair);padding:4px 10px;border-radius:4px;font:600 13px/1 ui-sans-serif,system-ui,sans-serif;cursor:pointer;min-width:36px}.transport:where(.astro-5wq3ak55) button:where(.astro-5wq3ak55).tx:hover{background:var(--panel)}.transport:where(.astro-5wq3ak55) .scrub:where(.astro-5wq3ak55){flex:1}.transport:where(.astro-5wq3ak55) .scrub:where(.astro-5wq3ak55) input:where(.astro-5wq3ak55){width:100%}.transport:where(.astro-5wq3ak55) .t:where(.astro-5wq3ak55){font-variant-numeric:tabular-nums;color:var(--muted);min-width:96px;font-size:12px;text-align:right}