.stompbox-glb-viewer:where(.astro-iucwnk3p){position:relative;width:100%;height:var(--stompbox-viewer-height);min-height:280px;margin:1rem 0;overflow:hidden;border:1px solid var(--sl-color-gray-5);border-radius:8px;background:var(--stompbox-viewer-background-color, #000000)}.stompbox-glb-viewer:where(.astro-iucwnk3p):before{content:"";position:absolute;inset:0;z-index:0;background-image:linear-gradient(to right,var(--stompbox-viewer-grid-color, #cccccc) 1px,transparent 1px),linear-gradient(to bottom,var(--stompbox-viewer-grid-color, #cccccc) 1px,transparent 1px);background-size:24px 24px;opacity:var(--stompbox-viewer-grid-opacity, .1);pointer-events:none}.stompbox-glb-viewer:where(.astro-iucwnk3p) canvas:where(.astro-iucwnk3p){position:relative;z-index:1;display:block;width:100%;height:100%}.stompbox-glb-viewer__status:where(.astro-iucwnk3p){position:absolute;inset:auto 1rem 1rem;padding:.45rem .65rem;border-radius:6px;background:#0f172ad1;color:#f8fafc;font-size:.8125rem;line-height:1.3;pointer-events:none;z-index:2}.stompbox-preview-preset-group:where(.astro-i43kxun6){margin:1.25rem 0 1.75rem}.stompbox-preview-preset-group__toolbar:where(.astro-i43kxun6){display:flex;margin:.25rem 0 .45rem}.stompbox-preview-preset-group__effects:where(.astro-i43kxun6){display:flex;flex-wrap:wrap;align-items:center;align-content:flex-start;gap:.45rem;margin:0 0 1rem}.stompbox-preview-preset-group__effects:where(.astro-i43kxun6) label:where(.astro-i43kxun6){display:inline-flex;align-items:center;gap:.35rem;box-sizing:border-box;height:2rem;padding:0 .55rem;border:1px solid #cbd5e1;border-radius:6px;background:#fff;color:#0f172a;font-size:.8125rem;font-weight:650;line-height:1;margin:0;white-space:nowrap}.stompbox-preview-preset-group__effects:where(.astro-i43kxun6) input:where(.astro-i43kxun6){appearance:none;display:grid;flex:0 0 auto;place-content:center;width:1rem;height:1rem;margin:0;border:1px solid #22c55e;border-radius:3px;background:transparent}.stompbox-preview-preset-group__effects:where(.astro-i43kxun6) input:where(.astro-i43kxun6):before{content:"";width:.55rem;height:.35rem;border:solid #052e16;border-width:0 0 2px 2px;opacity:0;transform:translateY(-.05rem) rotate(-45deg)}.stompbox-preview-preset-group__effects:where(.astro-i43kxun6) input:where(.astro-i43kxun6):checked{background:#22c55e}.stompbox-preview-preset-group__effects:where(.astro-i43kxun6) input:where(.astro-i43kxun6):checked:before{opacity:1}.stompbox-preview-preset-group__effects:where(.astro-i43kxun6) span:where(.astro-i43kxun6){line-height:1}.stompbox-preview-preset-group__live-state:where(.astro-i43kxun6){display:grid;grid-template-columns:repeat(auto-fit,minmax(min(11rem,100%),1fr));gap:.6rem;margin:-.3rem 0 1rem;padding:.7rem;border:1px solid #cbd5e1;border-radius:8px;background:#f8fafc;color:#0f172a;font-size:.8125rem;line-height:1.25}.stompbox-preview-preset-group__live-state:where(.astro-i43kxun6)[hidden]{display:none}.stompbox-preview-preset-group__control:where(.astro-i43kxun6){display:inline-flex;align-items:center;gap:.5rem;max-width:100%;padding:.45rem .55rem;line-height:1.2}.stompbox-preview-preset-group__control:where(.astro-i43kxun6) span:where(.astro-i43kxun6){font-weight:600;white-space:nowrap}.stompbox-preview-preset-group__control:where(.astro-i43kxun6) select:where(.astro-i43kxun6){min-width:min(16rem,58vw);max-width:100%;border:1px solid #cbd5e1;border-radius:4px;background:#fff;color:#0f172a;font:inherit;line-height:1.2;padding:.25rem 1.8rem .25rem .45rem}.stompbox-live-state-control{display:grid;gap:.3rem}.stompbox-live-state-control__label{overflow-wrap:anywhere;font-weight:650}.stompbox-live-state-toggle{grid-template-columns:auto 1fr;align-items:center;column-gap:.5rem}.stompbox-live-state-control input[type=range]{width:100%;accent-color:#2563eb}.stompbox-live-state-toggle input[type=checkbox]{width:1.05rem;height:1.05rem;accent-color:#16a34a}.stompbox-live-state-control button{width:100%;min-height:2rem;border:1px solid #94a3b8;border-radius:6px;background:#fff;color:#0f172a;font:inherit;font-weight:650;cursor:pointer}.stompbox-live-state-control button[aria-pressed=true]{border-color:#15803d;background:#dcfce7;color:#14532d}