.ganlive{--ganlive-header:0px;accent-color:var(--accent);margin:1.5rem 0 2rem}.ganlive [hidden]{display:none!important}.ganlive button,.ganlive input,.ganlive select{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:3px;padding:.3rem .6rem}.ganlive button:hover:not(:disabled){border-color:var(--accent)}.ganlive .workbench__primary{border-color:var(--accent);color:var(--accent)}.ganlive button:disabled{opacity:.5;cursor:default}@media (width>=64rem){.ganlive:not([data-compact]){--ganlive-header:4rem;min-height:calc(100dvh - var(--ganlive-header));grid-template-columns:minmax(0,1fr) 27rem;align-items:start;gap:1.5rem;display:grid}.ganlive:not([data-compact]) .ganlive__view,.ganlive:not([data-compact]) .ganlive__panel{top:var(--ganlive-header);position:sticky}.ganlive:not([data-compact]) .ganlive__panel{max-height:calc(100dvh - var(--ganlive-header) - 1rem);padding-right:.5rem;scroll-padding-bottom:8rem;overflow-y:auto}.ganlive:not([data-compact]) .ganlive__stage{max-width:calc((100dvh - var(--ganlive-header) - 6rem) * 1.5)}}@media (width<=63.99rem){.ganlive:not([data-compact]) .ganlive__view{display:contents}.ganlive:not([data-compact]) .ganlive__stage{z-index:2;border-radius:0;position:sticky;top:0}.ganlive:not([data-compact]) .ganlive__tabs{top:var(--ganlive-stage,0px)}}.ganlive__stage{aspect-ratio:3/2;background:var(--surface);border-radius:4px;margin-inline:auto;position:relative;overflow:hidden}.ganlive__stage>img,.ganlive__stage>canvas{object-fit:contain;width:100%;height:100%;display:block}.ganlive__stage:fullscreen{background:#000;border-radius:0;max-height:none}.ganlive__start,.ganlive__loading,.ganlive__status,.ganlive__bar{color:var(--text);position:absolute}.ganlive__start,.ganlive__loading{text-align:center;font-size:var(--size-meta);text-shadow:0 1px 3px #000c;background:#1a0f2059;flex-direction:column;justify-content:center;align-items:center;gap:.6rem;padding:1rem;display:flex;inset:0}.ganlive .ganlive__play{color:var(--background);background:var(--accent);border-color:var(--accent);text-shadow:none;padding:.6rem 1.6rem;font-size:1.25rem}.ganlive .ganlive__play:hover{background:var(--accent-hover)}.ganlive__loading progress{width:min(18rem,80%)}.ganlive__status{font-variant-numeric:tabular-nums;background:#1a0f2099;border-radius:3px;margin:0;padding:.1rem .45rem;font-size:.8rem;top:.5rem;left:.6rem}.ganlive__status:empty{display:none}.ganlive__bar{font-size:var(--size-meta);background:linear-gradient(#0000,#1a0f20bf);flex-wrap:wrap;gap:.4rem;padding:1.5rem .6rem .6rem;display:flex;bottom:0;left:0;right:0}.ganlive .ganlive__bar button{background:#1a0f20b3}.ganlive__bar [data-part=fullscreen]{margin-left:auto}.ganlive__full{text-shadow:0 1px 3px #000c;align-items:center;gap:.3rem;padding:0 .3rem;display:flex}.ganlive .ganlive__full input{padding:0}.ganlive .ganlive__bar [data-recording]{border-color:var(--accent);color:var(--accent)}.ganlive__bar [data-recording]:before{content:"";background:currentColor;border-radius:50%;width:.55em;height:.55em;margin-right:.4em;display:inline-block}.ganlive__status,.ganlive__bar{transition:opacity .4s}.ganlive__stage[data-quiet]:not(:focus-within) .ganlive__status,.ganlive__stage[data-quiet]:not(:focus-within) .ganlive__bar{opacity:0}.ganlive__stage[data-quiet]:fullscreen{cursor:none}@media (width<=30rem){.ganlive__bar{gap:.3rem;padding:1rem .4rem .4rem;font-size:.75rem}.ganlive .ganlive__bar button{padding:.2rem .4rem}.ganlive__status{font-size:.7rem}.ganlive__full{display:none}}.ganlive__models{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin:.6rem 0 .75rem;display:grid}@media (width>=64rem){.ganlive:not([data-compact]) .ganlive__models{margin-top:0}}.ganlive .ganlive__models button{text-align:left;align-items:center;gap:.6rem;min-width:0;padding:.3rem .8rem .3rem .3rem;line-height:1.3;display:flex}.ganlive .ganlive__models .ganlive__own{overflow-wrap:anywhere;grid-column:1/-1;min-height:3.1rem;padding-left:.8rem}.ganlive__models img{object-fit:cover;border-radius:2px;width:3.75rem;height:2.5rem}.ganlive .ganlive__models [aria-pressed=true]{border-color:var(--accent)}@media (width<=30rem){.ganlive__models img{width:2.75rem;height:2rem}}.ganlive__meta{white-space:nowrap;color:var(--text-muted);font-size:.8rem;display:block}.ganlive__notice{font-size:var(--size-meta);color:var(--text-muted);margin:.5rem 0 0}.ganlive__notice:empty{display:none}.ganlive .workbench__error{margin:.5rem 0 0}.ganlive .workbench__error:empty{display:none}.ganlive__panel{font-size:var(--size-meta);line-height:1.5}.ganlive[data-compact] .ganlive__panel{margin-top:.75rem}.ganlive__preset{gap:.4rem;margin-bottom:.25rem;display:flex}.ganlive .ganlive__preset select{flex:1;min-width:0}.ganlive__tabs{z-index:1;border-bottom:1px solid var(--border);background:var(--background);gap:1.25rem;display:flex;position:sticky;top:0}.ganlive .ganlive__tabs button{color:var(--text-muted);background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;padding:.5rem .1rem;font-size:1rem}.ganlive .ganlive__tabs [aria-selected=true]{color:var(--accent);border-bottom-color:var(--accent)}.ganlive .ganlive__tabs button:hover{color:var(--accent)}.ganlive__hint{color:var(--text-muted);margin:.4rem 0 .6rem}.ganlive__lead{justify-content:space-between;align-items:center;gap:.6rem;min-height:2.4rem;display:flex}.ganlive__lead .ganlive__hint{margin:0}.ganlive .ganlive__lead button{flex:none;padding:.1rem .5rem}.ganlive__head{font-size:var(--size-meta);margin:1.1rem 0 .3rem;font-weight:700}.ganlive .ganlive__group>summary{color:var(--text);padding:.45rem 0;font-weight:700}.ganlive__group[open]>summary{margin-bottom:.2rem}.ganlive__dial{min-height:2rem;color:var(--text-muted);cursor:pointer;touch-action:none;outline-offset:2px;grid-template-columns:.5rem 4.75rem minmax(0,1fr) 6rem 1.4rem;align-items:center;gap:.5rem;display:grid}@media (pointer:coarse){.ganlive__dial{min-height:2.75rem}}.ganlive__dial[data-held],.ganlive__dial[data-focus]{color:var(--text)}.ganlive__dot{background:var(--glow,var(--border));border-radius:50%;width:.45rem;height:.45rem}.ganlive__track{background:var(--surface);height:.4rem;box-shadow:inset 0 0 0 1px var(--border);border-radius:2px;position:relative}.ganlive__fill{transform-origin:0;background:var(--text-muted);border-radius:2px;width:100%;position:absolute;inset:0 auto 0 0}.ganlive__dial[data-held] .ganlive__fill{background:var(--accent)}.ganlive__rest{background:var(--border);width:2px;margin-left:-1px;position:absolute;top:-.25rem;bottom:-.25rem}.ganlive__hand{background:var(--accent);border-radius:50%;width:.8rem;height:.8rem;margin:-.4rem 0 0 -.4rem;position:absolute;top:50%}.ganlive__dial output{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ganlive .ganlive__free{width:1.4rem;height:1.4rem;color:var(--text-muted);background:0 0;border:0;padding:0;line-height:1}.ganlive .ganlive__free:hover{color:var(--accent)}.ganlive__scope{width:100%;height:2.25rem;margin:0 0 .2rem;display:block}.ganlive__describe{border-top:1px solid var(--border);min-height:5.5rem;margin-top:.75rem;padding:.4rem 0}.ganlive:not([data-compact]) .ganlive__describe{background:var(--background);position:sticky;bottom:0}.ganlive__describe p{margin:0}@media (width<=63.99rem){.ganlive__describe{min-height:0;font-size:.8rem;line-height:1.4}}.ganlive__routing{overflow-x:auto}.ganlive__routing table{border-collapse:collapse;table-layout:fixed;width:100%}.ganlive__routing th{color:var(--text-muted);padding:.1rem 0;font-size:.7rem;font-weight:400}.ganlive__routing th:first-child{text-align:left;width:5.5rem}.ganlive__routing th:not(:first-child):before{content:"";background:var(--lit,var(--surface));border-radius:2px;height:.4rem;margin:0 1px .15rem;display:block}.ganlive__routing td{padding:.1rem 1px}.ganlive__routing td:first-child{color:var(--text-muted)}.ganlive__cell{height:1rem;box-shadow:inset 0 0 0 1px var(--border);cursor:pointer;border-radius:2px;position:relative}.ganlive__cell:hover{box-shadow:inset 0 0 0 1px var(--accent)}.ganlive__cell span{background:var(--accent);position:absolute;top:2px;bottom:2px}.ganlive__setup,.ganlive__keys{margin-top:1rem}.ganlive summary{cursor:pointer;color:var(--text-muted)}.ganlive__maps{grid-template-columns:repeat(auto-fit,minmax(11rem,1fr))}.ganlive .workbench__fields input,.ganlive .workbench__fields select{width:100%}@media (hover:none){.ganlive__keys{display:none}}.ganlive__keys dl{grid-template-columns:max-content 1fr;gap:.15rem 1rem;margin:.5rem 0 0;display:grid}.ganlive__keys dt{color:var(--text)}.ganlive__keys dd{color:var(--text-muted);margin:0}.ganlive__file{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:3px;padding:.3rem .6rem}.ganlive__file:hover,.ganlive__file:focus-within{border-color:var(--accent)}.ganlive__file input{opacity:0;width:1px;height:1px;position:absolute}