.theme-switcher[data-v-c388e446]{z-index:200;justify-content:center;padding:.9rem 0;display:flex;position:relative}@media (width<=1023px){.theme-switcher[data-v-c388e446]{padding:0;position:fixed;top:1.25rem;right:1.25rem}}.theme-switcher__toggle[data-v-c388e446]{border:1px solid var(--color-border);background:var(--color-surface);width:2.75rem;height:2.75rem;box-shadow:var(--shadow-card);cursor:pointer;transition:transform var(--duration-press) ease-out;border-radius:999px;justify-content:center;align-items:center;display:flex}.theme-switcher__toggle[data-v-c388e446]:active{transform:scale(.92)}@media (prefers-reduced-motion:reduce){.theme-switcher__toggle[data-v-c388e446]{transition:none}}.theme-switcher__swatch[data-v-c388e446]{background:var(--color-accent);border-radius:999px;width:1rem;height:1rem}.theme-switcher__panel[data-v-c388e446]{transform-origin:top;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-card);flex-direction:column;gap:.3rem;min-width:9.5rem;padding:.5rem;display:flex;position:absolute;top:calc(100% + .5rem);left:50%;transform:translate(-50%)}@media (width<=1023px){.theme-switcher__panel[data-v-c388e446]{transform-origin:100% 0;left:auto;right:0;transform:none}}.theme-panel-enter-active[data-v-c388e446],.theme-panel-leave-active[data-v-c388e446]{transition:transform var(--duration-reveal) var(--ease-out),opacity var(--duration-reveal) var(--ease-out)}.theme-panel-enter-from[data-v-c388e446],.theme-panel-leave-to[data-v-c388e446]{opacity:0;transform:translate(-50%)scale(.95)}@media (width<=1023px){.theme-panel-enter-from[data-v-c388e446],.theme-panel-leave-to[data-v-c388e446]{transform:scale(.95)}}@media (prefers-reduced-motion:reduce){.theme-panel-enter-active[data-v-c388e446],.theme-panel-leave-active[data-v-c388e446]{transition:opacity var(--duration-reveal) ease}.theme-panel-enter-from[data-v-c388e446],.theme-panel-leave-to[data-v-c388e446]{transform:none}}.theme-switcher__option[data-v-c388e446]{color:var(--color-text);font:inherit;text-align:left;cursor:pointer;transition:background-color var(--duration-hover) var(--ease-out);background:0 0;border:none;border-radius:999px;padding:.45rem .75rem;font-size:.85rem;font-weight:500}.theme-switcher__option[data-v-c388e446]:hover{background:var(--color-surface-hover)}.theme-switcher__option.is-active[data-v-c388e446]{background:var(--color-accent);color:var(--color-accent-contrast);font-weight:600}.cylinder-icon[data-v-0e9a79d4]{width:1.85rem;height:1.85rem;color:var(--cyl-icon,var(--color-text))}.cylinder-item[data-v-a3ffa27a]{--cyl-icon:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-muted);font:inherit;cursor:pointer;transition:border-color var(--duration-hover) ease,box-shadow var(--duration-hover) ease,filter var(--duration-press) ease;border-radius:12px}@media (hover:hover){.cylinder-item[data-v-a3ffa27a]:hover{color:var(--color-text);border-color:var(--color-accent)}}.cylinder-item[data-v-a3ffa27a]:active{filter:brightness(.95)}.cylinder-item[data-v-a3ffa27a]:focus-visible{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-bg),0 0 0 4px var(--color-accent);outline:none}@media (forced-colors:active){.cylinder-item[data-v-a3ffa27a]:focus-visible{outline-offset:2px;outline:2px solid canvastext}}.cylinder-item__stack[data-v-a3ffa27a]{flex-direction:column;align-items:center;gap:.3rem;min-width:0;max-width:calc(100% - 2.6rem);display:flex;position:relative}.cylinder-item__label[data-v-a3ffa27a]{text-align:center;white-space:nowrap;font-size:.75rem;line-height:1.2}.cylinder-item__spark[data-v-a3ffa27a]{color:currentColor;opacity:0;transition:opacity var(--duration-hover) var(--ease-out),transform var(--duration-hover) var(--ease-out);position:absolute;top:50%;transform:translateY(-50%)scale(.4)}.cylinder-item__spark--l[data-v-a3ffa27a]{margin-right:.3rem;right:100%}.cylinder-item__spark--r[data-v-a3ffa27a]{margin-left:.3rem;left:100%}.cylinder-item.is-active .cylinder-item__spark[data-v-a3ffa27a]{opacity:1;transform:translateY(-50%)scale(1)}@media (prefers-reduced-motion:reduce){.cylinder-item__spark[data-v-a3ffa27a]{transition:opacity var(--duration-hover) var(--ease-out)}}.cylinder-item.is-active[data-v-a3ffa27a]{--cyl-icon:var(--color-accent-contrast);color:var(--color-accent-contrast);background:var(--color-accent);border-color:var(--color-accent)}.cylinder-item.is-active .cylinder-item__label[data-v-a3ffa27a]{letter-spacing:-.02em;font-family:Space Grotesk,ui-sans-serif,system-ui,sans-serif;font-size:.7rem;font-weight:700}.skip-link[data-v-291a311d]{z-index:400;background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:0 0 var(--radius-md) 0;transition:transform var(--duration-hover) var(--ease-out);padding:.6rem 1rem;font-size:.85rem;text-decoration:none;position:fixed;top:0;left:0;transform:translateY(-120%)}.skip-link[data-v-291a311d]:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--color-accent) 40%,transparent);outline:none;transform:translateY(0)}.app-shell__content[data-v-291a311d]:focus{outline:none}.app-shell__content[data-v-291a311d]{padding:var(--page-gutter)}@media (width>=1024px){.app-shell__content[data-v-291a311d]{padding-right:var(--gutter);padding-bottom:var(--gutter)}}.sidebar-version[data-v-291a311d]{color:var(--color-text-muted);transition:color var(--duration-hover) var(--ease-out);justify-content:center;align-items:center;gap:.35rem;padding:.6rem 0 .9rem;font-size:.75rem;font-weight:600;text-decoration:none;display:flex}.sidebar-version[data-v-291a311d]:hover{color:var(--color-text)}.sidebar-version[data-v-291a311d]:focus-visible{color:var(--color-text);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-accent) 40%,transparent);outline:none}.sidebar-drum-card[data-v-291a311d]{display:flex}.sidebar-drum-card[data-v-291a311d],.sidebar-drum-card>.sidebar-drum[data-v-291a311d]{flex:1;min-height:0}.app-shell[data-v-291a311d]:before{content:"";z-index:-1;opacity:.3;pointer-events:none;background:url(../lab/noise.png) top/100vw no-repeat fixed;position:absolute;inset:0}@media (width>=1024px){.app-shell__sidebar[data-v-291a311d]{padding:var(--gutter);gap:var(--gutter)}.sidebar-drum-card[data-v-291a311d],.sidebar-version[data-v-291a311d],.theme-switcher[data-v-291a311d]{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.sidebar-drum-card[data-v-291a311d]{overflow:hidden}.sidebar-version[data-v-291a311d]{padding:.55rem 0}}@media (width<=1023px){.app-shell__sidebar[data-v-291a311d]{border-top:1px solid var(--color-border)}.sidebar-version[data-v-291a311d]{display:none}}
