@font-face{font-family:Inter;src:url(/fonts/InterVariable.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}:root{--bg:#0b0a09;--bg-soft:#100f0d;--surface:#151311;--surface-2:#1c1a17;--surface-3:#25221e;--line:#fff4e614;--line-strong:#fff4e626;--text:#f6f2ed;--text-2:#cfc7bd;--muted:#918a81;--accent:#f5b942;--accent-strong:#ffcb5c;--accent-ink:#1a1206;--accent-soft:#f5b9421f;--glow:#f5a03c29;--danger:#ff7a6b;--danger-soft:#ff7a6b1a;--ok:#6fd99a;--ok-soft:#6fd99a1a;--info:#8fb3ff;--radius:16px;--radius-sm:10px;--shadow:0 1px 0 #ffffff08 inset, 0 18px 40px -18px #0009;--font:"Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--container:1160px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}html,body{background:var(--bg);color:var(--text);font:16px/1.6 var(--font);margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv11", "ss01"}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-strong)}h1,h2,h3{letter-spacing:-.02em;margin:0 0 .5em;font-weight:650;line-height:1.15}h1{letter-spacing:-.035em;font-size:clamp(2.3rem,5.4vw,3.9rem);font-weight:700}h2{font-size:clamp(1.5rem,2.8vw,2.1rem)}h3{letter-spacing:-.01em;font-size:1.05rem}p{margin:0 0 1em}.muted{color:var(--muted)}.small{font-size:.875rem}.error{color:var(--danger)}.banner{background:var(--danger-soft);border-radius:var(--radius-sm);border:1px solid #ff7a6b59;align-items:flex-start;gap:.6rem;padding:.85rem 1rem;display:flex}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}.icon{flex:none}.topbar-wrap{z-index:20;-webkit-backdrop-filter:saturate(140%)blur(14px);border-bottom:1px solid var(--line);background:#0b0a09b8;position:sticky;top:0}.topbar{max-width:var(--container);justify-content:space-between;align-items:center;gap:1rem;margin:0 auto;padding:.7rem 20px;display:flex}.brand{letter-spacing:-.01em;color:var(--text);white-space:nowrap;align-items:center;gap:.6rem;font-size:1.05rem;font-weight:650;display:inline-flex}.brand:hover{color:var(--text)}.brand-mark .brand-tile{fill:var(--accent)}.brand-mark .brand-bar{fill:var(--accent-ink)}.brand-mark .brand-rest{fill:none;stroke:var(--accent-ink);stroke-width:1.3px}.topnav{align-items:center;gap:.35rem;display:flex}.topnav .navlink{color:var(--text-2);border-radius:999px;padding:.5rem .75rem;font-size:.94rem;font-weight:500}.topnav .navlink:hover{color:var(--text);background:var(--surface-2)}.footer{border-top:1px solid var(--line);background:var(--bg-soft);margin-top:5rem}.footer-inner{max-width:var(--container);grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:start;gap:2rem;margin:0 auto;padding:2.5rem 20px 2rem;display:grid}.footer-brand p{color:var(--muted);max-width:360px;margin:.75rem 0 0;font-size:.9rem}.footer nav{flex-wrap:wrap;justify-content:flex-end;gap:.6rem 1.4rem;display:flex}.footer nav a{color:var(--text-2);font-size:.92rem}.footer nav a:hover{color:var(--text)}.footer-bottom{max-width:var(--container);color:var(--muted);border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin:0 auto;padding:1rem 20px 2rem;font-size:.85rem;display:flex}.lang{border:1px solid var(--line-strong);border-radius:999px;gap:2px;padding:2px;display:inline-flex;overflow:hidden}.lang button,.lang a{color:var(--muted);cursor:pointer;font:inherit;background:0 0;border:0;border-radius:999px;padding:.25rem .7rem;font-size:.78rem;font-weight:600}.lang a:hover,.lang button:hover{color:var(--text)}.lang .active{background:var(--surface-3);color:var(--text)}.menu-box{position:relative}.account-button{border:1px solid var(--line-strong);background:var(--surface-2);min-height:38px;color:var(--text-2);font:inherit;cursor:pointer;border-radius:999px;align-items:center;gap:.45rem;padding:.25rem .6rem .25rem .3rem;font-size:.9rem;font-weight:600;display:inline-flex}.account-button:hover,.account-button[aria-expanded=true]{color:var(--text);border-color:#fff4e647}.avatar{background:var(--accent-soft);width:28px;height:28px;color:var(--accent);border-radius:50%;place-items:center;font-size:.8rem;font-weight:700;display:grid}.menu{background:var(--surface-2);border:1px solid var(--line-strong);z-index:40;border-radius:14px;min-width:230px;max-width:min(320px,100vw - 32px);padding:.4rem;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 24px 50px -16px #000c}.menu a,.menu button{color:var(--text-2);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:.55rem;padding:.6rem .75rem;font-size:.92rem;display:flex}.menu a:hover,.menu button:hover,.menu a:focus-visible,.menu button:focus-visible{background:var(--surface-3);color:var(--text)}.menu hr{border:0;border-top:1px solid var(--line);margin:.3rem .2rem}.menu .danger:hover,.menu .danger:focus-visible{color:var(--danger)}.menu .format{letter-spacing:.04em;color:var(--muted);margin-left:auto;padding-left:1rem;font-size:.72rem;font-weight:700}.menu-head{border-bottom:1px solid var(--line);gap:.35rem;margin-bottom:.3rem;padding:.6rem .75rem .75rem;display:grid}.menu-head strong{text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;font-weight:600;overflow:hidden}.menu-head>span{flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.8rem;display:flex}.menu-row{color:var(--text-2);justify-content:space-between;align-items:center;gap:.75rem;padding:.35rem .4rem .35rem .75rem;font-size:.92rem;display:flex}.menu-row>span:first-child{align-items:center;gap:.55rem;display:inline-flex}.menu .lang button{border-radius:999px;padding:.2rem .6rem;font-size:.75rem;display:inline-block}.menu-note{color:var(--muted);margin:.25rem .75rem .5rem;font-size:.8rem}.menu-legal{flex-wrap:wrap;gap:.2rem .9rem;margin:.3rem .75rem .35rem;font-size:.78rem;display:flex}.menu .menu-legal a{color:var(--muted);padding:0}.menu .menu-legal a:hover{color:var(--text);background:0 0}.icon-button{border:1px solid var(--line-strong);background:var(--surface-2);width:36px;height:36px;color:var(--text-2);cursor:pointer;border-radius:999px;flex:none;place-items:center;padding:0;display:inline-grid}.icon-button:hover,.icon-button[aria-expanded=true]{color:var(--text);border-color:#fff4e647}.icon-button:disabled{opacity:.4;cursor:not-allowed}.icon-button.small{background:0 0;border:0;width:28px;height:28px}.page{max-width:var(--container);margin:0 auto;padding:1rem 20px}.center{text-align:center;place-items:center;min-height:55vh;display:grid}.button{border:1px solid var(--line-strong);background:var(--surface-2);min-height:44px;color:var(--text);font:inherit;cursor:pointer;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1.15rem;font-size:.95rem;font-weight:600;transition:background .15s,border-color .15s,transform .15s,box-shadow .15s;display:inline-flex}.button:hover:not(:disabled){background:var(--surface-3);color:var(--text);border-color:#fff4e647}.button:active:not(:disabled){transform:translateY(1px)}.button:disabled,.button.primary:disabled{opacity:1;cursor:not-allowed;background:var(--surface-3);border-color:var(--line);color:var(--muted);box-shadow:none}.button.primary{background:linear-gradient(180deg, var(--accent-strong), var(--accent));color:var(--accent-ink);border-color:#0000;box-shadow:0 8px 24px -10px #f5b942b3,inset 0 1px #ffffff59}.button.primary:hover:not(:disabled){background:linear-gradient(180deg, #ffd477, var(--accent-strong));color:var(--accent-ink)}.button.ghost{background:0 0}.button.large{min-height:52px;padding:.75rem 1.5rem;font-size:1rem}.button.small{min-height:36px;padding:.35rem .8rem;font-size:.85rem}.link{font:inherit;cursor:pointer;color:var(--muted);background:0 0;border:0;align-items:center;gap:.35rem;padding:0;display:inline-flex}.link:hover{color:var(--text)}.link.danger:hover{color:var(--danger)}.link.accent{color:var(--accent);font-weight:600}.link.accent:hover{color:var(--accent-strong)}.button.danger{background:var(--danger);color:#2a0a06;border-color:#0000}.button.danger:hover:not(:disabled){color:#2a0a06;background:#ff8f82;border-color:#0000}.hero-wrap{position:relative}.hero-wrap:before{content:"";background:radial-gradient(60% 55% at 70% 30%, var(--glow), transparent 70%), radial-gradient(40% 40% at 15% 10%, #f5b94212, transparent 70%);pointer-events:none;z-index:-1;height:38rem;position:absolute;inset:-6rem 0 auto}.hero{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:3.5rem;padding:4.5rem 0 2rem;display:grid}.hero.single{grid-template-columns:minmax(0,1fr);max-width:780px}.hero h1{margin-bottom:1.1rem}.eyebrow{letter-spacing:.02em;color:var(--accent);background:var(--accent-soft);border:1px solid #f5b94240;border-radius:999px;align-items:center;gap:.5rem;margin-bottom:1.4rem;padding:.3rem .75rem;font-size:.8rem;font-weight:600;display:inline-flex}.lead{color:var(--text-2);max-width:600px;font-size:clamp(1.05rem,1.6vw,1.22rem);line-height:1.65}.actions{flex-wrap:wrap;align-items:center;gap:.9rem 1.2rem;margin:2rem 0 0;display:flex}.checks{color:var(--text-2);flex-wrap:wrap;gap:.6rem 1.4rem;margin:2rem 0 0;padding:0;font-size:.9rem;list-style:none;display:flex}.checks li{align-items:center;gap:.45rem;display:inline-flex}.checks .icon{color:var(--ok)}.name-note{color:var(--muted);max-width:520px;margin:1.5rem 0 0;font-size:.85rem}.name-note em{color:var(--accent);font-style:italic}.section{padding:5rem 0 0}.section-head{max-width:720px;margin-bottom:2rem}.section-head p{color:var(--text-2);margin:.25rem 0 0}.kicker{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.75rem;font-size:.8rem;font-weight:700;display:block}.icon-badge{background:var(--accent-soft);width:42px;height:42px;color:var(--accent);border:1px solid #f5b94233;border-radius:12px;place-items:center;display:inline-grid}.steps{counter-reset:step;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid}.steps li{counter-increment:step;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);align-content:start;gap:.55rem;padding:1.5rem;display:grid;position:relative}.steps li:after{content:counter(step, decimal-leading-zero);color:var(--muted);font-variant-numeric:tabular-nums;font-size:.85rem;font-weight:700;position:absolute;top:1.4rem;right:1.5rem}.steps strong{margin-top:.5rem;font-size:1.05rem}.steps span{color:var(--text-2)}.cards{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid}.cards li{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);color:var(--text-2);box-shadow:var(--shadow);align-content:start;gap:.6rem;padding:1.4rem;display:grid}.cards strong{color:var(--text);display:block}.cards.plain li{align-items:flex-start;gap:.8rem;display:flex}.cards.plain .icon{color:var(--accent);margin-top:.15rem}.why{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:3rem;display:grid}.prose{max-width:720px;color:var(--text-2);font-size:1.05rem}.trust{gap:.9rem;margin:0;padding:0;list-style:none;display:grid}.trust li{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);color:var(--text-2);grid-template-columns:auto minmax(0,1fr);gap:.25rem 1rem;padding:1.1rem 1.2rem;display:grid}.trust .icon-badge{grid-row:span 2}.trust strong{color:var(--text)}.tip{background:var(--accent-soft);border-radius:var(--radius);max-width:760px;color:var(--text-2);border:1px solid #f5b94238;margin:1.25rem 0 0;padding:1rem 1.2rem}.tip strong{color:var(--text)}.instrument-links{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:.6rem;margin:0;padding:0;list-style:none;display:grid}.instrument-links a{border:1px solid var(--line);background:var(--surface);border-radius:var(--radius-sm);color:var(--text);justify-content:space-between;align-items:center;gap:.5rem;padding:.8rem 1rem;font-weight:500;transition:border-color .15s,background .15s;display:flex}.instrument-links a .icon{color:var(--muted);transition:transform .15s,color .15s}.instrument-links a:hover{background:var(--surface-2);color:var(--text);border-color:#f5b94273}.instrument-links a:hover .icon{color:var(--accent);transform:translate(2px)}.faq{border-top:1px solid var(--line);max-width:820px;display:grid}.faq details{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;padding:1.15rem .25rem;font-size:1.02rem;font-weight:600;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary .icon{color:var(--muted);transition:transform .2s}.faq details[open] summary .icon{color:var(--accent);transform:rotate(45deg)}.faq details p{color:var(--text-2);max-width:720px;margin:0 0 1.2rem;padding:0 .25rem}.faq-page .faq{border:0;gap:2rem;margin:2.5rem 0 0}.faq-page .faq section{border-bottom:1px solid var(--line);padding-bottom:2rem}.faq-page .faq h2{margin-bottom:.5rem;font-size:1.15rem}.faq-page .faq p{color:var(--text-2);margin:0}.faq-page h1,.pricing h1{margin-top:2.5rem;font-size:clamp(2.2rem,4.5vw,3.2rem)}.more{align-items:center;gap:.4rem;margin-top:1.5rem;font-weight:600;display:inline-flex}.closing{background:radial-gradient(70% 120% at 100% 0%, #f5a03c2e, transparent 60%), var(--surface);border:1px solid #f5b94240;border-radius:24px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;margin-top:5rem;padding:clamp(2rem,5vw,3.5rem);display:flex;position:relative;overflow:hidden}.closing p{letter-spacing:-.02em;max-width:620px;margin:0;font-size:clamp(1.4rem,2.6vw,2rem);font-weight:650;line-height:1.25}.toggle{background:var(--bg-soft);border:1px solid var(--line-strong);border-radius:999px;flex-wrap:wrap;gap:2px;margin:0 0 1.25rem;padding:3px;display:inline-flex}.toggle button{color:var(--muted);cursor:pointer;font:inherit;background:0 0;border:0;border-radius:999px;align-items:center;gap:.5rem;min-height:38px;padding:.45rem .95rem;font-size:.9rem;font-weight:600;transition:background .15s,color .15s;display:inline-flex}.toggle button:hover{color:var(--text)}.toggle button.active{background:var(--surface-3);color:var(--text);box-shadow:inset 0 1px #ffffff0d}.toggle .save{color:var(--accent-ink);background:var(--accent);border-radius:999px;padding:.05rem .5rem;font-size:.72rem;font-weight:700}.section.demo{padding:0}.player{background:linear-gradient(180deg, var(--surface-2), var(--surface));border:1px solid var(--line-strong);border-radius:22px;padding:1.4rem;box-shadow:0 30px 60px -30px #000c,0 0 0 1px #0000004d}.player-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1.1rem;display:flex}.player-head h2{color:var(--text-2);letter-spacing:0;align-items:center;gap:.5rem;margin:0;font-size:1rem;font-weight:600;display:inline-flex}.player-head h2 .icon{color:var(--accent)}.player-head .toggle{margin:0}.wave{background:var(--bg-soft);border:1px solid var(--line);border-radius:14px;align-items:center;gap:3px;height:112px;margin-bottom:1.1rem;padding:.5rem .25rem;display:flex;overflow:hidden}.wave span{background:#3b362f;border-radius:2px;flex:1;min-width:3px;transition:height .35s,background .2s}.wave span.played{background:var(--accent)}.demo-controls{flex-wrap:wrap;align-items:center;gap:.9rem;margin-bottom:1rem;display:flex}.demo-controls .toggle{margin:0}.demo-controls>.button{flex:none;width:52px;height:52px;padding:0}.player-foot{color:var(--muted);margin:0;font-size:.8rem;line-height:1.5}.plans{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;max-width:900px;display:grid}.plan{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:20px;flex-direction:column;gap:.6rem;padding:1.8rem;display:flex;position:relative}.plan h3{color:var(--text-2);justify-content:space-between;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;display:flex}.plan.highlight{background:radial-gradient(90% 60% at 100% 0%, #f5a03c24, transparent 60%), var(--surface);border-color:#f5b94273}.plan-badge{letter-spacing:.04em;text-transform:uppercase;color:var(--accent-ink);background:var(--accent);border-radius:999px;padding:.2rem .55rem;font-size:.72rem;font-weight:700}.price{letter-spacing:-.03em;margin:0;font-size:2.6rem;font-weight:700;line-height:1.1}.price .muted{letter-spacing:0;font-size:1rem;font-weight:500}.features{color:var(--text-2);flex:1;gap:.6rem;margin:.8rem 0 1.4rem;padding:0;list-style:none;display:grid}.features li{align-items:flex-start;gap:.6rem;display:flex}.features .icon{color:var(--accent);margin-top:.2rem}.pricing-notes{gap:.45rem;max-width:760px;margin:2rem 0 0;padding-left:1.1rem;font-size:.92rem;display:grid}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.4rem}.studio{gap:1rem;padding-top:1.75rem;display:grid;position:relative}.studio.dragging:after{content:"";border:3px dashed var(--accent);pointer-events:none;z-index:30;background:#f5b9420f;position:fixed;inset:0}.studio-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;display:flex}.studio-top h1{margin:0 0 .45rem;font-size:1.6rem}.studio .button.primary:not(:disabled){box-shadow:0 6px 18px -10px #f5b94299,inset 0 1px #ffffff59}.plan-line{color:var(--text-2);flex-wrap:wrap;align-items:center;gap:.4rem .65rem;font-size:.88rem;display:flex}.plan-line .link{color:var(--accent);font-size:.88rem;font-weight:600}.plan-line .link:hover{color:var(--accent-strong)}.meter.mini{width:90px;height:5px}.plan-line .sep:before{content:"·";color:var(--muted);margin-right:.65rem}.account{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1.5rem;padding:.85rem 1.1rem;display:flex}.account-usage{flex:320px;gap:.5rem;max-width:560px;display:grid}.usage-head{flex-wrap:wrap;align-items:center;gap:.65rem;font-size:.92rem;display:flex}.usage-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.6rem;display:flex}.usage-actions:empty{display:none}.badge{text-transform:uppercase;letter-spacing:.06em;background:var(--surface-3);color:var(--text-2);border-radius:999px;padding:.18rem .6rem;font-size:.7rem;font-weight:700}.badge.pro{background:var(--accent);color:var(--accent-ink)}.meter{background:var(--surface-3);border-radius:999px;height:6px;display:block;overflow:hidden}.meter.thin{height:3px;margin-top:.45rem}.meter span{background:linear-gradient(90deg, var(--accent), var(--accent-strong));border-radius:inherit;height:100%;transition:width .4s;display:block}.meter span.indeterminate{opacity:.8;animation:1.4s ease-in-out infinite slide;width:35%!important}@keyframes slide{0%{transform:translate(-100%)}to{transform:translate(290%)}}@keyframes pulse{50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.meter span,.wave span{transition:none}.meter span.indeterminate{animation:none;transform:none}}.studio-body{grid-template-columns:minmax(300px,380px) minmax(0,1fr);align-items:start;gap:1rem;display:grid}.library{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;max-height:calc(100vh - 6rem);display:flex;position:sticky;top:4.8rem;overflow:hidden}.library-head{border-bottom:1px solid var(--line);gap:.75rem;padding:1rem 1rem .75rem;display:grid}.library-head h2{letter-spacing:-.01em;align-items:center;margin:0;font-size:1rem;display:flex}.count{color:var(--muted);background:var(--surface-2);border:1px solid var(--line);border-radius:999px;margin-left:.5rem;padding:.05rem .5rem;font-size:.75rem;font-weight:600}.search{border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--bg-soft);color:var(--muted);align-items:center;gap:.5rem;padding:0 .75rem;display:flex}.search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.search input[type=search]{min-height:40px;padding:0;box-shadow:none!important;background:0 0!important;border:0!important}.search input:focus{outline:none}.rows{grid-template-columns:minmax(0,1fr);gap:1px;margin:0;padding:.35rem;list-style:none;display:grid;overflow-y:auto}.rows li{min-width:0}.group{letter-spacing:.07em;text-transform:uppercase;color:var(--muted);padding:.7rem .65rem .3rem;font-size:.7rem;font-weight:700}.row{width:100%;min-height:42px;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:.6rem;padding:.45rem .65rem;display:flex}.row:hover{background:var(--surface-2)}.row.on{background:var(--surface-3);box-shadow:inset 3px 0 0 var(--accent)}.row-name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:.9rem;font-weight:500;overflow:hidden}.row .chip{text-overflow:ellipsis;white-space:nowrap;flex:none;max-width:140px;display:inline-block;overflow:hidden}.row-end{text-align:right;min-width:3.2rem;color:var(--muted);font-variant-numeric:tabular-nums;flex:none;font-size:.8rem}.row-state{color:var(--accent);font-weight:600}.row-state.failed{color:var(--danger)}.dot{background:var(--muted);border-radius:50%;flex:none;width:8px;height:8px}.dot.done{background:var(--ok)}.dot.failed{background:var(--danger)}.dot.running,.dot.starting,.dot.queued{background:var(--accent);animation:1.2s ease-in-out infinite pulse}.rows .none{padding:1rem .75rem}.more-rows{border:1px dashed var(--line-strong);color:var(--text-2);font:inherit;cursor:pointer;background:0 0;border-radius:9px;margin:0 .35rem .5rem;padding:.6rem;font-size:.85rem;font-weight:600}.more-rows:hover{color:var(--text);border-color:var(--accent)}.meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:.3rem .55rem;font-size:.84rem;display:flex}.chip{background:var(--accent-soft);color:var(--accent);border-radius:999px;align-items:center;padding:.02rem .5rem;font-size:.74rem;font-weight:600;display:inline-flex}.pill,.status{background:var(--surface-2);color:var(--muted);border:1px solid var(--line);white-space:nowrap;border-radius:999px;flex:none;align-items:center;gap:.4rem;padding:.22rem .6rem;font-size:.74rem;font-weight:600;display:inline-flex}.pill:before,.status:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.pill.done,.status.done{color:var(--ok);background:var(--ok-soft);border-color:#6fd99a40}.pill.failed,.status.failed{color:var(--danger);background:var(--danger-soft);border-color:#ff7a6b40}.pill.running,.pill.starting,.pill.queued,.status.running,.status.starting,.status.queued{color:var(--accent);background:var(--accent-soft);border-color:#f5b94240}.pill.running:before,.pill.starting:before,.status.running:before,.status.starting:before{animation:1.2s ease-in-out infinite pulse}.detail{min-width:0}.job{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);min-width:0;box-shadow:var(--shadow);grid-template-columns:minmax(0,1fr);gap:1.25rem;padding:1.5rem;display:grid}.job header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.job-title{flex:1;align-items:flex-start;gap:.9rem;min-width:0;display:flex}.job-actions{flex:none;align-items:center;gap:.5rem;display:flex}.chip.neutral{background:var(--surface-3);color:var(--text-2)}.meta .status{padding:.1rem .55rem}.job-icon{background:var(--surface-3);width:48px;height:48px;color:var(--accent);border-radius:14px;flex:none;place-items:center;display:grid}.job-title>div{min-width:0}.job h2{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;margin:0 0 .3rem;font-size:1.25rem;display:-webkit-box;overflow:hidden}.job p{margin:0}.job .error{align-items:flex-start;gap:.5rem;display:flex}.back{justify-self:start;font-weight:600;display:none}.working{background:var(--bg-soft);border:1px solid var(--line);border-radius:12px;gap:.75rem;padding:1rem;display:grid}.hint{color:var(--muted);align-items:flex-start;gap:.5rem;margin:0;font-size:.85rem;display:flex}.hint .icon{margin-top:.15rem}.practice{background:linear-gradient(180deg, var(--surface-2), var(--bg-soft));border:1px solid var(--line-strong);border-radius:16px;grid-template-columns:minmax(0,1fr);gap:1.1rem;padding:1.2rem;display:grid}.transport{align-items:center;gap:1rem;display:flex}.transport .play{flex:none;width:56px;height:56px;padding:0}.scrub{flex:1;gap:.3rem;min-width:0;display:grid}.times{color:var(--muted);font-variant-numeric:tabular-nums;justify-content:space-between;font-size:.78rem;display:flex}input[type=range]{appearance:none;cursor:pointer;background:0 0;border:0;width:100%;height:22px;min-height:0;padding:0}input[type=range]:focus{box-shadow:none;outline:none}input[type=range]::-webkit-slider-runnable-track{background:var(--region,none), linear-gradient(90deg, var(--accent) var(--played,0%), var(--surface-3) var(--played,0%));border-radius:999px;height:6px}input[type=range]::-moz-range-track{background:var(--region,none), linear-gradient(90deg, var(--accent) var(--played,0%), var(--surface-3) var(--played,0%));border-radius:999px;height:6px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--text);border:0;border-radius:50%;width:16px;height:16px;margin-top:-5px;box-shadow:0 1px 4px #00000080}input[type=range]::-moz-range-thumb{background:var(--text);border:0;border-radius:50%;width:16px;height:16px}input[type=range]:focus-visible::-webkit-slider-thumb{outline:2px solid var(--accent);outline-offset:2px}input[type=range]:disabled{opacity:.4;cursor:not-allowed}.level input[type=range]{--played:var(--level,0%)}.mixer{flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;display:flex}.mixer .toggle{margin:0}.level{color:var(--text-2);flex:220px;gap:.2rem;font-size:.85rem;display:grid}.level strong{color:var(--text);font-variant-numeric:tabular-nums}.practice-tools{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:.75rem 1.5rem;padding-top:.9rem;display:flex}.field.inline{align-items:center;gap:.6rem;display:flex}.field.inline>span:first-child{color:var(--text-2);font-size:.85rem;font-weight:600}.field.inline select{width:auto;min-height:36px;padding-top:.3rem;padding-bottom:.3rem}.loop{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.loop-label{color:var(--text-2);align-items:center;gap:.35rem;margin-right:.25rem;font-size:.85rem;font-weight:600;display:inline-flex}.files{grid-template-columns:minmax(0,1fr);gap:.5rem;display:grid}.files h3{color:var(--text-2);margin:0 0 .25rem;font-size:.9rem}.file{background:var(--bg-soft);border:1px solid var(--line);border-radius:12px;justify-content:space-between;align-items:center;gap:1rem;padding:.65rem .85rem;font-size:.92rem;font-weight:500;display:flex}.files .bundle{justify-self:start;margin-top:.25rem}.downloads{gap:.4rem;display:flex}.downloads a{letter-spacing:.03em;color:var(--text-2);border:1px solid var(--line-strong);border-radius:999px;align-items:center;gap:.3rem;padding:.3rem .65rem;font-size:.75rem;font-weight:700;display:inline-flex}.downloads a:hover{color:var(--accent-ink);background:var(--accent);border-color:var(--accent)}.job-foot{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding-top:1rem;display:flex}.empty{text-align:center;border:1.5px dashed var(--line-strong);border-radius:var(--radius);background:var(--bg-soft);width:100%;color:var(--text);font:inherit;cursor:pointer;justify-items:center;gap:.6rem;padding:4rem 1rem;display:grid}.empty:hover{border-color:var(--accent)}.empty .icon-badge{width:56px;height:56px}dialog.sheet{border:1px solid var(--line-strong);background:var(--surface);width:min(680px,100vw - 32px);max-height:calc(100vh - 32px);color:var(--text);border-radius:20px;padding:0;box-shadow:0 40px 80px -20px #000c}dialog.sheet::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#050403b3}dialog.confirm{width:min(440px,100vw - 32px)}.confirm form{gap:.5rem;padding:1.5rem;display:grid}.confirm h2{overflow-wrap:anywhere;margin:0;font-size:1.2rem}.confirm p{margin:0 0 1rem;font-size:.92rem}.confirm-actions{flex-wrap:wrap;justify-content:flex-end;gap:.6rem;display:flex}.upload-progress{color:var(--text-2);gap:.5rem;font-size:.88rem;display:grid}.new-track form{display:grid}.new-track header{border-bottom:1px solid var(--line);background:var(--surface);z-index:1;justify-content:space-between;align-items:center;padding:1.2rem 1.4rem;display:flex;position:sticky;top:0}.new-track header h2{margin:0;font-size:1.2rem}.step{border:0;border-bottom:1px solid var(--line);grid-template-columns:auto minmax(0,1fr);gap:1rem;min-width:0;margin:0;padding:1.25rem 1.4rem;display:grid}.step h3{margin:.2rem 0 .8rem;font-size:1rem}.step legend{float:left;width:100%;padding:0}.step-n{background:var(--accent-soft);width:28px;height:28px;color:var(--accent);border:1px solid #f5b9424d;border-radius:50%;place-items:center;font-size:.85rem;font-weight:700;display:grid}.dropzone{text-align:center;border:1.5px dashed var(--line-strong);border-radius:var(--radius);background:var(--bg-soft);width:100%;min-height:150px;color:var(--muted);cursor:pointer;overflow-wrap:anywhere;font:inherit;place-items:center;gap:.6rem;padding:1.5rem 1rem;transition:border-color .15s,background .15s;display:grid;position:relative}.dropzone strong{color:var(--text)}.dropzone:hover{border-color:var(--accent);background:#f5b9420d}.dropzone.has-file{border-style:solid;border-color:#f5b94266}.formats{color:var(--muted);font-size:.78rem}.family{clear:both;gap:.4rem;margin-bottom:.9rem;display:grid}.family-name{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:.75rem;font-weight:700}.picks{flex-wrap:wrap;gap:.4rem;display:flex}.pick{border:1px solid var(--line-strong);background:var(--bg-soft);color:var(--text-2);cursor:pointer;border-radius:999px;align-items:center;padding:.45rem .85rem;font-size:.9rem;font-weight:500;transition:border-color .15s,background .15s,color .15s;display:inline-flex;position:relative}.pick:hover{color:var(--text);border-color:#fff4e64d}.pick.on{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:600}.pick input{opacity:0;width:1px;height:1px;position:absolute}.pick:focus-within{outline:2px solid var(--accent);outline-offset:2px}.new-track footer{background:var(--surface);border-top:1px solid var(--line);gap:.75rem;padding:1.2rem 1.4rem 1.4rem;display:grid;position:sticky;bottom:0}.new-track footer .button{width:100%}.field{gap:.45rem;display:grid}.field>span:first-child{font-size:.92rem;font-weight:600}select,input:not([type=file]):not([type=range]):not([type=radio]){border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:var(--bg-soft);width:100%;min-height:46px;color:var(--text);font:inherit;padding:.55rem .85rem;transition:border-color .15s}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23918a81' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .8rem center;background-repeat:no-repeat;padding-right:2.5rem}select:focus,input:not([type=file]):not([type=range]):not([type=radio]):focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.offer{border-radius:var(--radius);background:radial-gradient(80% 140% at 100% 0%, #f5a03c24, transparent 60%), var(--surface);border:1px solid #f5b94266;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1rem;padding:1rem 1.2rem;display:flex}.offer p{color:var(--text-2);flex:260px;margin:0}.legal{max-width:760px;color:var(--text-2)}.legal h1{color:var(--text);margin-top:2.5rem;font-size:clamp(2rem,4vw,2.6rem)}.legal h2{color:var(--text);margin-top:2rem;font-size:1.25rem}.stages{color:var(--muted);flex-wrap:wrap;gap:.4rem 1.1rem;margin:0;padding:0;font-size:.84rem;list-style:none;display:flex}.stages li{align-items:center;gap:.45rem;display:inline-flex}.stage-dot{border:1.5px solid var(--line-strong);width:18px;height:18px;color:var(--accent-ink);border-radius:50%;place-items:center;display:grid}.stages li.past{color:var(--text-2)}.stages li.past .stage-dot{background:var(--accent);border-color:var(--accent)}.stages li.now{color:var(--text);font-weight:600}.stages li.now .stage-dot{border-color:var(--accent);box-shadow:inset 0 0 0 3px var(--surface), inset 0 0 0 9px var(--accent);animation:1.4s ease-in-out infinite pulse}.working .notify{justify-self:start}.hint.ok{color:var(--ok)}.failed-box{background:var(--danger-soft);border:1px solid #ff7a6b4d;border-radius:12px;justify-items:start;gap:.6rem;padding:1rem 1.1rem;display:grid}.example-note{background:var(--accent-soft);border:1px solid #f5b9424d;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.1rem;display:flex}.example-note p{color:var(--text-2);flex:280px;margin:0;font-size:.92rem}.hint.foot{border-top:1px solid var(--line);padding-top:.9rem}.timeline{border-radius:10px;gap:4px;padding:6px 0;display:grid;position:relative}.timeline:focus-within{outline:2px solid var(--accent);outline-offset:3px}.lane{background:var(--bg-soft);border-radius:6px;height:34px;position:relative;overflow:hidden}.bars{align-items:center;gap:1px;padding:0 2px;display:flex;position:absolute;inset:0}.bars span{background:#3a352f;border-radius:1px;flex:1;min-width:1px}.lane-played{position:absolute;inset:0}.lane.accompaniment .lane-played .bars span{background:#b9b0a5}.lane.instrument .bars span{background:#f5b94247}.lane.instrument .lane-played .bars span{background:var(--accent)}.lane.muted .bars span,.lane.muted .lane-played .bars span{background:#2b2824}.lane-name{letter-spacing:.04em;text-transform:uppercase;color:var(--text-2);pointer-events:none;background:#0b0a09d1;border-radius:4px;padding:.05rem .4rem;font-size:.66rem;font-weight:700;position:absolute;top:50%;left:6px;transform:translateY(-50%)}.lane.muted .lane-name{color:var(--muted)}.timeline.loading .bars span{animation:1.6s ease-in-out infinite pulse}.playhead{background:var(--text);pointer-events:none;border-radius:1px;width:2px;margin-left:-1px;position:absolute;top:2px;bottom:2px;box-shadow:0 0 0 1px #0006}.loop-region{border-left:2px solid var(--accent);border-right:2px solid var(--accent);pointer-events:none;background:#f5b94224;position:absolute;top:0;bottom:0}.timeline input[type=range]{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.timeline input[type=range]::-webkit-slider-thumb{width:2px;height:60px}.timeline input[type=range]::-moz-range-thumb{width:2px;height:60px}.button.set{color:var(--accent);border-color:#f5b94280}.keys{color:var(--muted);align-items:center;gap:.45rem;margin:0 0 0 auto;font-size:.78rem;display:inline-flex}.studio.first-run:not(.has-selection) .library{display:none}.studio.first-run:not(.has-selection) .studio-body{grid-template-columns:minmax(0,1fr)}.welcome{background:radial-gradient(70% 90% at 100% 0%, #f5a03c1f, transparent 60%), var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:clamp(1.4rem,4vw,2.5rem)}.welcome .eyebrow{margin-bottom:1rem}.welcome h2{font-size:clamp(1.5rem,3vw,2rem)}.welcome .lead{font-size:1.02rem}.welcome .actions{margin:1.5rem 0 0}.welcome-steps{counter-reset:step;border-top:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;margin:2rem 0 0;padding:1.5rem 0 0;list-style:none;display:grid}.welcome-steps li{counter-increment:step;color:var(--muted);align-content:start;gap:.25rem;font-size:.88rem;display:grid}.welcome-steps li:before{content:counter(step);background:var(--accent-soft);width:26px;height:26px;color:var(--accent);border-radius:50%;place-items:center;margin-bottom:.35rem;font-size:.8rem;font-weight:700;display:grid}.welcome-steps strong{color:var(--text);font-size:.95rem}.bone{background:linear-gradient(90deg, var(--surface-2) 25%, var(--surface-3) 50%, var(--surface-2) 75%);background-size:200% 100%;border-radius:8px;animation:1.4s ease-in-out infinite shimmer;display:block}.bone.title{width:140px;height:30px;margin-bottom:.6rem}.bone.line{width:320px;max-width:70vw;height:14px}.bone.line.wide{width:60%;height:22px}.bone.button{border-radius:999px;width:150px;height:44px}.bone.row-bone{height:18px;margin:1rem}.bone.block{border-radius:14px;height:260px}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.loading{justify-items:center;gap:1rem;display:grid}.spinner{border:3px solid var(--surface-3);border-top-color:var(--accent);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.not-found{justify-items:center;gap:.25rem;display:grid}.not-found .code{letter-spacing:.12em;color:var(--accent);font-size:.85rem;font-weight:700}.not-found h1{font-size:clamp(1.8rem,4vw,2.6rem)}.not-found .actions{justify-content:center;margin-top:1rem}.toasts{z-index:60;pointer-events:none;gap:.6rem;width:min(420px,100vw - 32px);display:grid;position:fixed;bottom:20px;right:20px}.toast{pointer-events:auto;background:var(--surface-3);border:1px solid var(--line-strong);border-radius:14px;align-items:center;gap:.7rem;padding:.75rem .6rem .75rem 1rem;font-size:.92rem;animation:.2s ease-out rise;display:flex;box-shadow:0 20px 40px -14px #000000d9}.toast>span{overflow-wrap:anywhere;flex:1;min-width:0}.toast.ok>.icon{color:var(--ok)}.toast.error>.icon{color:var(--danger)}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}@media (prefers-reduced-motion:reduce){.bone,.spinner,.toast,.stages li.now .stage-dot,.timeline.loading .bars span{animation:none}}@media (width<=960px){.hero{grid-template-columns:minmax(0,1fr);gap:2.5rem;padding-top:3rem}.why{grid-template-columns:minmax(0,1fr);gap:1.5rem}.steps,.footer-inner{grid-template-columns:minmax(0,1fr)}.footer nav{justify-content:flex-start}.studio-body{grid-template-columns:minmax(0,1fr)}.library{max-height:none;position:static}.studio.has-selection .library,.studio.has-selection .studio-top,.studio:not(.has-selection):not(.first-run) .detail{display:none}.back{display:inline-flex}}@media (width<=760px){.section{padding-top:3.5rem}.job{padding:1.1rem}.practice{padding:1rem}.usage-actions{justify-content:flex-start}.topnav .button{padding:.5rem .85rem}}@media (width<=560px){.wide-only{display:none!important}.page,.topbar{padding-left:16px;padding-right:16px}.player{border-radius:18px;padding:1rem}.wave{height:84px}.closing{border-radius:18px}.welcome-steps{grid-template-columns:minmax(0,1fr)}.welcome .actions .button{width:100%}.job header{flex-wrap:wrap}.job-title{flex-basis:100%}.job-icon{display:none}.job-actions{width:100%}.job-actions .menu-box:first-child{flex:1}.job-actions .menu-box:first-child>.button{width:100%}.toasts{bottom:16px;right:16px}.confirm-actions .button{flex:1}.mixer .toggle{grid-template-columns:repeat(3,minmax(0,1fr));width:100%;display:grid}.mixer .toggle button{text-align:center;justify-content:center;padding:.4rem .5rem;font-size:.85rem;line-height:1.2}}