@font-face{font-family:Onest Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/onest-cyrillic-ext-wght-normal-DOFToQv1.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Onest Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/onest-cyrillic-wght-normal-DayYxulF.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Onest Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/onest-math-wght-normal-Bl4ZGkZl.woff2)format("woff2-variations");unicode-range:U+302-303,U+305,U+307-308,U+310,U+312,U+315,U+31A,U+326-327,U+32C,U+32F-330,U+332-333,U+338,U+33A,U+346,U+34D,U+391-3A1,U+3A3-3A9,U+3B1-3C9,U+3D1,U+3D5-3D6,U+3F0-3F1,U+3F4-3F5,U+2016-2017,U+2034-2038,U+203C,U+2040,U+2043,U+2047,U+2050,U+2057,U+205F,U+2070-2071,U+2074-208E,U+2090-209C,U+20D0-20DC,U+20E1,U+20E5-20EF,U+2100-2112,U+2114-2115,U+2117-2121,U+2123-214F,U+2190,U+2192,U+2194-21AE,U+21B0-21E5,U+21F1-21F2,U+21F4-2211,U+2213-2214,U+2216-22FF,U+2308-230B,U+2310,U+2319,U+231C-2321,U+2336-237A,U+237C,U+2395,U+239B-23B7,U+23D0,U+23DC-23E1,U+2474-2475,U+25AF,U+25B3,U+25B7,U+25BD,U+25C1,U+25CA,U+25CC,U+25FB,U+266D-266F,U+27C0-27FF,U+2900-2AFF,U+2B0E-2B11,U+2B30-2B4C,U+2BFE,U+3030,U+FF5B,U+FF5D,U+1D400-1D7FF,U+1EE??}@font-face{font-family:Onest Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/onest-symbols-wght-normal-DxQzqQfC.woff2)format("woff2-variations");unicode-range:U+1-C,U+E-1F,U+7F-9F,U+20DD-20E0,U+20E2-20E4,U+2150-218F,U+2190,U+2192,U+2194-2199,U+21AF,U+21E6-21F0,U+21F3,U+2218-2219,U+2299,U+22C4-22C6,U+2300-243F,U+2440-244A,U+2460-24FF,U+25A0-27BF,U+28??,U+2921-2922,U+2981,U+29BF,U+29EB,U+2B??,U+4DC0-4DFF,U+FFF9-FFFB,U+10140-1018E,U+10190-1019C,U+101A0,U+101D0-101FD,U+102E0-102FB,U+10E60-10E7E,U+1D2C0-1D2D3,U+1D2E0-1D37F,U+1F0??,U+1F100-1F1AD,U+1F1E6-1F1FF,U+1F30D-1F30F,U+1F315,U+1F31C,U+1F31E,U+1F320-1F32C,U+1F336,U+1F378,U+1F37D,U+1F382,U+1F393-1F39F,U+1F3A7-1F3A8,U+1F3AC-1F3AF,U+1F3C2,U+1F3C4-1F3C6,U+1F3CA-1F3CE,U+1F3D4-1F3E0,U+1F3ED,U+1F3F1-1F3F3,U+1F3F5-1F3F7,U+1F408,U+1F415,U+1F41F,U+1F426,U+1F43F,U+1F441-1F442,U+1F444,U+1F446-1F449,U+1F44C-1F44E,U+1F453,U+1F46A,U+1F47D,U+1F4A3,U+1F4B0,U+1F4B3,U+1F4B9,U+1F4BB,U+1F4BF,U+1F4C8-1F4CB,U+1F4D6,U+1F4DA,U+1F4DF,U+1F4E3-1F4E6,U+1F4EA-1F4ED,U+1F4F7,U+1F4F9-1F4FB,U+1F4FD-1F4FE,U+1F503,U+1F507-1F50B,U+1F50D,U+1F512-1F513,U+1F53E-1F54A,U+1F54F-1F5FA,U+1F610,U+1F650-1F67F,U+1F687,U+1F68D,U+1F691,U+1F694,U+1F698,U+1F6AD,U+1F6B2,U+1F6B9-1F6BA,U+1F6BC,U+1F6C6-1F6CF,U+1F6D3-1F6D7,U+1F6E0-1F6EA,U+1F6F0-1F6F3,U+1F6F7-1F6FC,U+1F7??,U+1F800-1F80B,U+1F810-1F847,U+1F850-1F859,U+1F860-1F887,U+1F890-1F8AD,U+1F8B0-1F8BB,U+1F8C0-1F8C1,U+1F900-1F90B,U+1F93B,U+1F946,U+1F984,U+1F996,U+1F9E9,U+1FA00-1FA6F,U+1FA70-1FA7C,U+1FA80-1FA89,U+1FA8F-1FAC6,U+1FACE-1FADC,U+1FADF-1FAE9,U+1FAF0-1FAF8,U+1FB??}@font-face{font-family:Onest Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/onest-vietnamese-wght-normal-BBxOatbv.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Onest Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/onest-latin-ext-wght-normal-QAhDxQuo.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Onest Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/onest-latin-wght-normal-Dun_Rd-l.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#000;--surface:#ffffff0f;--surface-solid:#141417;--edge:#ffffff1a;--edge-strong:#ffffff3d;--ink:#fff;--ink-dim:#ffffffa8;--ink-faint:#ffffff6b;--rec:#ff3b4e;--solo:#ffd23f;--mute:#8b8b94;--ok:#7cf0b0;--radius:14px;--gutter:16px;--glass:#ffffff0f;--glass-strong:#ffffff1f;--glass-ring:inset 0 0 0 1px #ffffff2e;--glass-blur:blur(16px) saturate(1.4);--ease-out:cubic-bezier(.22, 1, .36, 1);--sheet-ease:cubic-bezier(.32, .72, 0, 1);--font-display:"Onest Variable", -apple-system, system-ui, sans-serif;--font-ui:-apple-system, "SF Pro Text", "Onest Variable", system-ui, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{overscroll-behavior:none;background:var(--bg);height:100%;margin:0}body{color:var(--ink);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;font-size:15px;line-height:1.35}#root{contain:layout;width:100%;height:100%;position:relative;overflow:hidden;container-type:size}@media (width>=600px) and (height>=560px){body{background:#1b1b20;place-items:center;display:grid}#root{--phone-h:min(932px, calc(100dvh - 48px));width:min(430px, calc(var(--phone-h) * 430 / 932));height:var(--phone-h);background:var(--bg);border-radius:44px;box-shadow:0 0 0 10px #000,0 0 0 11px #ffffff24,0 30px 80px #0009}}button{font:inherit;color:inherit;touch-action:manipulation}button:disabled{opacity:.35}svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}svg .fill{fill:currentColor;stroke:none}.view{z-index:5;touch-action:none;position:fixed;inset:0}.view-scrub{font-variant-numeric:tabular-nums;pointer-events:none;background:#0009;border-radius:999px;padding:8px 14px;font-size:15px;font-weight:700;position:absolute;top:38%;left:50%;transform:translate(-50%)}.view-controls{padding:calc(env(safe-area-inset-top) + 12px) 16px 12px;background:linear-gradient(#0000008c,#0000);justify-content:space-between;display:flex;position:absolute;top:0;left:0;right:0}.grid-screen{z-index:1;pointer-events:none;background:#101013;flex-direction:column;gap:2px;display:flex;position:fixed;inset:0}.grid-row{flex:1;gap:2px;min-height:0;display:flex}.grid-tile{background:#1b1b20;flex:1;min-width:0;position:relative;overflow:hidden}.grid-tile img,.grid-tile video{max-width:none;position:absolute}.grid-tile-debug{z-index:3;color:#fff;background:#000000b3;border-radius:4px;padding:3px 5px;font-size:10px;line-height:1.3;position:absolute;bottom:4px;left:4px;right:4px}.grid-tile-blank{background:#0e0e0e}.grid-tile-mark{pointer-events:none;width:30%;height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.grid-tile-name{color:var(--ink-dim);text-align:center;place-items:center;padding:8px;font-size:14px;display:grid;position:absolute;inset:0}.view-save{justify-items:end;gap:2px;display:grid}.view-save small{color:var(--ink-dim);font-size:11px}.view-btn{border:1px solid var(--edge-strong);background:#0000008c;border-radius:999px;min-height:44px;padding:0 16px;font-size:14px;font-weight:700}.view-big-play{background:#0009;border:0;border-radius:50%;width:88px;height:88px;margin:-44px 0 0 -44px;font-size:34px;position:absolute;top:50%;left:50%}.app{max-width:480px;height:100%;padding:calc(env(safe-area-inset-top) + 8px) var(--gutter) calc(env(safe-area-inset-bottom) + 8px);flex-direction:column;margin:0 auto;display:flex;position:relative}.top{justify-content:space-between;align-items:center;gap:10px;min-height:44px;display:flex}.top-left{align-items:center;gap:8px;min-width:0;display:flex}.projects-btn{flex-shrink:0;place-items:center;display:grid}.projects-btn svg{fill:none;width:20px;height:20px;stroke:var(--ink);stroke-width:2px;stroke-linecap:round}.projects{grid-template-columns:minmax(0,1fr);gap:8px;margin:0;padding:0;list-style:none;display:grid}.project{--inset:8px;--poster-radius:10px;padding:var(--inset);border-radius:calc(var(--poster-radius) + var(--inset));background:#ffffff0f;align-items:center;gap:4px;display:flex;box-shadow:inset 0 0 0 1px #ffffff0f}.project-open{box-shadow:inset 0 0 0 1.5px #ffffffd9}.project-main{min-width:0;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:12px;padding:0;display:flex}.project-main:disabled{cursor:default;opacity:1}.project-poster{border-radius:var(--poster-radius);object-fit:cover;background:#ffffff14;flex-shrink:0;width:52px;height:52px}.project-text{gap:3px;min-width:0;display:grid}.project-name{letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:600;overflow:hidden}.project-meta{color:var(--ink-faint);font-variant-numeric:tabular-nums;font-size:13px}.project-renaming .project-main{flex:none}.project-renaming .project-text{display:none}.project-rename{border-radius:var(--poster-radius);width:100%;min-width:0;height:52px;color:var(--ink);background:#ffffff1a;border:0;outline:none;flex:1;margin-left:8px;padding:0 14px;font-size:16px;font-weight:600}.project-rename:focus{box-shadow:inset 0 0 0 1.5px #ffffff80}.project-actions{flex-shrink:0;display:flex}.project-icon{width:44px;height:44px;color:var(--ink-dim);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;transition:color .15s,background-color .15s;display:grid}.project-icon:active:not(:disabled){color:var(--ink);background:#ffffff14}.project-icon:disabled{opacity:.4}.projects-examples{gap:8px;margin-top:16px;display:grid}.projects-examples h3{letter-spacing:.02em;text-transform:uppercase;color:var(--ink-faint);margin:0;font-size:13px;font-weight:600}.name-screen{max-width:420px;padding:calc(env(safe-area-inset-top) + 24px) var(--gutter) calc(env(safe-area-inset-bottom) + 24px);background:var(--bg);flex-direction:column;justify-content:center;gap:16px;margin:0 auto;display:flex;position:fixed;inset:0}.name-screen h1{font-family:var(--font-display);letter-spacing:-.03em;text-align:center;margin:0 0 12px;font-size:34px;font-weight:600}.name-field{grid-template-columns:minmax(0,1fr);gap:8px;display:grid}.name-field span{color:var(--ink-dim);font-size:15px}.name-field input{width:100%;min-width:0;height:52px;color:var(--ink);background:#ffffff1a;border:0;border-radius:16px;outline:none;padding:0 18px;font-size:18px}.name-field input:focus{box-shadow:inset 0 0 0 1.5px #ffffff80}.name-go{box-shadow:none;margin:0;position:static}.name-go:disabled{opacity:.4}.pin-input{text-align:center;font-variant-numeric:tabular-nums;letter-spacing:.5em;text-indent:.5em;font-size:30px!important}.name-switch{align-self:center;font-size:15px}.name-screen .error{text-align:center;margin:0}.name-screen .hint{color:var(--ink-faint);text-align:center;margin:0;font-size:13px}.project-new{min-height:52px;color:var(--ink);letter-spacing:-.01em;cursor:pointer;background:#ffffff1a;border:0;border-radius:18px;font-size:16px;font-weight:600}.project-new:active:not(:disabled){background:#ffffff29}.top-right{flex-shrink:0;gap:6px;display:flex}.status-wrap{align-items:center;gap:8px;min-width:0;display:flex}.status-action{border:1px solid var(--ink);background:0 0;border-radius:999px;flex-shrink:0;min-height:36px;padding:0 10px;font-size:12px;font-weight:700}@keyframes blink{50%{opacity:.2}}.chip{border:1px solid var(--edge);background:var(--surface);white-space:nowrap;font-variant-numeric:tabular-nums;border-radius:999px;min-height:44px;padding:0 12px;font-size:13px;font-weight:600}.chip-on{background:var(--ink);color:#000;border-color:var(--ink)}.tempo{position:relative}.popover{z-index:20;border-radius:var(--radius);background:var(--surface-solid);border:1px solid var(--edge);gap:8px;width:260px;padding:12px;display:grid;position:absolute;top:50px;right:0;box-shadow:0 12px 40px #0009}.tempo-row{align-items:center;gap:8px;display:flex}.tempo-row input{accent-color:var(--ink);flex:1}.blocks{align-items:center;gap:8px;min-height:28px;margin:10px 0 2px;display:flex;position:relative}.progress{flex:1;gap:4px;height:12px;display:flex}.block{cursor:pointer;background:#ffffff1a;border:0;border-radius:4px;flex:1;height:100%;padding:0;position:relative}.block:disabled{cursor:default}.block:not(:disabled){touch-action:none;-webkit-user-select:none;user-select:none}.blocks-hint{z-index:3;background:var(--surface-solid);border:1px solid var(--edge-strong);text-align:center;pointer-events:none;border-radius:8px;padding:6px 10px;font-size:13px;position:absolute;bottom:calc(100% + 6px);left:0;right:0}.block-lifted{box-shadow:0 0 0 2px var(--ink);background:#ffffff73;transform:scaleY(1.4)}.block-target,.block-add.block-target{box-shadow:0 0 0 2px var(--solo);background:#ffd23f59}.block:before{content:"";position:absolute;inset:-10px 0}.block .progress-fill{display:block}.block-add{width:28px;height:28px;color:var(--ink);cursor:pointer;background:0 0;border:1px solid #ffffff40;border-radius:50%;flex:none;font-size:18px;line-height:1}.block-add:disabled{opacity:.35;cursor:default}.progress-fill{border-radius:inherit;background:var(--ink);transform-origin:0;height:100%;transform:scaleX(0)}.progress-overdub .progress-fill{background:var(--rec)}.progress-first .block{background:var(--rec);animation:1s steps(2,jump-none) infinite blink}.progress-armed .block{background:#ff3b4e59}.grid{width:min(100%, calc(100cqh - 290px - env(safe-area-inset-top) - env(safe-area-inset-bottom)));aspect-ratio:1;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);gap:10px;margin:auto;display:grid}.pad{border-radius:var(--radius);border:1px solid var(--edge);touch-action:none;cursor:pointer;background:#ffffff0d;padding:0;transition:opacity .12s,filter .12s,border-color .12s;position:relative;overflow:hidden}.pad:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.pad-empty{border-style:dashed;border-color:var(--edge-strong);background:#0000004d}.pad-plus{color:var(--ink-dim);font-size:34px;font-weight:300}.pad-locked{opacity:.25}.pad-invite{border:2px solid var(--ink);border-style:solid}.pad-invite .pad-plus{color:var(--ink)}.pad-drop{opacity:1!important;border:2px solid var(--solo)!important;background:#ffd60a1f!important}.pad-ghost{z-index:50;object-fit:cover;opacity:.85;pointer-events:none;border-radius:14px;width:84px;height:84px;margin:-42px 0 0 -42px;position:fixed;box-shadow:0 8px 24px #0009}.pad-fresh{box-shadow:0 0 0 3px var(--ok)}.pad-poster{object-fit:cover;opacity:.85;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.pad-picture{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.pad-top,.pad-bottom{pointer-events:none;align-items:center;gap:4px;display:flex;position:absolute;left:6px;right:6px}.pad-top{justify-content:space-between;top:6px}.pad-bottom{bottom:8px}.pad-tags,.pad-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--ink);background:#000000b8;border-radius:6px;padding:2px 6px;overflow:hidden}.pad-tags{font-size:10px;font-weight:600}.pad-name{font-size:12px;font-weight:700}.pad-badges{gap:3px;margin-left:auto;display:flex}.pad-badge{background:var(--mute);color:#000;white-space:nowrap;border-radius:6px;padding:2px 6px;font-size:10px;font-weight:800}.pad-badge-solo{background:var(--solo)}.pad-badge-error{background:var(--rec);color:#fff}.pad-num{color:#fffc;text-shadow:0 1px 3px #000000e6;font-size:11px;font-weight:700;display:none}@media (hover:hover) and (pointer:fine){.pad-num{display:inline}}.pad-hit{pointer-events:none;border-radius:inherit;position:absolute;inset:0}.pad-hit-bar{transform-origin:0;height:4px;animation:pad-run var(--dur) linear forwards;background:#fff;position:absolute;bottom:0;left:0;right:0}@keyframes pad-run{0%{opacity:1;transform:scaleX(0)}99%{opacity:1}to{opacity:0;transform:scaleX(1)}}.pad-no-video .pad-poster,.pad-no-video .pad-picture{filter:grayscale();opacity:.5}.pad-out .pad-poster,.pad-out .pad-picture{filter:grayscale()brightness(.6)}.pad-solo{border:2px solid var(--solo)}.pad-edit{pointer-events:none;background:#00000059;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.pad-edit svg{box-sizing:content-box;background:#000000b3;border-radius:50%;width:30px;height:30px;padding:6px}.grid-edit .pad-filled{border-color:var(--ink)}.grid-mute .pad-filled{border-color:var(--mute);border-style:dashed}.grid-solo .pad-filled{border-color:var(--solo);border-style:dashed}.toast{background:var(--surface-solid);border:1px solid var(--edge);border-radius:12px;justify-content:space-between;align-items:center;gap:8px;margin-top:10px;padding:6px 6px 6px 12px;font-size:13px;display:flex}.toast .link{min-height:44px;color:var(--ink)}.controls{gap:8px;margin-top:14px;display:grid}.row{grid-template-columns:1fr 1fr 1fr;gap:8px;display:grid}.row-main{grid-template-columns:1fr 1.4fr 1fr 1fr}.row-secondary{justify-content:center;display:flex}.btn{border:1px solid var(--edge);background:var(--surface);cursor:pointer;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-height:54px;padding:6px 8px;font-size:12px;font-weight:600;display:flex}.btn-quiet{font-size:13px}.btn-on{background:var(--ink);color:#000}.btn-small{flex-direction:row;min-width:44px;min-height:36px;padding:0 10px;font-size:15px}.btn-wide{min-height:48px;font-size:15px}.btn-primary{background:var(--ink);color:#000;border-color:var(--ink);min-height:52px;font-size:16px;font-weight:700}.btn-remove{background:var(--rec);border-color:var(--rec);color:#fff}.btn-danger{background:var(--rec);border-color:var(--rec);color:#fff;font-size:14px}.btn-rec{font-size:13px}.rec-dot{background:var(--rec);border-radius:50%;width:18px;height:18px}.rec-armed,.rec-first,.rec-overdub{background:var(--rec);border-color:var(--rec);color:#fff}.rec-armed .rec-dot,.rec-first .rec-dot,.rec-overdub .rec-dot{background:#fff;border-radius:4px}.rec-armed .rec-dot{animation:.6s steps(2,jump-none) infinite blink}.hold{border:1px solid var(--edge);background:var(--surface);letter-spacing:.1em;touch-action:none;cursor:pointer;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;min-height:54px;font-size:14px;font-weight:800;display:flex}.hold small{letter-spacing:0;color:var(--ink-faint);font-size:10px;font-weight:500}.hold-mute.hold-active{background:var(--mute);color:#000}.hold-solo.hold-active{background:var(--solo);color:#000}.hold-active small{color:#0009}.link{color:var(--ink-dim);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:8px;font-size:13px;text-decoration:underline}.link-danger{color:var(--rec)}.sheet-backdrop,.action-backdrop{z-index:30;opacity:calc(.62 * (1 - var(--drawer-swipe-progress,0)));transition:opacity .45s var(--sheet-ease);background:#000;position:fixed;inset:0}.action-backdrop{z-index:40;opacity:calc(.5 * (1 - var(--drawer-swipe-progress,0)))}.sheet-backdrop[data-starting-style],.sheet-backdrop[data-ending-style],.action-backdrop[data-starting-style],.action-backdrop[data-ending-style]{opacity:0}.sheet-backdrop[data-ending-style],.action-backdrop[data-ending-style]{transition-duration:calc(var(--drawer-swipe-strength,1) * .4s)}.sheet-viewport,.action-viewport{z-index:30;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.action-viewport{z-index:40}.sheet{width:100%;max-width:640px;height:calc(100dvh - env(safe-area-inset-top) - 12px);transform:translateY(var(--drawer-swipe-movement-y,0px));transition:transform .45s var(--sheet-ease);will-change:transform;-webkit-user-select:text;user-select:text;background:#1c1c1e;border-radius:28px 28px 0 0;outline:none;flex-direction:column;display:flex;box-shadow:0 -10px 40px #00000080,inset 0 1px #ffffff14}.sheet[data-starting-style],.sheet[data-ending-style]{transform:translateY(100%)}.sheet[data-swiping]{-webkit-user-select:none;user-select:none;transition-duration:0s}.sheet[data-ending-style]{transition-duration:calc(var(--drawer-swipe-strength,1) * .4s)}.sheet-close{color:#ffffff9e;cursor:pointer;background:#ffffff1f;border:0;border-radius:50%;place-items:center;width:30px;height:30px;margin:7px;padding:0;transition:background-color .15s;display:grid;position:relative}.sheet-close:before{content:"";position:absolute;inset:-7px}.sheet-close:active{background:#fff3}.sheet-close svg{display:block}.sheet-grabber{background:#ffffff47;border-radius:3px;flex-shrink:0;width:36px;height:5px;margin:8px auto 0}.sheet-head{width:100%;max-width:560px;min-height:52px;padding:0 var(--gutter);touch-action:none;flex-shrink:0;justify-content:space-between;align-items:center;margin:0 auto;display:flex}.sheet-scroll{overscroll-behavior:contain;min-height:0;padding:4px var(--gutter) calc(env(safe-area-inset-bottom) + 24px);flex:1;overflow-y:auto}.sheet-scroll>*{max-width:560px;margin-left:auto;margin-right:auto}.action-sheet{width:100%;max-width:440px;padding:0 10px calc(env(safe-area-inset-bottom) + 10px);pointer-events:none;transform:translateY(var(--drawer-swipe-movement-y,0px));transition:transform .45s var(--sheet-ease);outline:none;flex-direction:column;gap:8px;display:flex}.action-sheet[data-starting-style],.action-sheet[data-ending-style]{transform:translateY(calc(100% + 16px))}.action-sheet[data-swiping]{transition-duration:0s}.action-sheet[data-ending-style]{transition-duration:calc(var(--drawer-swipe-strength,1) * .4s)}.action-group,.action-cancel{pointer-events:auto;-webkit-backdrop-filter:blur(30px)saturate(1.8);backdrop-filter:blur(30px)saturate(1.8);background:#2c2c2ef5;border-radius:22px;overflow:hidden;box-shadow:inset 0 0 0 .5px #ffffff1f}.action-head{text-align:center;padding:16px 20px 15px}.action-title{font:600 13px/1.35 var(--font-ui);color:var(--ink-dim);margin:0}.action-message{font:13px/1.38 var(--font-ui);color:var(--ink-faint);margin:4px 0 0}.action{width:100%;min-height:57px;color:var(--ink);font:400 19px/1.2 var(--font-ui);background:0 0;border:0;border-top:.5px solid #ffffff24;justify-content:center;align-items:center;padding:0 20px;text-decoration:none;transition:background-color .15s;display:flex}.action:active{background:#ffffff1a}.action-primary{font-weight:600}.action-danger{color:var(--rec)}.action-cancel{border-top:0;font-weight:600}.sheet-head h2{letter-spacing:-.01em;margin:0;font-size:17px;font-weight:600}.icon-btn{border:1px solid var(--edge);background:var(--surface-solid);border-radius:50%;width:44px;height:44px;font-size:24px;line-height:1}.sheet-body{grid-template-columns:minmax(0,1fr);gap:12px;display:grid}.field{color:var(--ink-dim);gap:6px;font-size:13px;display:grid}.field input{border:1px solid var(--edge-strong);background:var(--surface-solid);height:50px;color:var(--ink);border-radius:12px;padding:0 14px;font-size:16px}.or{text-align:center;color:var(--ink-faint);font-size:12px}.btn-file{flex-direction:row;position:relative}.btn-file input{opacity:0;cursor:pointer;position:absolute;inset:0}.btn-disabled{opacity:.35;pointer-events:none}.error p{margin:0}.error-actions{gap:8px;margin-top:8px;display:flex}.error{color:#ffc2c8;background:#ff3b4e24;border:1px solid #ff3b4e66;border-radius:10px;margin:0;padding:10px 12px;font-size:14px}.hint{color:var(--ink-faint);margin:0;font-size:12px}.source-title{color:var(--ink-dim);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:14px;overflow:hidden}.player{aspect-ratio:16/9;background:#000;border-radius:12px;position:relative;overflow:hidden}.player video{width:100%;height:100%;display:block}.clip-preview{opacity:0;pointer-events:none;background:#000;position:absolute;inset:0}.clip-preview.shown{opacity:1}.player-audio{aspect-ratio:auto;background:var(--surface-solid);height:96px}.preview-play{z-index:2;border:2px solid var(--solo);min-width:72px;height:72px;color:var(--ink);background:#0000008c;border-radius:999px;place-items:center;padding:0 18px;font-size:26px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.preview-play.on{background:var(--solo);color:#000;opacity:.85}.preview-wait{font-size:14px;font-weight:700}.timeline{touch-action:none;cursor:pointer;background:#ffffff14;border-radius:8px;height:28px;position:relative}.timeline-wave{background-color:#000;background-repeat:no-repeat;background-size:100% 100%;height:72px}.timeline-wave .timeline-sel{background:#ff3b4e59}.timeline-sel{background:#ffffff73;border-radius:3px;min-width:2px;position:absolute;top:0;bottom:0}.timeline-now{background:var(--rec);width:2px;margin-left:-1px;position:absolute;top:-3px;bottom:-3px}.marks{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;display:grid}.mark{border:1px solid var(--edge);background:var(--surface-solid);border-radius:12px;gap:6px;padding:10px;display:grid}.mark-label{color:var(--ink-dim);font-size:12px}.mark-row{justify-content:space-between;align-items:center;gap:4px;display:flex}.mark-value{font-variant-numeric:tabular-nums;background:0 0;border:0;padding:0;font-size:17px;font-weight:600}.btn-mark{min-height:44px;font-size:13px}.audition{gap:8px;display:grid}.snap{border:1px solid var(--edge);border-radius:12px;gap:6px;padding:10px;display:grid}.toggle{align-items:center;gap:8px;font-size:14px;display:flex}.toggle-card{border:1px solid var(--edge);background:var(--surface-solid);border-radius:12px;padding:10px}.toggle-card span{gap:2px;display:grid}.toggle-card small{color:var(--ink-dim);font-size:12px}.toggle input{width:20px;height:20px;accent-color:var(--ink)}.nudge{color:var(--ink-dim);font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;gap:8px;font-size:13px;display:flex}.mode{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;display:grid}.mode-option{border:1px solid var(--edge);background:var(--surface-solid);text-align:left;cursor:pointer;border-radius:12px;gap:2px;padding:10px;display:grid}.mode-option strong{font-size:14px}.mode-option span{color:var(--ink-dim);font-size:12px}.mode-on{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.sheet-secondary{justify-content:space-between;display:flex}.sync-overlay{left:8px;bottom:calc(env(safe-area-inset-bottom) + 4px);z-index:50;color:var(--ok);pointer-events:none;white-space:pre-wrap;background:#000000bf;border-radius:8px;margin:0;padding:6px 8px;font:11px/1.4 ui-monospace,Menlo,monospace;position:fixed}@media (prefers-reduced-motion:reduce){.pad-hit,.progress-first .block{animation-duration:1ms}}.sheet-head-spacer{flex-shrink:0;width:44px}.tabs{border-bottom:1px solid #ffffff1a;gap:22px;margin:4px 0 14px;display:flex}.tabs button{color:var(--ink-faint);letter-spacing:-.01em;cursor:pointer;background:0 0;border:0;padding:6px 0 9px;font-size:15px;font-weight:600;transition:color .2s;position:relative}.tabs .tabs-on{color:var(--ink)}.tabs .tabs-on:after{content:"";background:var(--ink);border-radius:1px;height:2px;position:absolute;bottom:-1px;left:0;right:0}.fragments-picking{padding-bottom:84px}.fragments h3{color:var(--ink-dim);margin:8px 0;font-size:14px;font-weight:600}.fragments-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.fragment-tile{aspect-ratio:1;border:1px solid var(--edge);background:var(--surface-solid);color:var(--ink);cursor:pointer;border-radius:12px;padding:0;position:relative;overflow:hidden}.fragment-tile img{object-fit:cover;width:100%;height:100%;display:block}.fragment-length{text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums;background:#000000a6;border-radius:6px;max-width:calc(100% - 12px);padding:2px 6px;font-size:11px;font-weight:600;position:absolute;top:6px;right:6px;overflow:hidden}.fragment-picked{border-color:#0000;box-shadow:0 0 0 2px #fff}.fragment-video{object-fit:cover;opacity:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.fragment-video-on{opacity:1}.fragment-add{left:var(--gutter);right:var(--gutter);bottom:calc(env(safe-area-inset-bottom) + 16px);z-index:2;color:#000;letter-spacing:-.01em;cursor:pointer;background:#fff;border:0;border-radius:36px;width:auto;max-width:560px;height:52px;margin:0 auto;font-size:17px;font-weight:600;position:fixed;box-shadow:0 10px 30px #0009}.source-row{gap:8px;display:grid}.pill-btn{color:#000;letter-spacing:-.01em;white-space:nowrap;cursor:pointer;background:#fff;border:0;border-radius:36px;flex:1;justify-content:center;align-items:center;gap:8px;min-width:0;height:48px;padding:0 14px;font-size:16px;font-weight:600;display:flex;position:relative}.pill-btn input{opacity:0;cursor:pointer;position:absolute;inset:0}.pill-btn:disabled,.pill-busy{opacity:.5}.pill-btn:has(input:disabled){opacity:.5}.choice{border:1px solid var(--edge-strong);background:var(--surface-solid);text-align:left;cursor:pointer;border-radius:14px;gap:2px;min-height:64px;padding:12px 16px;display:grid;position:relative}.choice strong{font-size:16px}.choice span{color:var(--ink-dim);font-size:13px}.choice input{opacity:0;cursor:pointer;position:absolute;inset:0}.choice:disabled,.choice-busy{opacity:.6}.recent{gap:6px;margin:0;padding:0;list-style:none;display:grid}.recent button{border:1px solid var(--edge);background:var(--surface-solid);text-align:left;border-radius:12px;gap:2px;width:100%;min-height:56px;padding:8px 12px;display:grid}.recent strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.recent span{color:var(--ink-dim);font-size:12px}.strip{gap:6px;display:grid}.strip-overview{touch-action:none;cursor:grab;background:#ffffff14;border-radius:8px;height:32px;margin:0 22px 14px;position:relative}.strip-overview-view{border:1.5px solid var(--ink);background:#ffffff14;border-radius:6px;position:absolute;top:0;bottom:0}.strip-overview-sel{background:var(--rec);border-radius:2px;position:absolute;top:5px;bottom:5px}.strip-overview-now{background:var(--ink);width:2px;position:absolute;top:-2px;bottom:-2px}.strip-area{touch-action:none;cursor:pointer;height:104px;margin:0 22px;position:relative}.strip-audio{height:80px}.strip-detail{background:#000;border-radius:10px;position:absolute;inset:0;overflow:hidden}.strip-frames{background-size:100% 100%;height:64px;position:absolute;top:0;left:0;right:0}.strip-wave{opacity:.9;background-size:100% 100%;height:40px;position:absolute;bottom:0;left:0;right:0}.strip-audio .strip-wave{height:auto;top:0}.strip-loading{color:var(--ink-faint);justify-content:center;align-items:center;font-size:12px;display:flex;position:absolute;inset:0}.strip-dim{pointer-events:none;background:#0000009e;position:absolute;top:0;bottom:0}.strip-sel{border-top:3px solid var(--solo);border-bottom:3px solid var(--solo);pointer-events:none;position:absolute;top:0;bottom:0}.strip-now{background:var(--rec);pointer-events:none;width:2px;margin-left:-1px;position:absolute;top:0;bottom:0}.strip-handle{touch-action:none;cursor:ew-resize;background:0 0;border:0;width:44px;padding:0;position:absolute;top:0;bottom:0}.strip-handle-start{margin-left:-36px}.strip-handle-end{margin-left:-8px}.strip-handle span{background:var(--solo);border-radius:4px;width:14px;position:absolute;top:0;bottom:0}.strip-handle-start span{border-radius:6px 2px 2px 6px;right:6px}.strip-handle-end span{border-radius:2px 6px 6px 2px;left:6px}.strip-handle span:after{content:"";border-left:2px solid #00000080;border-right:2px solid #00000080;position:absolute;inset:40% 5px}.strip-handle:focus-visible span{outline:2px solid var(--ink)}.strip-times{color:var(--ink-dim);font-variant-numeric:tabular-nums;justify-content:space-between;margin:0 22px;font-size:12px;display:flex}.strip-length{color:var(--ink);font-weight:700}.hint-ducked{color:var(--solo)}.segmented{background:var(--surface-solid);border:1px solid var(--edge);border-radius:14px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px;padding:4px;display:grid}.segmented button{text-align:left;background:0 0;border:0;border-radius:10px;gap:2px;min-height:52px;padding:8px 10px;display:grid}.segmented button.on{background:var(--ink);color:#000}.segmented strong{font-size:14px}.segmented span{opacity:.75;font-size:12px}.section{border:1px solid var(--edge);background:var(--surface-solid);border-radius:12px}.section summary{cursor:pointer;align-items:center;min-height:48px;padding:0 14px;font-size:15px;font-weight:700;list-style:none;display:flex}.section summary::-webkit-details-marker{display:none}.section summary:after{content:"›";margin-left:auto;font-size:20px;transition:transform .15s}.section[open] summary:after{transform:rotate(90deg)}.section-body{gap:10px;padding:0 12px 12px;display:grid}.btn-inline{justify-self:start}.field input[type=range]{height:44px;accent-color:var(--ink);background:0 0;border:0;padding:0}.strip-mark{pointer-events:none;width:2px;margin-left:-1px;position:absolute}.strip-mark-bar{background:#ffffffd9;top:0;bottom:0;box-shadow:0 0 0 1px #0006}.strip-mark-beat{background:#fff9;height:14px;top:0}.strip-mark-hit{background:var(--ok);width:2px;bottom:0}.strip-mark-cut{border-left:2px dashed #6cc6ff;width:0;top:0;bottom:0}.strip-speech{opacity:.9;pointer-events:none;background:#c79bff;height:5px;position:absolute;bottom:0}.offers{gap:4px;display:grid}.offers-list{scrollbar-width:none;gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.offer{border:1px solid var(--edge-strong);background:var(--surface-solid);border-radius:12px;flex-shrink:0;justify-items:start;gap:1px;min-height:48px;padding:6px 12px;font-size:14px;font-weight:700;display:grid}.offer small{color:var(--ink-dim);font-size:11px;font-weight:500}.offer-loop{border-color:#ffffff8c}.offer-speech{border-color:#c79bff}.offer-scene{border-color:#6cc6ff}.offer-hit{border-color:var(--ok)}.offer.on{background:var(--ink);color:#000}.offer.on small{color:#0009}.strip-magnified .strip-detail{outline:2px solid var(--solo);outline-offset:2px}.preparing{text-align:center;justify-items:center;padding:72px 0}.preparing-title{margin:0;font-size:18px;font-weight:700}.spinner{border:3px solid #ffffff26;border-top-color:var(--ink);border-radius:50%;width:44px;height:44px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:3s}}.strip-overview-parts{height:34px}.strip-part{pointer-events:none;background:#ffffff1a;border-right:1px solid #0009;position:absolute;top:0;bottom:0;overflow:hidden}.strip-part span{white-space:nowrap;color:#fffc;padding:0 3px;font-size:9px;line-height:26px;display:block}.strip-part-chorus{background:#ff9f4373}.strip-part-verse{background:#6cc6ff47}.strip-part-bridge,.strip-part-inst,.strip-part-solo{background:#c79bff59}.strip-mark-section{background:#ff9f43;width:3px;margin-left:-1.5px;top:0;bottom:0}.offer-section{border-color:#ff9f43}.icon-btn,.chip,.status-action{background:var(--glass);box-shadow:var(--glass-ring);-webkit-backdrop-filter:var(--glass-blur);transition:box-shadow .3s var(--ease-out), background .3s var(--ease-out), color .3s;border:0}.top .icon-btn,.top .chip{height:40px;min-height:40px}.top .icon-btn{width:40px}.chip{letter-spacing:-.01em;color:#ffffffe6;padding:0 15px;font-size:14px;font-weight:600}.chip-on{color:#000;background:#fff;box-shadow:0 0 18px #ffffff40}@media (hover:hover){.icon-btn:hover:not(:disabled),.chip:hover:not(:disabled):not(.chip-on){box-shadow:inset 0 0 0 1px #fff6}}.progress{height:6px}.progress-fill{background:linear-gradient(90deg,#ffffff8c,#fff);box-shadow:0 0 10px #ffffff8c}.block-add{background:var(--glass);box-shadow:var(--glass-ring);-webkit-backdrop-filter:var(--glass-blur);border:0;font-weight:300}.grid{gap:10px}.pad{border-radius:var(--radius);background:var(--glass);box-shadow:inset 0 0 0 1px var(--edge);transition:opacity .2s, filter .2s, box-shadow .3s var(--ease-out), transform .2s var(--ease-out);border:0}.pad:active:not(.pad-locked){transform:scale(.97)}.pad-filled:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff24}.pad-empty{background:#ffffff08;border:0;box-shadow:inset 0 0 0 1px #ffffff17}.pad-plus{place-items:center;display:grid}.pad-plus svg{fill:none;stroke:#ffffff80;stroke-width:1.5px;stroke-linecap:round;width:26px;height:26px}.pad-invite{background:#ffffff12;border:0;box-shadow:inset 0 0 0 1.5px #ffffffd9,0 0 22px #ffffff1f}.pad-invite .pad-plus svg{stroke:#fff}.pad-tags,.pad-name{-webkit-backdrop-filter:blur(10px)saturate(1.3);background:#00000073;border-radius:7px;padding:3px 7px}.pad-name{font-family:var(--font-display);letter-spacing:-.01em;font-weight:600}.pad-hit-bar{background:linear-gradient(90deg,#fff9,#fff);height:3px}.grid-edit .pad-filled,.pad-solo{border:0}.grid-edit .pad-filled:after{box-shadow:inset 0 0 0 1.5px #fff}.pad-solo:after,.grid-solo .pad-filled:after{box-shadow:inset 0 0 0 1.5px var(--solo)}.grid-mute .pad-filled:after{box-shadow:inset 0 0 0 1.5px var(--mute)}.toast{-webkit-backdrop-filter:blur(24px)saturate(1.5);background:#1c1c20cc;border:0;border-radius:16px;box-shadow:inset 0 0 0 1px #ffffff1a,0 12px 32px #00000080}.controls{z-index:1;gap:14px;position:relative}.controls .row:not(.row-main) .hold,.controls .row:not(.row-main) .btn{background:var(--glass);min-height:46px;box-shadow:var(--glass-ring);-webkit-backdrop-filter:var(--glass-blur);transition:background .2s, box-shadow .2s, color .2s, transform .15s var(--ease-out);border:0;border-radius:999px}.controls .row:not(.row-main) .hold:active,.controls .row:not(.row-main) .btn:active{transform:scale(.96)}.hold{letter-spacing:.12em;font-size:13px}.hold small{letter-spacing:0}.controls .hold-mute.hold-active{background:var(--mute);box-shadow:0 0 18px #8b8b9466}.controls .hold-solo.hold-active{background:var(--solo);box-shadow:0 0 20px #ffd23f73}.controls .row:not(.row-main) .btn-on{color:#000;background:#fff;box-shadow:0 0 18px #ffffff40}.chip-view{align-items:center;gap:7px;padding:0 15px 0 12px;display:inline-flex}.chip-view svg{width:17px;height:17px}.row-main{grid-template-columns:repeat(3,1fr);gap:4px}.orb-btn{white-space:nowrap;letter-spacing:-.01em;min-height:0;color:var(--ink-dim);background:0 0;border:0;gap:7px;padding:0;font-size:12px;font-weight:500}.orb-btn:disabled{opacity:.35}.orb{color:#ffffffeb;background:var(--glass);width:58px;height:58px;-webkit-backdrop-filter:var(--glass-blur);transition:box-shadow .4s var(--ease-out), background .4s var(--ease-out);border-radius:50%;place-items:center;display:grid;position:relative;box-shadow:inset 0 0 0 1px #ffffff52}.orb svg{width:22px;height:22px;position:relative}@media (hover:hover){.orb-btn:hover:not(:disabled) .orb{box-shadow:inset 0 0 0 1px #fff9}}.btn-rec,.rec-armed,.rec-first,.rec-overdub{color:var(--ink-dim);background:0 0;border:0}.orb-rec{box-shadow:inset 0 0 0 1.5px #ff3b4ed9}.orb-rec .rec-dot{width:20px;height:20px;transition:border-radius .3s var(--ease-out), background .3s}.rec-armed .orb-rec,.rec-first .orb-rec,.rec-overdub .orb-rec{background:var(--rec);box-shadow:0 0 0 4px #ff3b4e2e,0 0 26px #ff3b4e8c}.rec-first,.rec-overdub,.rec-armed{color:#fff}@property --spin{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes orb-spin{to{--spin:360deg}}.orb-ring{background:conic-gradient(from var(--spin), #fff0 0deg, #ffffff1a 160deg, #ffffffe6 300deg, #fff 330deg, #fff0 360deg);-webkit-mask-composite:xor;opacity:0;transition:opacity .5s var(--ease-out);pointer-events:none;border-radius:50%;padding:1.5px;animation:2.4s linear infinite orb-spin;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.orb-going .orb{box-shadow:inset 0 0 0 1px #ffffff1f}.orb-going .orb-ring{opacity:1}.orb-going{color:#fff}.pblur{height:calc(env(safe-area-inset-bottom) + 210px);pointer-events:none;position:absolute;bottom:0;left:0;right:0}.pblur-layer{position:absolute;inset:0}.pblur-tint{background:linear-gradient(#0000 0%,#0003 40%,#0000008c 100%);position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.orb-ring{animation:none}}.pad-hit-ring{border-radius:inherit;-webkit-mask-composite:xor;animation:pad-ring-fade .3s var(--ease-out) var(--dur) forwards;padding:1.5px;position:absolute;inset:0;overflow:hidden;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.pad-hit-ring:before{content:"";aspect-ratio:1;width:150%;animation:pad-ring-turn 2.8s linear var(--from) var(--turns);background:conic-gradient(#ffffff2e 0deg 170deg,#ffffffe6 250deg,#fff 282deg,#ffffffe6 300deg,#ffffff2e 360deg);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes pad-ring-turn{to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes pad-ring-fade{to{opacity:0}}@media (prefers-reduced-motion:reduce){.pad-hit-ring:before{background:#ffffffd9;animation:none}}.grid-edit .pad-filled{animation:.28s ease-in-out infinite alternate pad-jiggle}.grid-edit .pad-filled:nth-child(2n){animation-delay:-.14s}@keyframes pad-jiggle{0%{rotate:-1.1deg}to{rotate:1.1deg}}@media (prefers-reduced-motion:reduce){.grid-edit .pad-filled{animation:none}}.pad-edit{color:#fff;width:26px;height:26px;animation:pad-edit-in .25s var(--ease-out);background:#3c3c42d9;border-radius:50%;place-items:center;display:grid;inset:6px 6px auto auto;box-shadow:0 0 0 1px #ffffff24,0 4px 12px #00000080}.pad-edit svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linejoin:round;stroke-linecap:round;background:0 0;border-radius:0;width:13px;height:13px;padding:0}@keyframes pad-edit-in{0%{opacity:0;scale:.6}}.chip-done{font-weight:600}.grid{aspect-ratio:auto;flex:1;width:100%;min-height:0;margin:8px 0 0}.pad-copy{z-index:2;color:#fff;width:26px;height:26px;animation:pad-edit-in .25s var(--ease-out);cursor:pointer;background:#3c3c42d9;border-radius:50%;place-items:center;display:grid;position:absolute;top:6px;left:6px;box-shadow:0 0 0 1px #ffffff24,0 4px 12px #00000080}.pad-copy:before{content:"";border-radius:50%;position:absolute;inset:-8px}.pad-copy svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linejoin:round;stroke-linecap:round;width:13px;height:13px}.grid-edit .pad-tags{visibility:hidden}.notice{left:50%;bottom:calc(env(safe-area-inset-bottom) + 132px);z-index:10;white-space:nowrap;color:var(--ink);pointer-events:none;background:#1c1c20eb;border-radius:16px;padding:10px 16px;font-size:14px;position:fixed;translate:-50%;box-shadow:inset 0 0 0 1px #ffffff1a,0 12px 32px #00000080}.field-volume{gap:2px}.field-volume input[type=range]{height:28px;margin:0;padding:0}.field-volume>span{justify-content:space-between;align-items:center;gap:8px;display:flex}.field-volume .link{min-height:0;padding:0;font-size:13px}.app{--gutter:20px}.top{min-height:48px;margin-top:4px}.top .projects-btn{width:40px;height:40px;box-shadow:none;-webkit-backdrop-filter:none;background:0 0;margin-left:-8px;padding:0}.projects-btn svg{fill:none;stroke:#fff;stroke-width:2px;width:24px;height:24px}.top .chip-view,.top .chip-done{color:#000;height:48px;min-height:48px;box-shadow:none;-webkit-backdrop-filter:none;letter-spacing:0;background:#fff;border-radius:36px;padding:0 16px;font-size:14px;font-weight:700}.top .chip-view:disabled{opacity:.35}.blocks{gap:12px;min-height:32px;margin:12px 0 20px}.progress{gap:12px;height:20px}.block{background:#ffffff1f;border-radius:30px}.progress-running .block-current{background:#fff3}.progress-fill{box-shadow:none;background:#fff}.block-add{width:32px;height:32px;box-shadow:none;-webkit-backdrop-filter:none;color:#000;background:#d9d9d9;border:0;font-size:20px}.grid{gap:12px;margin:0}.pad,.pad-filled{-webkit-backdrop-filter:none;backdrop-filter:none;background:#111;border:0;border-radius:6px;box-shadow:inset 0 0 0 1px #ffffff1a}.pad-poster{opacity:1}.pad-bottom,.pad-top{display:none}.pad-empty{box-shadow:none;background:0 0;border:1px dashed #ffffff4d}.pad-plus svg{stroke:#ffffff73;stroke-width:1.2px}.controls{margin-top:15px}.row-main{grid-template-columns:64px minmax(0,1fr) 64px;align-items:center;gap:9px}.orb-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.orb-btn{gap:0}.orb{-webkit-backdrop-filter:none;color:#fff;background:0 0;border-radius:56px;width:64px;height:65px;box-shadow:inset 0 0 0 1px #ffffff4d}.orb svg{width:24px;height:24px}.btn-rec{color:#fff;background:radial-gradient(50% 50%,#8500002e 0%,#b800002e 50%,#eb00002e 100%),#000;border-radius:60px;flex-direction:row;justify-content:center;gap:10px;height:65px;font-size:14px;font-weight:600}.btn-rec .orb-rec{width:19px;height:19px;box-shadow:none;background:0 0}.btn-rec .orb-rec .rec-dot{background:red;border-radius:50%;width:19px;height:19px}.btn-rec.rec-armed,.btn-rec.rec-first,.btn-rec.rec-overdub{color:#fff;background:radial-gradient(50% 50%,#8500008c 0%,#b800008c 50%,#eb00008c 100%),#000}.btn-rec.rec-armed .orb-rec,.btn-rec.rec-first .orb-rec,.btn-rec.rec-overdub .orb-rec{box-shadow:none;background:0 0}.btn-rec.rec-first .rec-dot,.btn-rec.rec-overdub .rec-dot{background:#fff;border-radius:4px}.grid-tile-canvas{width:100%;height:100%;position:absolute;inset:0}.block-add{place-items:center;padding:0;display:grid}.block-add svg{fill:none;stroke:#000;stroke-width:2px;stroke-linecap:round;width:16px;height:16px}.view-save-btn{color:#000;background:#fff;border:0;border-radius:36px;height:48px;min-height:48px;padding:0 16px;font-size:14px;font-weight:700}.view-save-btn:disabled{opacity:.4}.view-controls .view-btn{height:48px}.view-big-play{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;z-index:2;background:#00000073;border:0;border-radius:50%;place-items:center;width:88px;height:88px;margin:-44px 0 0 -44px;display:grid;box-shadow:inset 0 0 0 1px #ffffff59}.view-big-play svg{fill:#fff;width:34px;height:34px}.progress{gap:4px}[data-sonner-toaster]{width:auto!important;left:0!important;right:0!important;transform:none!important}[data-sonner-toast].note{max-width:calc(100vw - 32px);width:fit-content!important;margin-inline:auto!important;left:0!important;right:0!important}.note{color:#fff;font-family:var(--font-display);letter-spacing:-.01em;background:#000;border-radius:999px;align-items:center;gap:14px;padding:12px 20px;font-size:14px;font-weight:500;display:flex;box-shadow:inset 0 0 0 1px #ffffff14,0 16px 48px 4px #000000d9}.note-title{white-space:nowrap}.note-action{color:#fff;font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;font-weight:700;text-decoration:underline}.progress-fill{clip-path:inset(0 100% 0 0);transform:none}