@layer theme,base,components,utilities,renoise-type;@layer studio{.ast-page,.ast-dialog{--ast-layer-1:#f4f3f1;--ast-layer-2:#fff;--ast-content:1600px;--mst-layer-1:var(--ast-layer-1);--mst-layer-2:var(--ast-layer-2)}:root.dark .ast-page,:root.dark .ast-dialog{--ast-layer-1:#1a1a1a;--ast-layer-2:#2b2b2b}:root:lang(en) .ast-page .mst-shelf-tile__label,:root:lang(en) .ast-page .mst-shelf-count{font-family:var(--font-ui-small)}.ast-page{background:var(--color-surface-canvas);--mst-dock-peek:64px;padding-bottom:calc(var(--mst-dock-peek) + env(safe-area-inset-bottom));position:relative}.ast-column{width:100%;max-width:calc(var(--ast-content) + 48px);margin-inline:auto;padding-inline:24px}@media (max-width:767px){.ast-column{padding-inline:16px}}.ast-page .ast-hero-title{letter-spacing:var(--font-ui-heading-spacing,-.03em);font-size:48px;line-height:1.04}@media (max-width:767px){.ast-page .ast-hero-title{font-size:32px;line-height:1.12}}.ast-stickers{--ast-sticker:44px}@media (max-width:767px){.ast-stickers{--ast-sticker:48px}}.ast-sticker{width:var(--ast-sticker);height:var(--ast-sticker);border:3px solid var(--color-surface-canvas);margin-inline-start:calc(var(--ast-sticker) * -.42)}.ast-sticker:first-child{margin-left:0}.ast-sticker:last-of-type{width:calc(var(--ast-sticker) * 1.24);height:calc(var(--ast-sticker) * 1.24)}.ast-wave-bar{background:currentColor;border-radius:2px;width:3px;animation:1s ease-in-out infinite alternate ast-wave}@keyframes ast-wave{0%{transform:scaleY(.35)}to{transform:scaleY(1)}}@media (prefers-reduced-motion:reduce){.ast-wave-bar{animation:none}}.ast-page .mst-dock,.ast-page .mst-dock[data-dock]{animation:none}.ast-page .mst-dock .mst-shelf-tile.ast-shelf-tile--named{width:auto;min-width:64px;max-width:112px;padding-inline:8px}@media (max-width:767px){.ast-page .mst-dock .mst-shelf-tile.ast-shelf-tile--named{max-width:88px}.ast-page .mst-dock .mst-shelf-tile{flex-direction:column;gap:4px;width:64px;height:56px;padding:0 4px}.ast-page .mst-dock .mst-shelf-tile--format{width:auto;min-width:64px;padding-inline:8px}.ast-page .mst-dock .mst-shelf-tile .mst-shelf-tile__label{width:100%;font-size:11px}}.ast-waveform span{background:currentColor;border-radius:1px;width:2px;display:block}.ast-waveform--playing span{animation:.8s ease-in-out infinite alternate ast-wave}.ast-waveform--playing span:nth-child(2n){animation-delay:-.3s}.ast-waveform--playing span:nth-child(3n){animation-delay:-.55s}.ast-dialog{z-index:60;background:var(--color-surface-canvas);flex-direction:column;display:flex;position:fixed;box-shadow:0 24px 64px #0000002e}@media (min-width:768px){.ast-dialog{width:min(560px,100vw - 48px);height:min(730px,100svh - 48px);animation:ast-dialog-in .2s var(--ease-out,ease-out);border-radius:28px;top:50%;left:50%;transform:translate(-50%,-50%)}}@media (max-width:767px){.ast-dialog{inset-inline:0;height:min(730px,100svh - 48px);padding-bottom:env(safe-area-inset-bottom);animation:ast-sheet-in .24s var(--ease-out,ease-out);border-radius:24px 24px 0 0;bottom:0}}@keyframes ast-dialog-in{0%{opacity:0;transform:translate(-50%,calc(12px - 50%))scale(.98)}}@keyframes ast-sheet-in{0%{transform:translateY(100%)}}.ast-dialog.ast-dialog--compact{height:auto;max-height:calc(100svh - 48px)}@media (min-width:768px){.ast-dialog.ast-dialog--compact{width:min(480px,100vw - 48px)}}.ast-dialog-overlay{z-index:60;background:var(--color-surface-overlay);position:fixed;inset:0}@media (prefers-reduced-motion:reduce){.ast-dialog{animation:none}}.ast-page .mst-dock[data-placement=hero]{position:absolute;bottom:auto}.ast-page .mst-dock__inner{will-change:auto;animation:none;transform:none}}