.h-scroll.svelte-1psot3f{overflow-x:auto;border:1px solid #ccc;border-radius:4px;padding:8px}.track-name.svelte-oiamor{display:flex;align-items:center;white-space:nowrap;height:44px;min-width:20%;padding-right:20px}@media only screen and (max-width: 1198px){.track-name.svelte-oiamor{white-space:break-spaces;font-size:smaller;text-align:start;width:80px;min-width:none;padding-right:0}}.bar-space.svelte-oiamor{width:5px}button.svelte-oiamor{height:44px;width:44px;border:none;margin:0;padding:0;position:relative}@media only screen and (max-width: 991px){button.svelte-oiamor{width:44px}}@media only screen and (max-width: 768px){button.svelte-oiamor{width:44px}.bar-space.svelte-oiamor{width:2px}}@media (hover: hover){button.inActiveBeat.svelte-oiamor:hover{background-color:gray}button.activeBeat.svelte-oiamor:hover,button.continueBeat.svelte-oiamor:hover{background-color:var(--brand-color-active)}}.activeBeat.svelte-oiamor{background-color:var(--brand-color);border-radius:4px 0 0 4px}.continueBeat.svelte-oiamor{background-color:var(--brand-color-light, rgb(180, 180, 180));border-radius:0}.continueBeat.svelte-oiamor:after{content:"";position:absolute;height:6px;left:0;right:0;top:50%;margin-top:-3px;background-color:var(--brand-color)}.activeBeat.svelte-oiamor:last-of-type,.continueBeat.svelte-oiamor:last-of-type{border-radius:0 4px 4px 0}.inActiveBeat.svelte-oiamor{background-color:#b4b4b4}.dragging.svelte-oiamor{opacity:.7}td.svelte-oiamor{padding:0 0 2px;margin:0}td.svelte-2p7z62{padding:0 1px 0 0}th.svelte-2p7z62{padding:0 1px 4px 0;text-align:center;color:#7a7a7a;font-size:small}.drum-sound-title.svelte-2p7z62{padding-left:5px;text-align:left}.bar-space.svelte-2p7z62{width:5px}.playIndicator.svelte-2p7z62{width:44px}.playIndicator.playingBeat.svelte-2p7z62{color:#fff}@media only screen and (max-width: 991px){.playIndicator.svelte-2p7z62{width:44px}}@media only screen and (max-width: 768px){.playIndicator.svelte-2p7z62{width:44px}.bar-space.svelte-2p7z62{width:2px}}.playingBeat.svelte-2p7z62{background-color:var(--brand-color)}table.svelte-2p7z62{table-layout:auto;width:min-content;margin-bottom:0}.v-stack.svelte-12eujav{display:inline-flex;flex-direction:column}.full-width.svelte-12eujav{width:100%}p.svelte-ywlzs5{margin-bottom:.5em}button.svelte-ywlzs5{height:44px;min-width:44px;border:none;touch-action:manipulation;margin:0;padding:0}.add-track.svelte-ywlzs5{margin-top:22px;background-color:var(--brand-color);height:132px}.remove-track.svelte-ywlzs5{background-color:var(--danger-color);height:44px}table.svelte-ywlzs5{table-layout:auto;width:min-content;margin-bottom:0}.bar-selection-cell.svelte-ywlzs5{width:44px}td.svelte-ywlzs5{padding:0 4px 0 0}th.svelte-ywlzs5{padding:0 1px 4px 0;text-align:center;color:#7a7a7a;font-size:small}.track-name.svelte-ywlzs5{display:flex;align-items:center;white-space:nowrap;height:44px;min-width:20%;padding-right:20px;font-size:small}.playIndicator.svelte-ywlzs5{width:44px}.playingBar.svelte-ywlzs5{background-color:var(--brand-color)}.playIndicator.playingBar.svelte-ywlzs5{color:#fff}.bar-selection.svelte-ywlzs5{width:44px;height:44px;border:none;touch-action:manipulation;margin:0;padding:0 0 0 16px;color:#fff;background:url(images/none.png) no-repeat right}.pattern-a.svelte-ywlzs5{background-color:#ff6b6b!important}.pattern-b.svelte-ywlzs5{background-color:#4ecdc4!important}.pattern-c.svelte-ywlzs5{background-color:#45b7d1!important}.pattern-d.svelte-ywlzs5{background-color:#96ceb4!important}.pattern-e.svelte-ywlzs5{background-color:#ffeaa7!important;color:#2d3436!important}.pattern-f.svelte-ywlzs5{background-color:plum!important}.pattern-g.svelte-ywlzs5{background-color:#ff8c42!important}.pattern-h.svelte-ywlzs5{background-color:#a29bfe!important}.pattern-default.svelte-ywlzs5{background-color:#b4b4b4!important}.song-length.svelte-ywlzs5{font-size:small;color:#626262}.effect-unit.svelte-7ljjm1{padding-bottom:12px}.setting-text.svelte-7ljjm1{font-size:medium}[type=range].svelte-7ljjm1:active{--range-thumb-color: var(--brand-color)}#hSpacer.svelte-1uo6aiw{display:inline-block}.control-item.svelte-1sm1q2z{padding-bottom:0}.setting-text.svelte-1sm1q2z{font-size:medium}[type=range].svelte-1sm1q2z:active{--range-thumb-color: var(--brand-color)}.bpm-selection.svelte-1sm1q2z{height:44px;width:100%;margin-bottom:0}.button-container.svelte-1sm1q2z{padding-top:10px;min-width:100px}.weather-container.svelte-sdhq9e{width:100%;aspect-ratio:1 / .6;background-image:url(../../../images/beach_background.gif);background-repeat:no-repeat;background-size:cover;background-position:bottom;border-radius:10px}.weather-row.svelte-sdhq9e{padding-right:2%;padding-left:2%;display:flex;justify-content:space-between}.weather-element.svelte-sdhq9e{max-width:19.5%;object-fit:contain}.hidden.svelte-sdhq9e{opacity:0;transition:opacity 1s ease-out}.visible.svelte-sdhq9e{opacity:1;transition:opacity .1s ease-in}.key.svelte-4gflku{border-width:1px;border-style:solid;width:33.33333%;height:90px;touch-action:none;background-color:var(--music-inactive-color);border:0;margin-right:.2em}@media (hover: hover){.key.svelte-4gflku:hover{background-color:gray}}.isActive.svelte-4gflku:hover,.isActive.svelte-4gflku{background-color:var(--brand-color)}.keyLetter.svelte-4gflku{text-align:center;position:relative;top:50%;transform:translateY(-50%)}.unselectable.svelte-4gflku{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.tabIcon.svelte-1wrxho3{display:block;width:44px;height:44px;mask-size:contain;-webkit-mask-size:contain;background-color:var(--music-inactive-color)}.sequencer.svelte-1wrxho3{mask-image:url(./tab_icons/grid_on.png);-webkit-mask-image:url(../../../tab_icons/grid_on.png)}.pad.svelte-1wrxho3{mask-image:url(./tab_icons/piano.png);-webkit-mask-image:url(../../../tab_icons/piano.png)}.effects.svelte-1wrxho3{mask-image:url(./tab_icons/effects.png);-webkit-mask-image:url(../../../tab_icons/effects.png)}.visualization.svelte-1wrxho3{mask-image:url(./tab_icons/rain.png);-webkit-mask-image:url(../../../tab_icons/weather.png)}.key.svelte-1wrxho3{border-width:1px;border-style:solid;width:25%;min-height:44px;touch-action:none;background-color:#fff;color:var(--music-inactive-color);border:0px;border-color:var(--music-inactive-color);padding:0}@media (hover: hover){.key.svelte-1wrxho3:hover{background-color:gray;color:#fff}.key.svelte-1wrxho3:hover .tabIcon:where(.svelte-1wrxho3){background-color:#fff}}.isActive.svelte-1wrxho3{color:#000}.isActive.svelte-1wrxho3 .tabIcon:where(.svelte-1wrxho3){background-color:#000}.keyLetter.svelte-1wrxho3{text-align:center;position:relative;top:50%;transform:translateY(-50%);font-size:small;width:100%}.unselectable.svelte-1wrxho3{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.control-item.svelte-1rmsiuu{padding-bottom:0}select.svelte-1rmsiuu{margin-bottom:0}.value-selection.svelte-1rmsiuu{padding-top:7px;padding-bottom:7px;border:none;background-color:#d5dce2}.setting-text.svelte-1rmsiuu,.setting-text.svelte-1odm45n{font-size:medium}.octave-selection.svelte-1odm45n{height:44px;width:100%;margin-bottom:0}.loading.svelte-1odm45n{padding-top:44px;min-width:30px}.control-item.svelte-1odm45n{padding-top:20px;width:100%}p.svelte-1m9cej1{margin-bottom:.5em}button.svelte-1m9cej1{height:44px;min-width:44px;border:none;touch-action:manipulation;margin:0;padding:0}@media (hover: hover){button.inActiveBar.svelte-1m9cej1:hover{background-color:gray}button.activeBar.svelte-1m9cej1:hover{background-color:var(--brand-color-active)}}.activeBar.svelte-1m9cej1{background-color:var(--brand-color)}.inActiveBar.svelte-1m9cej1{background-color:#b4b4b4}.modal-backdrop.svelte-1232o8u{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:flex-end;justify-content:center;z-index:1000}.modal-content.svelte-1232o8u{background:#fff;width:100%;height:100vh;display:flex;flex-direction:column;overflow:hidden}.modal-header.svelte-1232o8u{display:grid;grid-template-columns:40px 1fr 40px;align-items:center;padding:16px 20px;border-bottom:1px solid #e5e7eb;background:#fafafa;min-height:60px}.close-button.svelte-1232o8u{background:none;border:none;cursor:pointer;padding:8px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#6b7280;transition:all .2s ease;width:40px;height:40px;justify-self:start}.close-button.svelte-1232o8u:hover{background-color:#f3f4f6;color:#374151}.modal-title.svelte-1232o8u{text-align:center;margin:0;font-size:18px;font-weight:600;color:#111827;justify-self:center}.modal-body.svelte-1232o8u{flex:1;padding:24px;overflow-y:auto;color:#374151}.modal-body.svelte-1232o8u *{color:inherit}@media (prefers-color-scheme: dark){.modal-content.svelte-1232o8u{background:#1f2937}.modal-header.svelte-1232o8u{background:#111827;border-bottom-color:#374151}.modal-title.svelte-1232o8u{color:#f9fafb}.close-button.svelte-1232o8u{color:#9ca3af}.close-button.svelte-1232o8u:hover{background-color:#374151;color:#f3f4f6}.modal-body.svelte-1232o8u{color:#d1d5db}}@media (max-width: 640px){.modal-content.svelte-1232o8u{height:100vh}.modal-header.svelte-1232o8u{padding:12px 16px}.modal-body.svelte-1232o8u{padding:20px 16px}.modal-title.svelte-1232o8u{font-size:16px}}.sampler-container.svelte-1c2y5eg{padding:1rem;max-width:500px;margin:0 auto}h2.svelte-1c2y5eg{text-align:center;margin-bottom:0;color:var(--primary-text-color)}.upload-section.svelte-1c2y5eg{text-align:center}.upload-label.svelte-1c2y5eg{display:block;margin-bottom:.5rem;font-weight:500;color:var(--secondary-text-color)}.file-input.svelte-1c2y5eg{width:100%;margin-bottom:0;padding:.5rem;border:2px dashed var(--border-color);border-radius:8px;background:var(--card-background-color);cursor:pointer;transition:border-color .2s ease}.file-input.svelte-1c2y5eg:hover{border-color:var(--brand-color)}.loading.svelte-1c2y5eg{text-align:center;color:var(--secondary-text-color);font-style:italic}.controls-section.svelte-1c2y5eg{text-align:center}.audio-info.svelte-1c2y5eg{background:var(--card-background-color);padding:1rem;border-radius:8px;border:1px solid var(--border-color)}.audio-info.svelte-1c2y5eg p:where(.svelte-1c2y5eg){margin:.25rem 0;font-size:.9rem;color:var(--secondary-text-color)}.instructions.svelte-1c2y5eg{background:var(--card-background-color);padding:1.5rem;border-radius:8px;border:1px solid var(--border-color);text-align:center}.instructions.svelte-1c2y5eg p:where(.svelte-1c2y5eg){margin:.5rem 0;color:var(--secondary-text-color)}.instructions.svelte-1c2y5eg ul:where(.svelte-1c2y5eg){list-style:none;padding:0;margin:1rem 0}.instructions.svelte-1c2y5eg li:where(.svelte-1c2y5eg){display:inline-block;margin:0 .5rem;padding:.25rem .5rem;background:var(--brand-color);color:var(--button-text-color);border-radius:4px;font-size:.8rem;font-weight:500}.instructions.svelte-1c2y5eg em:where(.svelte-1c2y5eg){font-size:.85rem;color:var(--muted-text-color)}.home-page.svelte-kd1jy5{padding-bottom:100px}@media (max-width: 768px){h1.svelte-kd1jy5{font-size:larger;margin-bottom:0}}.export-message.svelte-kd1jy5{color:var(--brand-color);font-size:.9em;margin-left:.5rem}