.toolbar.svelte-bxgl3p{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.spacer.svelte-bxgl3p{flex:1}.strip.svelte-bxgl3p{min-height:280px;display:flex;overflow:hidden}.col.svelte-bxgl3p{min-width:0;transition:flex-grow .3s var(--spring);flex-direction:column;flex:1;justify-content:space-between;padding:12px;display:flex;position:relative}.col.on.svelte-bxgl3p{flex-grow:1.35}.col.on.svelte-bxgl3p:after{content:"";opacity:.8;background:currentColor;border-radius:2px;height:3px;position:absolute;bottom:8px;left:14px;right:14px}.pick.svelte-bxgl3p{cursor:pointer;width:100%;position:absolute;inset:0}.pick.svelte-bxgl3p:focus-visible{outline:3px solid var(--focus);outline-offset:-3px}.tools.svelte-bxgl3p{flex-wrap:wrap;justify-content:center;gap:2px;display:flex;position:relative}.tool.svelte-bxgl3p{width:30px;height:30px;color:inherit;opacity:.75;border-radius:50%;place-items:center;display:grid}.tool.svelte-bxgl3p:hover:not(:disabled){background:color-mix(in srgb, currentColor 14%, transparent);opacity:1}.tool.svelte-bxgl3p:disabled{opacity:.3}.tool[aria-pressed=true].svelte-bxgl3p{opacity:1}.label.svelte-bxgl3p{text-align:center;pointer-events:none;gap:2px;padding-bottom:12px;display:grid;position:relative}.hex.svelte-bxgl3p{letter-spacing:.02em;font-size:15px;font-weight:700}.name.svelte-bxgl3p{opacity:.8;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.harmony.svelte-bxgl3p{grid-template-columns:120px 1fr auto;align-items:center;gap:12px;padding:10px 16px;display:grid}.harmony.svelte-bxgl3p+.harmony:where(.svelte-bxgl3p){border-top:.5px solid var(--separator)}.hname.svelte-bxgl3p{font-size:14px;font-weight:600}.chips.svelte-bxgl3p{height:30px;box-shadow:inset 0 0 0 1px var(--separator);border-radius:8px;display:flex;overflow:hidden}.chips.svelte-bxgl3p span:where(.svelte-bxgl3p){flex:1}.scales.svelte-bxgl3p{gap:14px;padding:14px;display:grid}.scale.svelte-bxgl3p{gap:6px;display:grid}.sname.svelte-bxgl3p{font-size:13px;font-weight:600}.fields.svelte-bxgl3p{gap:10px;padding:12px 12px 0;display:grid}.gamut.svelte-bxgl3p{padding:0 16px 12px}@media (width<=700px){.strip.svelte-bxgl3p{flex-direction:column;min-height:0}.col.svelte-bxgl3p{flex-direction:row;align-items:center;min-height:64px}.col.on.svelte-bxgl3p:after{width:3px;height:auto;inset:12px auto 12px 6px}.label.svelte-bxgl3p{text-align:left;order:-1;padding:0 0 0 10px}.harmony.svelte-bxgl3p{grid-template-columns:1fr auto}.harmony.svelte-bxgl3p .chips:where(.svelte-bxgl3p){grid-area:2/1/auto/-1}}