:root{color-scheme:light;--bg: #fff;--fg: #000;--muted: #777;--hair: #d8d8d8;--accent: #000;--accent-fg: #fff;--panel: #fafafa;--warn: #b00020}html,body{margin:0;height:100%;background:var(--bg);color:var(--fg);font:13px/1.4 ui-sans-serif,system-ui,sans-serif}body{display:grid;grid-template-rows:44px 1fr}header:where(.astro-nmyy7qaa){display:flex;align-items:center;gap:10px;padding:0 14px;border-bottom:1px solid var(--hair);background:var(--bg)}header:where(.astro-nmyy7qaa) h1:where(.astro-nmyy7qaa){font-size:13px;font-weight:600;margin:0}header:where(.astro-nmyy7qaa) h1:where(.astro-nmyy7qaa) a:where(.astro-nmyy7qaa){color:var(--fg);text-decoration:none}header:where(.astro-nmyy7qaa) .status:where(.astro-nmyy7qaa){color:var(--muted);font-size:12px;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}header:where(.astro-nmyy7qaa) .status:where(.astro-nmyy7qaa).err{color:var(--warn)}button:where(.astro-nmyy7qaa){background:var(--accent);color:var(--accent-fg);border:0;padding:6px 12px;border-radius:4px;cursor:pointer;font:inherit;font-weight:600}button:where(.astro-nmyy7qaa).secondary{background:transparent;color:var(--fg);border:1px solid var(--hair);font-weight:500}button:where(.astro-nmyy7qaa):disabled{opacity:.4;cursor:progress}main:where(.astro-nmyy7qaa){display:grid;grid-template-columns:1fr 1fr;min-height:0}main:where(.astro-nmyy7qaa).code-hidden{grid-template-columns:1fr}main:where(.astro-nmyy7qaa).code-hidden .editor:where(.astro-nmyy7qaa){display:none}.pane:where(.astro-nmyy7qaa){display:flex;flex-direction:column;min-height:0;min-width:0}.pane:where(.astro-nmyy7qaa)+.pane:where(.astro-nmyy7qaa){border-left:1px solid var(--hair)}.editor:where(.astro-nmyy7qaa){position:relative}.code-toolbar:where(.astro-nmyy7qaa){display:flex;align-items:center;gap:6px;padding:6px 10px;border-bottom:1px solid var(--hair);background:var(--bg);flex-shrink:0}.code-toolbar:where(.astro-nmyy7qaa) .ic:where(.astro-nmyy7qaa){background:transparent;color:var(--fg);border:1px solid var(--hair);padding:3px 9px;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;font-family:inherit}.code-toolbar:where(.astro-nmyy7qaa) .ic:where(.astro-nmyy7qaa):hover:not(:disabled){background:var(--panel)}.code-toolbar:where(.astro-nmyy7qaa) .ic:where(.astro-nmyy7qaa):disabled{opacity:.35;cursor:not-allowed}.code-toolbar:where(.astro-nmyy7qaa) .sep:where(.astro-nmyy7qaa){width:1px;height:16px;background:var(--hair);margin:0 4px}.code-toolbar:where(.astro-nmyy7qaa) .spacer:where(.astro-nmyy7qaa){flex:1}.editor:where(.astro-nmyy7qaa) .cm-host:where(.astro-nmyy7qaa){flex:1;width:100%;min-height:0;background:var(--panel)}.stage:where(.astro-nmyy7qaa){position:relative;background:#111;display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box;overflow:hidden}canvas:where(.astro-nmyy7qaa){display:block;background:#000;box-shadow:0 6px 20px #00000073;flex-shrink:0}.controls:where(.astro-nmyy7qaa){position:absolute;left:12px;right:12px;bottom:12px;display:flex;align-items:center;gap:10px;padding:8px 10px;background:#ffffffeb;border:1px solid var(--hair);border-radius:6px;backdrop-filter:blur(6px)}.controls:where(.astro-nmyy7qaa) .scrub:where(.astro-nmyy7qaa){flex:1}.controls:where(.astro-nmyy7qaa) .scrub:where(.astro-nmyy7qaa) input:where(.astro-nmyy7qaa){width:100%}.controls:where(.astro-nmyy7qaa) .t:where(.astro-nmyy7qaa){font-variant-numeric:tabular-nums;color:var(--muted);min-width:88px;font-size:12px;text-align:right}.cm-editor{height:100%;outline:none;background:var(--panel)}.cm-editor.cm-focused{outline:none}.cm-scroller{font:13px/1.55 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;padding:16px 0}.cm-content{caret-color:var(--fg);color:var(--fg)}.cm-gutters{background:var(--panel);border-right:1px solid var(--hair);color:var(--muted)}.cm-activeLine{background:#00000006}.cm-activeLineGutter{background:#0000000a}.cm-selectionBackground{background:#0000001f!important}.cm-cursor{border-left-color:var(--fg)}.cm-cmotion-popover{position:fixed;z-index:50;background:#fff;border:1px solid #d8d8d8;border-radius:6px;box-shadow:0 6px 18px #00000026;font:12px/1.45 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;max-height:240px;overflow-y:auto;min-width:200px;padding:4px 0;color:#000}.cm-cmotion-item{display:flex;gap:10px;padding:3px 10px;cursor:pointer;white-space:nowrap;align-items:baseline}.cm-cmotion-item.sel{background:#000;color:#fff}.cm-cmotion-item.sel .cm-cmotion-sig{color:#ffffffa6}.cm-cmotion-name{font-weight:600}.cm-cmotion-sig{color:#777;font-size:11px}.cm-cmotion-empty{padding:6px 10px;color:#777;font-style:italic}