.studio[data-astro-cid-iztrdsxy]{--left: #64ffda;--right: #ff6b9d;--yellow: #ffd166;display:grid;grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr) auto auto;grid-template-areas:"top" "stage" "transport" "panel";height:100dvh;background:radial-gradient(ellipse at 50% 0%,#142033 0%,var(--bg) 60%)}@media (min-width: 960px){.studio[data-astro-cid-iztrdsxy]{grid-template-columns:1fr 360px;grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"top top" "stage panel" "transport panel"}.studio[data-astro-cid-iztrdsxy]:has(.panel[hidden]){grid-template-columns:1fr;grid-template-areas:"top" "stage" "transport"}}.top[data-astro-cid-iztrdsxy]{grid-area:top;display:flex;align-items:center;gap:.75rem;padding:.6rem 1rem}.back[data-astro-cid-iztrdsxy]{font-size:1.4rem;width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:var(--surface)}.titles[data-astro-cid-iztrdsxy]{flex:1;min-width:0}.titles[data-astro-cid-iztrdsxy] h1[data-astro-cid-iztrdsxy]{font-size:1.05rem;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.titles[data-astro-cid-iztrdsxy] p[data-astro-cid-iztrdsxy]{margin:0;color:var(--accent);font-size:.85rem;min-height:1.2em}.stage-wrap[data-astro-cid-iztrdsxy]{grid-area:stage;position:relative;min-height:0}canvas[data-astro-cid-iztrdsxy]{width:100%;height:100%;display:block;touch-action:none}.status[data-astro-cid-iztrdsxy]{position:absolute;inset:0;display:grid;place-items:center;margin:0;color:var(--muted);pointer-events:none}.status[data-astro-cid-iztrdsxy][hidden]{display:none}.views[data-astro-cid-iztrdsxy]{position:absolute;top:.5rem;left:.5rem;display:flex;gap:2px;background:#0b0f14b3;border:1px solid var(--border);border-radius:999px;padding:3px;backdrop-filter:blur(6px)}.views[data-astro-cid-iztrdsxy] button[data-astro-cid-iztrdsxy]{background:none;border:0;color:var(--muted);padding:.35rem .7rem;border-radius:999px;font-size:.8rem;cursor:pointer}.views[data-astro-cid-iztrdsxy] button[data-astro-cid-iztrdsxy][aria-pressed=true]{background:var(--primary);color:#06121f;font-weight:600}.legend[data-astro-cid-iztrdsxy]{position:absolute;bottom:.5rem;left:.75rem;font-size:.75rem;color:var(--muted);display:flex;align-items:center;gap:.35rem}.dot[data-astro-cid-iztrdsxy]{width:10px;height:10px;border-radius:50%;display:inline-block}.dot[data-astro-cid-iztrdsxy].left{background:var(--left)}.dot[data-astro-cid-iztrdsxy].right{background:var(--right);margin-left:.5rem}.video[data-astro-cid-iztrdsxy]{position:absolute;right:.5rem;bottom:.5rem;width:34%;max-width:220px;aspect-ratio:16 / 9;border-radius:10px;overflow:hidden;border:1px solid var(--border);box-shadow:var(--shadow);background:#000;transition:width .2s,max-width .2s}.video[data-astro-cid-iztrdsxy][data-size=big]{width:70%;max-width:640px}.video[data-astro-cid-iztrdsxy][hidden]{display:none}.video-slot[data-astro-cid-iztrdsxy],.video-slot[data-astro-cid-iztrdsxy] iframe{width:100%;height:100%;border:0;display:block}.video-size[data-astro-cid-iztrdsxy]{position:absolute;top:4px;right:4px;width:28px;height:28px;border-radius:50%;border:0;background:#0009;color:#fff;cursor:pointer}.transport[data-astro-cid-iztrdsxy]{grid-area:transport;padding:.5rem 1rem .75rem;border-top:1px solid var(--border);background:#0f141beb}.row[data-astro-cid-iztrdsxy]{display:flex;align-items:center;gap:.6rem}.row[data-astro-cid-iztrdsxy]+.row[data-astro-cid-iztrdsxy],.row[data-astro-cid-iztrdsxy]+.chips[data-astro-cid-iztrdsxy]{margin-top:.5rem}.play[data-astro-cid-iztrdsxy]{width:48px;height:48px;flex:none;border-radius:50%;border:0;background:var(--accent);color:#06121f;display:grid;place-items:center;cursor:pointer}.play[data-astro-cid-iztrdsxy] svg[data-astro-cid-iztrdsxy]{width:26px;height:26px}.play[data-astro-cid-iztrdsxy] .i-pause[data-astro-cid-iztrdsxy],.play[data-astro-cid-iztrdsxy][data-playing=true] .i-play[data-astro-cid-iztrdsxy]{display:none}.play[data-astro-cid-iztrdsxy][data-playing=true] .i-pause[data-astro-cid-iztrdsxy]{display:block}input[data-astro-cid-iztrdsxy][type=range]{flex:1;accent-color:var(--accent);min-width:0}.time[data-astro-cid-iztrdsxy]{font-variant-numeric:tabular-nums;font-size:.8rem;color:var(--muted);white-space:nowrap}.tools[data-astro-cid-iztrdsxy]{flex-wrap:wrap}.select[data-astro-cid-iztrdsxy]{display:flex;align-items:center;gap:.4rem;font-size:.8rem;color:var(--muted)}select[data-astro-cid-iztrdsxy]{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:.3rem}.pill[data-astro-cid-iztrdsxy]{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:999px;padding:.4rem .85rem;font-size:.82rem;cursor:pointer;white-space:nowrap}.pill[data-astro-cid-iztrdsxy][aria-pressed=true]{background:#64ffda26;border-color:var(--accent);color:var(--accent)}.pill[data-astro-cid-iztrdsxy].primary{background:var(--accent);color:#06121f;border-color:var(--accent);font-weight:600}.pill[data-astro-cid-iztrdsxy].danger{color:#ff8a8a}.chips[data-astro-cid-iztrdsxy]{display:flex;gap:.4rem;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.chips[data-astro-cid-iztrdsxy] .chip{flex:none;background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:10px;padding:.4rem .7rem;font-size:.8rem;cursor:pointer;display:flex;gap:.4rem;align-items:center}.chips[data-astro-cid-iztrdsxy] .chip-n{color:var(--muted);font-variant-numeric:tabular-nums}.chips[data-astro-cid-iztrdsxy] .chip.current{border-color:var(--accent)}.chips[data-astro-cid-iztrdsxy] .chip.selected{background:#64ffda26;color:var(--accent)}.chips[data-astro-cid-iztrdsxy] .chip.small{font-size:.75rem;padding:.3rem .6rem;color:var(--muted)}.panel[data-astro-cid-iztrdsxy]{grid-area:panel;overflow-y:auto;padding:.9rem 1rem 1.2rem;border-top:1px solid var(--border);background:var(--bg-2);max-height:45dvh}@media (min-width: 960px){.panel[data-astro-cid-iztrdsxy]{max-height:none;border-top:0;border-left:1px solid var(--border)}}.panel[data-astro-cid-iztrdsxy][hidden]{display:none}.command[data-astro-cid-iztrdsxy]{display:flex;gap:.5rem}.command[data-astro-cid-iztrdsxy] input[data-astro-cid-iztrdsxy]{flex:1;min-width:0;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:10px;padding:.6rem .75rem;font-size:.95rem}.feedback[data-astro-cid-iztrdsxy]{min-height:1.3em;margin:.4rem 0;font-size:.85rem}.feedback[data-astro-cid-iztrdsxy][data-kind=ok]{color:var(--accent)}.feedback[data-astro-cid-iztrdsxy][data-kind=error]{color:#ff8a8a}.examples[data-astro-cid-iztrdsxy]{flex-wrap:wrap;overflow:visible}.hint[data-astro-cid-iztrdsxy]{font-size:.8rem;color:var(--muted);line-height:1.5}.hint[data-astro-cid-iztrdsxy] input[data-astro-cid-iztrdsxy]{width:3.6em;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:.1rem .3rem}.yellow[data-astro-cid-iztrdsxy]{color:var(--yellow)}.panel[data-astro-cid-iztrdsxy] h2[data-astro-cid-iztrdsxy]{font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:1rem 0 .4rem}.edit-list[data-astro-cid-iztrdsxy]{list-style:none;margin:0;padding:0;display:grid;gap:.3rem}.edit-list[data-astro-cid-iztrdsxy] li{display:flex;background:var(--surface);border:1px solid var(--border);border-radius:8px;overflow:hidden}.edit-list[data-astro-cid-iztrdsxy] li.empty{padding:.6rem;color:var(--muted);font-size:.8rem}.edit-list[data-astro-cid-iztrdsxy] .edit-go{flex:1;text-align:left;background:none;border:0;color:var(--text);padding:.5rem .6rem;font-size:.85rem;cursor:pointer}.edit-list[data-astro-cid-iztrdsxy] .edit-t{color:var(--accent);font-variant-numeric:tabular-nums;margin-right:.3rem}.edit-list[data-astro-cid-iztrdsxy] .edit-del{background:none;border:0;color:var(--muted);padding:0 .75rem;cursor:pointer}.files[data-astro-cid-iztrdsxy]{margin-top:.8rem;flex-wrap:wrap}
