.editing-mode-toggle.svelte-1qxb0dx{display:flex;color:#898989}.option.svelte-1qxb0dx{margin:var(--button-spacing);padding:.2em;border-bottom:solid transparent .17em;cursor:pointer}.isActive.svelte-1qxb0dx{color:var(--gold);border-color:var(--gold)}.button.svelte-qi121h{margin:var(--button-spacing);padding:.1em .4em;cursor:pointer;border-radius:var(--small-border-radius);outline:none;box-sizing:border-box;display:flex;justify-content:flex-start;align-items:center}.button.isRound.svelte-qi121h{border-radius:50%;padding:0;--size: 1.9em;width:var(--size);height:var(--size);display:flex;justify-content:center;align-items:center}.button.hasBackground.svelte-qi121h{background:var(--button-bg-color)}.button.hasBackground.isAccented.svelte-qi121h{background:var(--gold)}.icon.svelte-qi121h{padding-top:.2em;color:#fff;fill:#fff}.button.isAccented.svelte-qi121h .icon:where(.svelte-qi121h){fill:#000}.button.svelte-qi121h svg{width:1.4em;height:1.4em}.label.svelte-qi121h{margin:0 .3em}.button.svelte-qi121h:not(.isDisabled):hover{text-decoration:underline}.isDisabled.svelte-qi121h{cursor:default;background:none;box-shadow:none;border:none;color:#666}.isDisabled.svelte-qi121h path{fill:#666}.button-group.svelte-htfj9w{display:flex}.button-group.svelte-htfj9w>*{flex:1 0 0}.action-area.svelte-96wu5e{display:flex;flex-direction:column;--button-spacing: .45em .4em;padding:var(--button-spacing);height:100%;background:var(--panel-bg-color);color:#fff;border-radius:.5em}.preview.svelte-ldpu7e{margin-right:.3em}.preview.svelte-ldpu7e:not(.isActive){cursor:pointer}svg.svelte-ldpu7e{--size: 5.5em;display:inline-block;height:var(--size);min-width:var(--size)}.preview.svelte-ldpu7e .outline:where(.svelte-ldpu7e){stroke-width:28;stroke:#fff;fill:none}.preview.isActive.svelte-ldpu7e .outline:where(.svelte-ldpu7e){stroke-width:50;stroke:var(--gold)}.checkbox.svelte-pajtkz{--size: 1.4em;height:var(--size);width:var(--size);border:solid white .18em;border-radius:.1em;cursor:pointer}.checkbox.isChecked.svelte-pajtkz{border-color:var(--gold);background:var(--gold)}.row.svelte-m9ddwy{--row-background: var(--panel-bg-color);display:flex;justify-content:flex-start;align-items:center;position:relative;min-width:7em}.row.svelte-m9ddwy>*{margin:.1em;position:relative;z-index:1}.anchor.svelte-m9ddwy{position:absolute;bottom:-1em;right:-.2em}circle.svelte-1sihkr8{stroke:none}.structure.svelte-4ewggt:not(.isPreview):not(.isVisible){visibility:hidden}path.svelte-1k8lj6w{fill:none}text.svelte-13wu7ud{font-size:35px;fill:#fff;font-family:Academico}.key.isBlack.svelte-13wu7ud text:where(.svelte-13wu7ud){fill:#fff}.key.isWhite.svelte-13wu7ud>.key{stroke:var(--white-key-color)}.key.isBlack.svelte-13wu7ud>.key{stroke:var(--black-key-color)}.key.svelte-13wu7ud>.radius{stroke:var(--key-divider-color)}.key.svelte-13wu7ud>.divider{stroke:var(--key-divider-color)}.key.svelte-13wu7ud>.highlight{stroke:var(--key-highlight-color)}.key.svelte-13wu7ud:not(.hasHighlight)>.highlight{display:none}.key-background.svelte-ff6907>.background{stroke:#fff}.keyboard.svelte-1bbyg83:not(.isPreview):not(.isVisible){visibility:hidden}.preview-area.svelte-125ryf5{height:100%;display:flex;align-items:center;justify-content:center;border-radius:calc(2 * var(--small-border-radius));background:var(--panel-bg-color);padding:.3em .6em .3em .3em}.rows.svelte-125ryf5{display:flex;flex-direction:column;align-items:center}.editor.svelte-1ox1r21{height:100%;display:grid;grid-template:auto / auto auto;align-content:center;justify-content:center;grid-gap:1em}.header.svelte-6mkl99{display:flex;align-items:center;justify-content:space-between}.header-left.svelte-6mkl99{padding:0 1em;position:relative;display:flex;align-items:center}.beta.svelte-6mkl99{font-family:Inter,sans-serif;font-size:50%;background-color:#8f8f8f;padding:0 .5em;margin:0 .5em;border-radius:.4em}.slash.svelte-6mkl99{font-family:Inter,sans-serif;color:#fff;font-size:120%;margin:0 .5em}.logo.svelte-6mkl99{width:5em;align-items:center}.info.svelte-6mkl99{margin-right:1em;width:.8em}h1.svelte-6mkl99{font-family:Inter,sans-serif;font-weight:400;font-size:100%;letter-spacing:.06em;color:#fff;text-align:left}.pointer-receptors.svelte-oa8hsi>path{stroke:#000;visibility:hidden;pointer-events:all;cursor:pointer;outline:none;touch-action:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;-khtml-user-select:none}g.isRotatable.svelte-rr0s3j *{cursor:grab}g.isRotating.svelte-rr0s3j *{cursor:grabbing}object.svelte-4xejdd{width:100%;display:100%}.ring.svelte-4xejdd{height:100%;position:relative;overflow:hidden}svg.svelte-4xejdd{width:100%;height:100%;position:absolute;top:0;left:0}.layout.svelte-2ceob9{display:grid;width:100%;height:100%;position:fixed;overflow:hidden;--layout-spacing: .7em}.area.svelte-2ceob9{overflow:hidden}.layout.svelte-2ceob9{grid-template-rows:auto 1fr auto;grid-template-columns:100%}.menu-area.svelte-2ceob9{grid-row:1;grid-column:1;background:var(--black-key-color)}.ring-area.svelte-2ceob9{grid-row:2;grid-column:1;padding:var(--layout-spacing)}.editor-area.svelte-2ceob9{grid-row:3;grid-column:1;padding:var(--layout-spacing);padding-top:0}@media (min-aspect-ratio: 1 / 1){.layout.svelte-2ceob9{grid-template-rows:auto 1fr;grid-template-columns:50% 50%}.menu-area.svelte-2ceob9{grid-row:1;grid-column:1 / span 2}.ring-area.svelte-2ceob9{grid-row:2;grid-column:1}.editor-area.svelte-2ceob9{grid-row:2;grid-column:2;padding-top:var(--layout-spacing);padding-left:0}}