button.svelte-1gcf650{background:var(--dom-control-fill);color:var(--color-black-medium);border:1px solid var(--dom-control-border);border-radius:var(--dom-control-radius);font:inherit;cursor:pointer;flex:1;padding:4px 6px;font-size:11px;transition:background-color .15s}button.svelte-1gcf650:hover:not(:disabled){background:var(--dom-control-fill-hover)}button.svelte-1gcf650:disabled{opacity:.4;cursor:default}button.svelte-mrytlu{width:16px;height:16px;color:var(--color-gray-medium-dark);cursor:pointer;background:0 0;border:none;border-radius:4px;flex:none;justify-content:center;align-items:center;padding:0;transition:background-color .15s;display:flex}button.svelte-mrytlu:hover{background:var(--dom-control-fill-hover);color:var(--color-black-medium)}path.svelte-mrytlu{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}label.svelte-bcwnzv{justify-content:space-between;align-items:center;gap:8px;font-size:11px;display:flex}.end.svelte-bcwnzv{align-items:center;gap:4px;display:flex}input.svelte-bcwnzv{appearance:none;background:var(--dom-control-border);cursor:pointer;border-radius:8px;flex:none;width:28px;height:16px;margin:0;transition:background-color .15s;position:relative}input.svelte-bcwnzv:before{content:"";background:var(--color-white-base);border-radius:50%;width:12px;height:12px;transition:transform .15s;position:absolute;top:2px;left:2px}input.svelte-bcwnzv:checked{background:var(--color-black-medium)}input.svelte-bcwnzv:checked:before{transform:translate(12px)}input.svelte-bcwnzv:disabled{opacity:.4;cursor:default}.dom-panel.svelte-5tp2va{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--dom-control-border) transparent;background:var(--dom-glass-fill);height:100%;-webkit-backdrop-filter:blur(var(--dom-glass-blur));backdrop-filter:blur(var(--dom-glass-blur));border:1px solid var(--dom-glass-border);border-radius:var(--dom-glass-radius);box-shadow:var(--dom-glass-shadow);color:var(--color-black-light);font-family:var(--font-mono);padding:20px 16px 32px;overflow-y:auto}h2.svelte-5tp2va{color:var(--color-black-medium);font-family:var(--font-sans);letter-spacing:.12em;text-transform:uppercase;margin:0 0 20px;font-size:12px;font-weight:600}details.svelte-19jpfw3{margin-bottom:8px}details[open].svelte-19jpfw3{margin-bottom:24px}summary.svelte-19jpfw3{border-bottom:1px solid var(--dom-control-border);color:var(--color-black-medium);font-family:var(--font-sans);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;padding:6px 0;font-size:11px;font-weight:600;display:flex}summary.svelte-19jpfw3::-webkit-details-marker{display:none}summary.svelte-19jpfw3:after{content:"+";font-family:var(--font-mono)}details[open].svelte-19jpfw3 summary:where(.svelte-19jpfw3):after{content:"−"}.body.svelte-19jpfw3{flex-direction:column;gap:12px;padding-top:12px;display:flex}label.svelte-dbscf8{justify-content:space-between;align-items:center;gap:8px;font-size:11px;display:flex}.end.svelte-dbscf8{align-items:center;gap:4px;min-width:0;display:flex}.control.svelte-dbscf8{min-width:0;color:var(--color-black-medium);position:relative}.control.svelte-dbscf8:after{content:"";pointer-events:none;border-bottom:1px solid;border-right:1px solid;width:5px;height:5px;position:absolute;top:50%;right:8px;transform:translateY(-70%)rotate(45deg)}select.svelte-dbscf8{appearance:none;background:var(--dom-control-fill);width:100%;color:inherit;border:1px solid var(--dom-control-border);border-radius:var(--dom-control-radius);font:inherit;cursor:pointer;padding:3px 20px 3px 8px;transition:background-color .15s}select.svelte-dbscf8:hover:not(:disabled){background:var(--dom-control-fill-hover)}select.svelte-dbscf8:disabled{opacity:.4;cursor:default}.slider.svelte-1pw1qar{flex-direction:column;gap:4px;display:flex}label.svelte-1pw1qar{justify-content:space-between;align-items:center;gap:8px;font-size:11px;display:flex}.value.svelte-1pw1qar{align-items:center;gap:2px;display:flex}em.svelte-1pw1qar{color:var(--color-black-medium);font-style:normal}input[type=text].svelte-1pw1qar{box-sizing:border-box;background:var(--dom-control-fill);width:52px;color:var(--color-black-medium);border:1px solid var(--dom-control-border);font:inherit;text-align:right;border-radius:4px;padding:1px 3px}input[type=text].svelte-1pw1qar:focus{border-color:var(--color-black-medium);outline:none}input[type=text].svelte-1pw1qar:disabled{opacity:.5}input[type=range].svelte-1pw1qar{appearance:none;cursor:pointer;background:0 0;width:100%;height:16px;margin:0}input[type=range].svelte-1pw1qar:disabled{opacity:.5;cursor:default}input[type=range].svelte-1pw1qar::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--color-black-medium) var(--fill), var(--dom-control-border) var(--fill));border-radius:2px;height:4px}input[type=range].svelte-1pw1qar::-moz-range-track{background:linear-gradient(to right, var(--color-black-medium) var(--fill), var(--dom-control-border) var(--fill));border-radius:2px;height:4px}input[type=range].svelte-1pw1qar::-webkit-slider-thumb{appearance:none;border:1px solid var(--dom-control-border);background:var(--color-white-base);border-radius:50%;width:14px;height:14px;margin-top:-5px}input[type=range].svelte-1pw1qar::-moz-range-thumb{box-sizing:border-box;border:1px solid var(--dom-control-border);background:var(--color-white-base);border-radius:50%;width:14px;height:14px}.playground.svelte-cmzsma{width:100%;height:100%}.panel.svelte-cmzsma{pointer-events:auto;width:260px;position:absolute;top:16px;bottom:16px;right:16px}.button-row.svelte-cmzsma{gap:8px;display:flex}.config.svelte-cmzsma{box-sizing:border-box;background:var(--dom-control-fill);width:100%;color:var(--color-black-medium);border:1px solid var(--dom-control-border);border-radius:var(--dom-control-radius);font:inherit;resize:vertical;font-size:10px}.status.svelte-cmzsma{word-break:break-word;margin:0;font-size:10px}.color-row.svelte-cmzsma{justify-content:space-between;align-items:center;font-size:11px;display:flex}.color-end.svelte-cmzsma{align-items:center;gap:4px;display:flex}input[type=color].svelte-cmzsma{cursor:pointer;background:0 0;border:none;border-radius:4px;width:36px;height:24px;padding:0}body{background:#fff;margin:0;padding:0;overflow:hidden}.page.svelte-j6hxly{width:100vw;height:100vh}