@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/space-grotesk-vietnamese-400-normal-B7xT_GF5.woff2)format("woff2"),url(/assets/space-grotesk-vietnamese-400-normal-BIWiOVfw.woff)format("woff");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:Space Grotesk;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/space-grotesk-latin-ext-400-normal-CfP_5XZW.woff2)format("woff2"),url(/assets/space-grotesk-latin-ext-400-normal-DRPE3kg4.woff)format("woff");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:Space Grotesk;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/space-grotesk-latin-400-normal-CJ-V5oYT.woff2)format("woff2"),url(/assets/space-grotesk-latin-400-normal-BnQMeOim.woff)format("woff");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}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/space-grotesk-vietnamese-500-normal-BmEvtly_.woff2)format("woff2"),url(/assets/space-grotesk-vietnamese-500-normal-BTqKIpxg.woff)format("woff");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:Space Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/space-grotesk-latin-ext-500-normal-DUe3BAxM.woff2)format("woff2"),url(/assets/space-grotesk-latin-ext-500-normal-3dgZTiw9.woff)format("woff");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:Space Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/space-grotesk-latin-500-normal-lFbtlQH6.woff2)format("woff2"),url(/assets/space-grotesk-latin-500-normal-CNSSEhBt.woff)format("woff");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}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/space-grotesk-vietnamese-600-normal-DUi7WF5p.woff2)format("woff2"),url(/assets/space-grotesk-vietnamese-600-normal-D6zpsUhD.woff)format("woff");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:Space Grotesk;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/space-grotesk-latin-ext-600-normal-DxxdqCpr.woff2)format("woff2"),url(/assets/space-grotesk-latin-ext-600-normal-VcznFIpX.woff)format("woff");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:Space Grotesk;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/space-grotesk-latin-600-normal-DjKNqYRj.woff2)format("woff2"),url(/assets/space-grotesk-latin-600-normal-BflQw4A9.woff)format("woff");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}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/space-grotesk-vietnamese-700-normal-DMty7AZE.woff2)format("woff2"),url(/assets/space-grotesk-vietnamese-700-normal-Duxec5Rn.woff)format("woff");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:Space Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/space-grotesk-latin-ext-700-normal-BQnZhY3m.woff2)format("woff2"),url(/assets/space-grotesk-latin-ext-700-normal-HVCqSBdx.woff)format("woff");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:Space Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/space-grotesk-latin-700-normal-RjhwGPKo.woff2)format("woff2"),url(/assets/space-grotesk-latin-700-normal-CwsQ-cCU.woff)format("woff");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{color:#281633;font-synthesis:none;--ink:#281633;--muted:#74627f;--accent:#7429a7;--pink:#e768ab;--line:#e3d7e9;--surface:#fffcff;background:#faf7fc;font-family:Space Grotesk,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{border:1px solid var(--line);color:inherit;cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:8px 14px;font-size:13px;font-weight:500;transition:background .15s,transform .12s;display:inline-flex}button:hover:not(:disabled){background:#f1e5f6}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.45;cursor:not-allowed}:where(button,a,input,select,textarea):focus-visible{outline-offset:3px;outline:3px solid #a137b1}a{color:inherit;text-decoration:none}input,select{accent-color:var(--accent)}header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;max-width:1256px;height:80px;margin:auto;padding:0 48px;display:flex}.wordmark{letter-spacing:-1.2px;align-items:center;gap:12px;min-height:44px;font-size:26px;font-weight:700;display:flex}.brand-icon{background:var(--accent);color:#ffc4e4;border-radius:9px;place-items:center;width:36px;height:36px;display:grid}.header-note{color:var(--muted);font-size:12px}main{max-width:1256px;margin:auto;padding:0 48px}h1{margin:0;font-weight:600;line-height:1.12}.eyebrow{letter-spacing:1.5px;color:var(--accent);margin:0 0 14px;font-size:11px;font-weight:600}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.generator-main{max-width:1256px;padding-bottom:48px}.generator-back{align-items:center;gap:8px;min-height:44px;font-size:12px;display:inline-flex}.generator-intro{padding:48px 0 32px}.generator-intro>p:last-child{color:var(--muted);max-width:580px;margin:16px 0 0;font-size:14px;line-height:1.6}.generator-form{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 0}.generator-form label{flex-direction:column;gap:9px;font-size:12px;font-weight:500;display:flex}.generator-form input,.generator-form select{background:var(--surface);height:44px;color:var(--ink);border:1px solid #d9c5e3;border-radius:5px;min-width:0;padding:0 12px}.generator-prompt input{width:100%;font-size:16px}.generator-settings{align-items:end;gap:16px;margin-top:20px;display:flex}.generator-number{align-items:center;display:flex;position:relative}.generator-number input{width:125px;padding-right:44px}.generator-number>span{color:var(--muted);pointer-events:none;font-size:10px;position:absolute;right:12px}.generator-number input::-webkit-inner-spin-button{-webkit-appearance:none}.generator-settings button{min-height:44px;margin-left:auto;padding:0 20px}.generator-primary{background:var(--accent);color:#fffcff;border-color:var(--accent)}.generator-primary:hover:not(:disabled){background:#602087}.generator-toolbar{justify-content:space-between;align-items:center;gap:16px;padding:28px 0 20px;display:flex}.generator-toolbar h2{letter-spacing:-.4px;margin:0;font-size:17px;font-weight:600}.generator-toolbar p{color:var(--muted);margin:8px 0 0;font-size:12px;line-height:1.5}.generator-actions{gap:8px;display:flex}.generator-actions button{min-height:44px}.generator-grid-scroll{width:100%;padding-bottom:8px}.generator-grid{gap:2px;min-width:0;display:grid}.generator-grid-row{display:contents}.generator-row-label{z-index:2;background:#faf7fc;align-items:center;font-size:11px;font-weight:500;display:flex;position:sticky;left:0}.generator-corner{letter-spacing:.5px;color:var(--muted);font-size:8px}.generator-step-number{text-align:center;color:var(--muted);font-variant-numeric:tabular-nums;padding:8px 0;font-size:10px}.generator-cell{background:#f0e6f5;border:1px solid #e3d7e9;border-radius:4px;justify-content:center;min-width:0;height:40px;min-height:40px;padding:0}.generator-cell.beat-start{border-left:2px solid #bc8dd1}.generator-cell.unmade{background:#f6eff9}.generator-cell.on{background:color-mix(in srgb, #c34995 calc(var(--strength) * 75%), #f5def0);border-color:#ca82b3}.generator-cell.on span{width:4px;height:calc(5px + var(--strength) * 20px);background:#571b63;border-radius:2px;display:block}.generator-cell.current{outline-offset:-2px;outline:2px solid #571b63}.generator-step-number.current{background:var(--ink);color:#fff;border-radius:4px}.generator-cell:disabled{opacity:1}.generator-cell:focus-visible{z-index:3;position:relative}.generator-foot{color:var(--muted);font-variant-numeric:tabular-nums;justify-content:space-between;gap:12px;margin-top:12px;font-size:10px;line-height:1.5;display:flex}.generator-message{color:#6b4378;min-height:20px;margin-top:18px;font-size:12px;line-height:1.6}.generator-progress{accent-color:#c34995;border:0;width:100%;height:3px;margin-top:16px;display:block}.generator-progress::-webkit-progress-bar{background:var(--line)}.generator-progress::-webkit-progress-value{background:#c34995}@media (width<=600px){.generator-main{padding:0 20px 32px}.generator-app header{padding:0 20px}.generator-app .version{display:none}.generator-back{font-size:11px}.generator-intro{padding-top:32px}.generator-intro h1{font-size:34px}.generator-settings{flex-wrap:wrap;gap:12px}.generator-settings>label{flex:1}.generator-number input{width:100%}.generator-settings button{width:100%;margin-top:4px}.generator-toolbar{flex-direction:column;align-items:start}.generator-actions{width:100%}.generator-actions button{flex:1}.generator-cell{min-width:0;min-height:44px}.generator-foot{flex-direction:column;gap:4px}}.generator-resume{min-height:44px;margin-top:16px}.header-right>a.text-button{white-space:nowrap;align-items:center;min-height:44px;display:inline-flex}@media (width<=480px){.app header{flex-wrap:wrap;gap:0 12px;height:auto;min-height:72px;padding-bottom:4px}.app .header-right{gap:12px}.app .header-right button{margin-left:0}}.generator-bars{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.generator-bars button{min-height:44px;padding:0 12px;font-size:12px}.generator-bars button[aria-current=page]{background:var(--ink);color:var(--surface);border-color:var(--ink)}.generator-direction{color:var(--muted);margin:0 0 16px;font-size:12px;line-height:1.6}.generator-cell.on span{max-width:70%;animation:.18s ease-out note-arrive}@keyframes note-arrive{0%{opacity:0;transform:scaleY(.5)}to{opacity:1;transform:scaleY(1)}}@media (prefers-reduced-motion:reduce){.generator-cell.on span{animation:none}}.generator-live-controls{color:#6b4378;flex-wrap:wrap;align-items:center;gap:16px;margin-top:18px;font-size:12px;display:flex}.generator-form .generator-click-toggle{flex-direction:row;align-items:center;gap:8px;min-height:44px}.generator-click-toggle input{accent-color:#c34995;width:16px;height:16px}.generator-live-controls button{min-height:44px;font-size:12px}.generator-settings{flex-wrap:wrap}.generator-settings>label{min-width:0}.generator-bars button[aria-current=page]{background:var(--accent);border-color:var(--accent);color:#fff}.generator-form select{font-size:16px}.generator-grid-scroll{overflow-x:auto}.generator-intro h1{letter-spacing:-2px;font-size:44px}.generator-settings>.generator-direction{align-self:center;margin:0}@media (width<=899px){.generator-main{padding:0 24px 32px}.generator-app header{padding:0 24px}.generator-settings{grid-template-columns:1fr 1fr;gap:16px 12px;display:grid}.generator-settings>label:nth-child(3){grid-column:1/-1}.generator-settings>button{width:100%;margin:0}.generator-settings>.generator-primary{grid-column:1/-1}.generator-number input{width:100%}.generator-cell{height:48px;min-height:48px}.generator-bars button{flex:1;min-width:52px}.generator-settings>.generator-direction{grid-column:1/-1}.generator-intro h1{letter-spacing:-1.5px;font-size:36px}}@media (width<=400px){.generator-main,.generator-app header{padding-left:16px;padding-right:16px}.header-note{text-align:right;max-width:115px;line-height:1.5}.generator-bars{gap:4px}.generator-bars button{padding:0 8px}}@media (width<=899px){.generator-bars[aria-label="Beats within bar"]{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}}.generator-form textarea{font:inherit;resize:vertical;background:var(--surface);width:100%;min-height:72px;color:var(--ink);border:1px solid #d9c5e3;border-radius:8px;padding:12px;font-size:16px;line-height:1.5}.generator-app .generator-bars button[aria-current=page]{background:var(--accent);color:#fff;border-color:var(--accent)}.generator-amend .generator-settings{justify-content:flex-start}.generator-amend .generator-settings button{margin-left:0}