.ai-notebook{--ai-notebook-paper:#f5f1e8;--ai-notebook-ink:#242520;--ai-notebook-muted:#666359;--ai-notebook-line:#cec9bc;--ai-notebook-red:#b92f23;--ai-notebook-mono:"SFMono-Regular", Consolas, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--ai-notebook-ink);background:var(--ai-notebook-paper);border-block:1px solid var(--ai-notebook-line);isolation:isolate;max-width:1440px;margin-inline:auto;padding:20px clamp(16px,3vw,42px) 12px;font:14px/1.6 Manrope,PingFang SC,Microsoft YaHei,sans-serif}.ai-notebook *,.ai-notebook :before,.ai-notebook :after{box-sizing:border-box}.ai-notebook :is(h2,h3,p){color:inherit;margin:0}.ai-notebook :is(button,input,a){font:inherit;color:inherit}.ai-notebook button{cursor:pointer;min-height:40px;box-shadow:none;letter-spacing:normal;border-radius:2px}.ai-notebook :is(button,a,input):focus-visible{outline:2px solid var(--ai-notebook-red);outline-offset:3px}.ai-notebook button{transition:background-color .16s,color .16s,border-color .16s}.ai-notebook button:hover{background-color:#e8e2d5}.ai-notebook button[aria-pressed=true]{border-color:var(--ai-notebook-red)}.ai-notebook :is(a,button) svg{flex-shrink:0}.ai-notebook-masthead{border-bottom:1px solid var(--ai-notebook-ink);font:12px/1.6 var(--ai-notebook-mono);letter-spacing:.04em;justify-content:space-between;gap:16px;padding-bottom:14px;display:flex}.ai-notebook-masthead>span:last-child{align-items:center;gap:9px;display:flex}.ai-notebook-masthead i{background:var(--ai-notebook-red);border-radius:50%;width:6px;height:6px}.ai-notebook-layout{grid-template-columns:minmax(0,35fr) minmax(0,65fr);display:grid}.ai-notebook-copy{min-width:0;padding:26px 28px 20px 0}.ai-notebook-kicker{font:12px/1.6 var(--ai-notebook-mono);color:var(--ai-notebook-red)!important;margin-bottom:12px!important}.ai-notebook h2{letter-spacing:-.04em;font-size:clamp(28px,3vw,42px);font-weight:600;line-height:1.3}.ai-notebook-intro{max-width:32em;font-size:14px;line-height:1.85;color:var(--ai-notebook-muted)!important;margin:14px 0 24px!important}.ai-notebook-step{flex-wrap:wrap;align-items:center;gap:8px;min-height:28px;display:flex}.ai-notebook-step>span:first-child{font:12px/1.5 var(--ai-notebook-mono);color:var(--ai-notebook-red)}.ai-notebook h3{letter-spacing:.02em;font-size:14px;font-weight:600}.ai-notebook-step>span:last-child:not(:first-child){color:var(--ai-notebook-muted);font-size:12px}.ai-notebook-scenes{border-top:1px solid var(--ai-notebook-line);margin:8px 0 14px}.ai-notebook-scenes button{border:0;border-bottom:1px solid var(--ai-notebook-line);text-align:left;background:0 0;align-items:center;gap:10px;width:100%;min-height:46px;padding:10px 8px;font-size:14px;display:flex}.ai-notebook-scenes button[aria-pressed=true]{color:var(--ai-notebook-red);border-bottom-color:var(--ai-notebook-red);background:#e9e2d6}.ai-notebook-scene-no{font:12px/1.6 var(--ai-notebook-mono);color:var(--ai-notebook-muted)}.ai-notebook-scenes svg{margin-left:auto}.ai-notebook-prompt{border-left:2px solid var(--ai-notebook-red);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffcf6a6;height:132px;padding:12px 14px}.ai-notebook-label{color:var(--ai-notebook-muted);font-size:12px}.ai-notebook-prompt p{margin-top:7px;font-size:14px;line-height:1.8}.ai-notebook-prompt+.ai-notebook-step{margin-top:18px}.ai-notebook-scope{flex-wrap:wrap;align-content:flex-start;align-items:flex-start;gap:6px;min-height:66px;margin-top:8px;display:flex}.ai-notebook-scope>span{font:12px/1.6 var(--ai-notebook-mono);border:1px solid var(--ai-notebook-line);border-radius:2px;align-items:center;gap:5px;padding:4px 7px;display:inline-flex}.ai-notebook-scope>span:first-child{background:var(--ai-notebook-ink);border-color:var(--ai-notebook-ink);color:var(--ai-notebook-paper)}.ai-notebook-boundary{height:46px;font-size:12px;line-height:1.8;color:var(--ai-notebook-muted)!important;margin-top:8px!important}.ai-notebook-presets{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.ai-notebook-presets button{border:1px solid var(--ai-notebook-line);background:0 0;justify-content:center;align-items:center;gap:6px;padding:7px 11px;font-size:12px;display:inline-flex}.ai-notebook-presets button[aria-pressed=true]{color:#92271e;background:#f0dcd4}.ai-notebook-preset-note{font-size:12px;color:var(--ai-notebook-muted)!important;margin-top:6px!important}.ai-notebook-desk{border-left:1px solid var(--ai-notebook-line);min-width:0;padding-left:24px}.ai-notebook-desk-heading{justify-content:space-between;align-items:center;gap:10px;min-height:58px;display:flex}.ai-notebook-desk-heading>span{font:12px/1.5 var(--ai-notebook-mono);color:var(--ai-notebook-muted)}.ai-notebook-candidates{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.ai-notebook-candidates button{border:1px solid var(--ai-notebook-line);text-align:left;background:#f9f6ef;flex-direction:column;justify-content:space-between;align-items:stretch;min-width:0;height:104px;padding:10px 12px;display:flex}.ai-notebook-candidates button[aria-pressed=true]{background:var(--ai-notebook-ink);color:var(--ai-notebook-paper);box-shadow:inset 0 2px var(--ai-notebook-red)}.ai-notebook-candidates button[aria-pressed=true]:hover{background:#38382f}.ai-notebook-take{justify-content:space-between;align-items:center;gap:3px;display:flex}.ai-notebook-take b{font:16px/1.2 var(--ai-notebook-mono)}.ai-notebook-take>span,.ai-notebook-candidates button>span:last-child{font-size:12px}.ai-notebook-take>span{opacity:.78}.ai-notebook-candidates strong{font-size:14px;font-weight:600;line-height:1.5}.ai-notebook-description{height:88px;padding:13px 0;animation:.22s ease-out ai-notebook-reveal}.ai-notebook-description p{font-size:14px;line-height:1.7}.ai-notebook-description>span{color:var(--ai-notebook-muted);align-items:center;gap:7px;margin-top:4px;font-size:12px;line-height:1.7;display:flex}.ai-notebook-description svg{flex-shrink:0}.ai-notebook-score{border:1px solid var(--ai-notebook-line);background:#fbf9f3;height:292px}.ai-notebook-ruler{border-bottom:1px solid var(--ai-notebook-line);height:28px;font:12px/1.4 var(--ai-notebook-mono);color:var(--ai-notebook-muted);grid-template-columns:66px minmax(0,1fr);align-items:center;display:grid}.ai-notebook-ruler>span{text-align:center;font-size:12px}.ai-notebook-ruler>div{grid-template-columns:repeat(4,minmax(0,1fr));height:100%;display:grid}.ai-notebook-ruler>div>span{border-left:1px solid var(--ai-notebook-line);padding:6px 8px}.ai-notebook-piano{grid-template-columns:66px minmax(0,1fr);height:234px;display:grid}.ai-notebook-pitches{border-right:1px solid var(--ai-notebook-line);flex-direction:column;display:flex}.ai-notebook-pitches>span{font:12px/1 var(--ai-notebook-mono);border-bottom:1px solid #e8e3d8;flex:1;align-items:center;padding-left:8px;display:flex}.ai-notebook-notes{min-width:0;height:234px;animation:.22s ease-out ai-notebook-reveal}.ai-notebook-notes svg{width:100%;height:100%;display:block}.ai-notebook-row{fill:#fbf9f3;stroke:#e8e3d8;stroke-width:.5px;vector-effect:non-scaling-stroke}.ai-notebook-row-dark{fill:#f0ece3}.ai-notebook-beatline{stroke:#dcd6ca;stroke-width:.5px;vector-effect:non-scaling-stroke}.ai-notebook-barline{stroke:#a7a294;stroke-width:1px;vector-effect:non-scaling-stroke}.ai-notebook-note{fill:var(--ai-notebook-red)}.ai-notebook-grid-caption{border-top:1px solid var(--ai-notebook-line);height:28px;color:var(--ai-notebook-muted);justify-content:space-between;align-items:center;gap:6px;padding:3px 8px;font-size:12px;display:flex}.ai-notebook-transport{flex-direction:column;justify-content:center;gap:6px;min-height:112px;padding:10px 0;display:flex}.ai-notebook-voice{align-items:center;gap:5px;display:flex}.ai-notebook-voice>span{color:var(--ai-notebook-muted);margin-right:6px;font-size:12px}.ai-notebook-voice button{border:1px solid var(--ai-notebook-line);background:0 0;padding:6px 14px;font-size:12px}.ai-notebook-voice button[aria-pressed=true]{color:#92271e;background:#f0dcd4}.ai-notebook-playback{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.ai-notebook-play{background:var(--ai-notebook-red);border:1px solid var(--ai-notebook-red);justify-content:center;align-items:center;gap:7px;min-width:122px;padding:9px 15px;display:inline-flex;color:#fff!important;font-size:13px!important}.ai-notebook-play:hover{background:#98261d!important}.ai-notebook-loop{cursor:pointer;align-items:center;gap:6px;min-height:40px;font-size:12px;display:inline-flex}.ai-notebook-loop input{width:17px;height:17px;accent-color:var(--ai-notebook-red);margin:0}.ai-notebook-duration{font:12px/1.5 var(--ai-notebook-mono);color:var(--ai-notebook-muted)}.ai-notebook-export{border-block:1px solid var(--ai-notebook-line);justify-content:space-between;align-items:center;gap:10px;min-height:65px;padding-block:10px;display:flex}.ai-notebook-export .ai-notebook-step{gap:7px}.ai-notebook-export button{border:1px solid var(--ai-notebook-ink);background:0 0;flex-shrink:0;justify-content:center;align-items:center;gap:7px;padding:8px 12px;font-size:12px;display:inline-flex}.ai-notebook-status{min-height:54px;padding:9px 0;font-size:12px;line-height:1.7;color:var(--ai-notebook-muted)!important}.ai-notebook-footer{border-top:1px solid var(--ai-notebook-ink);justify-content:space-between;align-items:center;gap:18px;padding-top:8px;display:flex}.ai-notebook-footer p{max-width:57em;color:var(--ai-notebook-muted);font-size:12px;line-height:1.8}.ai-notebook-footer>div{flex-wrap:wrap;flex-shrink:0;gap:14px;display:flex}.ai-notebook-footer a{align-items:center;gap:5px;min-height:40px;font-size:12px;text-decoration:none;display:inline-flex}.ai-notebook-footer a:hover{color:var(--ai-notebook-red);text-underline-offset:4px;text-decoration:underline}@keyframes ai-notebook-reveal{0%{opacity:.45}to{opacity:1}}@media (max-width:1000px){.ai-notebook-copy{padding-right:18px}.ai-notebook-desk{padding-left:18px}.ai-notebook-candidates button{padding-inline:9px}.ai-notebook-take>span{display:none}.ai-notebook-description{height:106px}.ai-notebook-prompt{height:156px}.ai-notebook-export .ai-notebook-step>span:last-child{display:none}.ai-notebook-footer{align-items:flex-start}}@media (max-width:760px){.ai-notebook{padding-top:14px}.ai-notebook-masthead{flex-wrap:wrap;gap:8px}.ai-notebook-layout{grid-template-columns:minmax(0,1fr)}.ai-notebook-copy{padding:22px 0 18px}.ai-notebook h2{font-size:32px}.ai-notebook-intro{max-width:none;margin-bottom:16px!important}.ai-notebook-prompt{height:114px}.ai-notebook-desk{border-left:0;border-top:1px solid var(--ai-notebook-ink);padding-left:0}.ai-notebook-candidates button{height:108px;padding:10px 8px}.ai-notebook-candidates{gap:5px}.ai-notebook-description{height:112px}.ai-notebook-description>span{align-items:flex-start}.ai-notebook-description svg{margin-top:3px}.ai-notebook-grid-caption{flex-wrap:wrap;align-content:center;gap:0 12px;height:48px}.ai-notebook-score{height:312px}.ai-notebook-ruler,.ai-notebook-piano{grid-template-columns:60px minmax(0,1fr)}.ai-notebook-pitches>span{padding-left:5px}.ai-notebook-playback{gap:10px}.ai-notebook-transport{min-height:118px}.ai-notebook-export{flex-direction:column;align-items:flex-start;gap:5px}.ai-notebook-export .ai-notebook-step>span:last-child{display:inline}.ai-notebook-export button{width:100%}.ai-notebook-status{min-height:72px}.ai-notebook-footer{flex-direction:column;gap:4px}}@media (prefers-reduced-motion:reduce){.ai-notebook *,.ai-notebook :before,.ai-notebook :after{transition:none!important;animation:none!important}}