.jianpu-panel{margin:16px 0;min-width:0}.jianpu-fullscreen-dialog{position:fixed;inset:0;width:100%;max-width:none;height:100%;height:100dvh;max-height:none;margin:0;padding:0;border:0;background:var(--paper);color:var(--text)}.jianpu-fullscreen-dialog::backdrop{background:var(--paper)}.jianpu-panel-fullscreen{display:flex;flex-direction:column;width:100%;height:100%;margin:0;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));overflow:auto;background:var(--paper);color:var(--text)}.jianpu-fullscreen-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.jianpu-fullscreen-header h2{margin:0;font-size:16px;overflow-wrap:anywhere}.jianpu-fullscreen-header .button,.jianpu-panel-fullscreen>:not(.jianpu-paper){flex-shrink:0}.jianpu-panel-fullscreen>.converter-help{display:none}.jianpu-panel-fullscreen .jianpu-paper{flex:1 0 160px;min-height:160px}.score-download-choice{min-width:0}.score-download-choice>label{display:flex;flex-direction:column;gap:6px;margin-bottom:10px;font-size:12px}.score-download-choice select{width:100%;min-height:40px;padding:8px;background:var(--paper);color:var(--text);border:1px solid var(--line);border-radius:8px}.score-download-choice .converter-help{max-width:280px}.jianpu-actions,.jianpu-controls,.jianpu-pagination{display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px;margin:12px 0}.jianpu-controls label,.jianpu-pagination label{display:flex;align-items:center;gap:7px;font-size:12px}.jianpu-controls select,.jianpu-pagination select{background:var(--paper);color:var(--text);border:1px solid var(--line);border-radius:6px;padding:8px;max-width:100%}.jianpu-controls input{width:auto}.jianpu-actions>span{color:var(--muted);font-size:12px}.jianpu-paper{max-width:100%;overflow:auto;border:1px solid var(--line);border-radius:8px;background:white}.jianpu-paper>svg{display:block;width:var(--jianpu-page-width,100%);min-width:0;max-width:none;height:auto}.jianpu-paper g[role=button]:focus-visible{outline:2px solid #30694f;outline-offset:3px}.jianpu-pagination{justify-content:center}@media (max-width:540px){.jianpu-controls select,.jianpu-pagination select{min-height:44px;font-size:16px}.jianpu-actions .button{min-height:44px}}.creation-workspace{position:fixed;inset:0;z-index:200;background:var(--paper-soft);color:var(--text);display:flex;flex-direction:column;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);overscroll-behavior:none;isolation:isolate}.creation-workspace *{box-sizing:border-box}.creation-workspace button,.creation-workspace input,.creation-workspace select{font:inherit}.creation-workspace button{cursor:pointer}.creation-workspace button:disabled{cursor:default;opacity:.45}.creation-workspace button:not(.button):not(.icon-button):not(.workspace-note):not(.creation-handpan-key):not(.track-editor button):not(.track-menu button){border:1px solid var(--line);border-radius:7px;background:var(--paper);color:var(--text);padding:7px 10px;min-height:34px}.creation-workspace button[aria-pressed=true]:not(.workspace-note):not(.creation-handpan-key):not(.track-editor button):not(.track-menu button){background:var(--green)!important;color:var(--on-accent)!important}.creation-workspace input,.creation-workspace select{min-width:0;max-width:100%;border:1px solid var(--line);border-radius:6px;padding:6px;background:var(--paper);color:var(--text)}.creation-workspace{--canvas-top:90px;--keys-height:244px;--keys-bottom:112px;--canvas-bottom:calc(var(--keys-bottom) + var(--keys-height) + 12px);--dock-shadow:0 2px 10px color-mix(in srgb,var(--text) 4%,transparent)}.creation-header{position:absolute;top:max(16px,env(safe-area-inset-top));left:max(16px,env(safe-area-inset-left));right:max(16px,env(safe-area-inset-right));display:flex;justify-content:space-between;align-items:flex-start;gap:12px;pointer-events:none;z-index:20}.creation-header-actions,.creation-identity{display:flex;align-items:center;gap:8px;pointer-events:auto}.creation-bpm-toggle{white-space:nowrap;font-size:12px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.creation-tempo-form{display:grid;gap:12px}.creation-tempo-form p{font-size:12px;line-height:1.7;color:var(--muted)}.creation-handpan-key{touch-action:none}.creation-identity{width:300px;min-width:0}.creation-title{min-width:0;flex:1 1;display:flex;flex-direction:column;gap:3px}.creation-title input{width:100%;border-color:transparent;font-weight:600;background:transparent}.creation-title span{font-size:10px;color:var(--muted);padding-left:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.creation-body{position:absolute;inset:0}.creation-main,.workspace-canvas{min-width:0;min-height:0}.creation-footer,.creation-keys,.creation-panel,.creation-selection,.workspace-navigation,.workspace-options,.workspace-tools{background:var(--paper);border:1px solid var(--line);border-radius:14px;box-shadow:var(--dock-shadow)}.workspace-tools{position:absolute;top:max(16px,env(safe-area-inset-top));bottom:auto;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:6px;padding:6px;z-index:21}.workspace-tool-group{display:flex;gap:4px}.creation-workspace button{display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;touch-action:manipulation}.creation-workspace button svg{flex-shrink:0}.workspace-tools button{border-color:transparent!important}.workspace-options-toggle{display:inline-flex;border-left:1px solid var(--line)!important}.workspace-options{position:absolute;top:calc(100% + 10px);right:0;padding:14px;width:280px;display:none;gap:12px}.workspace-options.open{display:flex;flex-direction:column}.workspace-options label{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px}.workspace-options select{width:160px}.workspace-scroll{position:absolute;top:var(--canvas-top);bottom:var(--canvas-bottom);left:max(16px,env(safe-area-inset-left));right:max(16px,env(safe-area-inset-right));min-height:0;min-width:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;touch-action:none;border:1px solid var(--line);border-radius:12px;background:var(--paper)}.has-panel .creation-notation,.has-panel .workspace-scroll{right:320px}.workspace-sheet{position:relative;min-width:100%}.workspace-ruler{height:34px;position:sticky;top:0;z-index:5;background:var(--surface-subtle);border-bottom:1px solid var(--line);touch-action:none;cursor:ew-resize;-webkit-user-select:none;user-select:none}.workspace-ruler span{position:absolute;white-space:nowrap;padding:7px 4px;border-left:1px solid var(--line-strong);font-size:11px}.workspace-playhead-handle{--head-color:var(--text);position:absolute;top:0;bottom:-1px;width:28px;margin-left:-13px;z-index:1;touch-action:none;cursor:ew-resize}.workspace-playhead-handle.is-entry{--head-color:var(--green);z-index:2}.workspace-playhead-handle:before{content:"";position:absolute;top:4px;left:9px;width:10px;height:18px;border-radius:2px;background:var(--head-color);box-shadow:0 0 0 1px var(--paper)}.workspace-playhead-handle:after{content:"";position:absolute;top:22px;bottom:0;left:13px;width:2px;background:var(--head-color)}.workspace-lane-labels{position:sticky;left:0;width:52px;z-index:4;background:var(--surface-subtle);border-right:1px solid var(--line);-webkit-user-select:none;user-select:none}.workspace-lane-labels span{display:flex;align-items:center;justify-content:center;font-size:12px;border-bottom:1px solid var(--line)}.workspace-notes{position:absolute;top:34px;left:52px;right:0;touch-action:none;-webkit-user-select:none;user-select:none;background-image:linear-gradient(to bottom,transparent calc(100% - 1px),var(--line) calc(100% - 1px))}.workspace-notes.tool-browse{cursor:grab}.workspace-notes.tool-write{cursor:crosshair}.workspace-bar-line,.workspace-grid-line{position:absolute;top:0;bottom:0;width:1px;background:var(--line);opacity:.6;pointer-events:none}.workspace-bar-line{opacity:1;background:var(--line-strong)}.workspace-note{position:absolute;border:0;padding:0 2px;border-radius:4px;background:var(--note-bg);color:var(--note-ink);font-size:11px!important;overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none;z-index:1;cursor:move!important}.workspace-note.selected{box-shadow:inset 0 0 0 2px var(--focus)}.workspace-note.pending{opacity:.7}.workspace-note-handle{position:absolute;top:0;bottom:0;width:10px;background:color-mix(in srgb,var(--focus) 30%,transparent);cursor:ew-resize;z-index:2}.workspace-note-handle.start{left:0}.workspace-note-handle.end{right:0}.workspace-cursor{top:0;bottom:0;width:2px;background:var(--text)}.workspace-cursor,.workspace-selection-box{position:absolute;z-index:3;pointer-events:none}.workspace-selection-box{background:color-mix(in srgb,var(--green) 15%,transparent);border:1px solid var(--focus)}.creation-selection,.workspace-navigation{position:absolute;bottom:max(20px,env(safe-area-inset-bottom));display:flex;align-items:center;gap:4px;padding:6px;font-size:12px;z-index:12}.workspace-navigation{left:max(16px,env(safe-area-inset-left))}.creation-selection button,.workspace-navigation button{width:34px;height:34px;padding:0!important;border-color:transparent!important}.workspace-zoom{min-width:42px;text-align:center;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:11px}.workspace-control-divider{width:1px;height:24px;background:var(--line);margin:0 4px}.creation-selection{right:max(16px,env(safe-area-inset-right));padding-top:24px;min-width:144px;justify-content:flex-end}.creation-selection>span{position:absolute;top:5px;left:10px;right:8px;font-size:10px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.creation-selection button:disabled{display:none}.workspace-hint{bottom:calc(var(--canvas-bottom) - 32px);left:22px;margin:0;color:var(--muted);font-size:11px}.workspace-hint,.workspace-message{position:absolute;pointer-events:none}.workspace-message{bottom:calc(var(--canvas-bottom) + 10px);left:76px;right:24px;width:fit-content;max-width:calc(100% - 110px);background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:8px 12px;font-size:12px;z-index:8}.creation-panel{position:absolute;top:var(--canvas-top);bottom:var(--canvas-bottom);right:max(16px,env(safe-area-inset-right));width:288px;overflow-y:auto;padding:18px;z-index:15}.creation-panel header{position:sticky;top:-18px;background:var(--paper);z-index:1;padding:8px 0;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:20px}.creation-panel h2{font-size:16px;margin:0}.creation-panel label{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0;align-items:center;font-size:12px}.creation-panel form label,.creation-panel label:has(select){display:flex;flex-direction:column;align-items:stretch}.creation-panel input[type=number]{width:100%}.creation-panel p{font-size:12px;color:var(--muted)}.workspace-incompatible-row{position:absolute;left:0;right:0;background:rgba(202,55,55,.045);pointer-events:none}.workspace-lane-labels>span.outside-handpan{color:#b73535;background:rgba(202,55,55,.08)}.workspace-note.outside-handpan{background:#fbe3e3;border-color:#bf4141;color:#9d2424}.workspace-note.outside-handpan.selected{background:#bd3939;color:white;border-color:#912626}.creation-workspace button.creation-compatibility-button{color:#b73535;font-size:11px}.creation-compatibility-panel{display:grid;gap:8px}.creation-workspace button.creation-guide-dismiss{font-size:10px;padding:0 4px;min-height:20px;margin-left:5px}[data-theme=night] .workspace-lane-labels>span.outside-handpan{color:#ffaaaa}.creation-panel .creation-key-settings label{flex-direction:row;align-items:center;justify-content:space-between;margin:8px 0}.creation-key-settings select{width:88px;min-height:36px}.creation-key-settings small{color:var(--muted);margin-left:6px}.creation-entry-heading{display:flex;align-items:center;gap:8px;grid-column:1/-1;min-width:0}.creation-entry-heading .creation-key-modes{flex:1 1;min-width:0}.creation-workspace button.creation-key-settings-toggle{flex-shrink:0;padding:8px;font-size:11px}.creation-panel .creation-panel-speed{display:none}.creation-export{display:flex;flex-direction:column;gap:10px}.creation-footer{position:absolute;left:50%;transform:translateX(-50%);bottom:max(16px,env(safe-area-inset-bottom));padding:8px 12px;width:max-content;max-width:calc(100% - 560px);z-index:12}.creation-transport{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.creation-transport output{font-size:11px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.creation-transport label{display:flex;gap:5px;align-items:center;font-size:11px}.creation-transport input[type=range]{width:65px}.creation-transport .button{padding:9px 14px;min-height:36px}.creation-progress{display:block;width:100%;height:5px;margin:9px 0 3px;padding:0!important;accent-color:var(--green)}.creation-keys{position:absolute;bottom:var(--keys-bottom);left:max(16px,env(safe-area-inset-left));right:max(16px,env(safe-area-inset-right));height:auto;padding:16px 24px;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:24px;font-size:12px;z-index:10}.creation-entry-controls{display:grid;gap:10px;width:100%;max-width:300px}.creation-key-modes{display:flex;gap:6px;padding:4px;border-radius:10px;background:var(--surface-subtle)}.creation-key-modes button{flex:1 1}.creation-entry-fields{display:flex;gap:10px}.creation-entry-fields label{flex:1 1;min-width:0;display:grid;gap:4px}.creation-entry-fields input,.creation-entry-fields select{width:100%}.creation-entry-actions{display:flex;align-items:center;justify-content:space-between;gap:8px}.creation-entry-actions label{display:flex;align-items:center;gap:4px;white-space:nowrap}.creation-entry-controls p{margin:0;line-height:1.8;color:var(--muted);font-size:11px}.creation-midi-entry,.creation-midi-entry label{display:flex;gap:8px;align-items:center}.creation-keyboard{display:grid;justify-content:center;gap:6px}.creation-key-row{display:flex;justify-content:center;gap:24px}.creation-workspace button.creation-handpan-key{position:relative;width:66px;height:66px;min-height:0;padding:0;border:0;border-radius:50%;background:transparent;color:var(--note-color);overflow:visible}.creation-key-disc{display:grid;place-items:center;width:100%;height:100%;border-radius:50%;background:#fff;border:1px solid #d9dfdb;box-shadow:0 2px 6px #0001;transition:box-shadow .1s,transform .1s}.creation-key-disc svg{width:82%;height:82%}.creation-handpan-key[aria-pressed=true] .creation-key-disc{box-shadow:0 0 0 2px var(--note-color)}.creation-handpan-key.sounding .creation-key-disc,.creation-handpan-key:active .creation-key-disc{transform:scale(.94);background:var(--note-color);border-color:var(--note-color);color:#fff;box-shadow:0 0 0 3px color-mix(in srgb,var(--note-color) 30%,transparent),0 3px 12px color-mix(in srgb,var(--note-color) 35%,transparent)}.creation-handpan-key kbd{position:absolute;right:-12px;bottom:1px;color:var(--muted);font-size:11px}.workspace-pitch-letter{font-weight:inherit}.workspace-pitch-number{display:none;position:relative;font-weight:600;line-height:1}.workspace-pitch-number.high:before,.workspace-pitch-number.low:after{content:"";position:absolute;width:3px;height:3px;border-radius:50%;background:currentColor;left:calc(50% - 1.5px)}.workspace-pitch-number.high:before{top:-4px}.workspace-pitch-number.low:after{bottom:-4px}.workspace-entry-cursor{position:absolute;top:0;bottom:0;border-left:2px dashed var(--green);z-index:3;pointer-events:none}.workspace-hint{display:none}.creation-error{position:absolute;top:calc(var(--canvas-top) + 8px);left:50%;transform:translateX(-50%);max-width:calc(100% - 40px);background:var(--paper-soft);border:1px solid var(--line);border-radius:10px;padding:8px 16px;color:var(--red);display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px;z-index:30}.creation-notation{position:absolute;top:var(--canvas-top);bottom:var(--canvas-bottom);left:16px;right:16px;overflow:auto;padding:20px;min-height:0;border:1px solid var(--line);border-radius:12px}.creation-notation-history{position:fixed}.creation-leave{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:min(92%,480px);background:var(--paper);padding:24px;box-shadow:0 12px 60px #0006;border:1px solid var(--line);border-radius:14px;z-index:40}.creation-leave h2{font-size:18px}.creation-leave button{margin:6px}@media (max-width:1200px){.creation-workspace{--canvas-top:126px;--keys-bottom:176px}.creation-identity{width:280px}.workspace-tools{top:calc(max(12px, env(safe-area-inset-top)) + 56px)}.creation-footer{max-width:calc(100% - 32px)}.creation-selection,.workspace-navigation{bottom:104px}.workspace-hint{display:none}}@media (max-width:700px),(pointer:coarse){.creation-workspace{--canvas-top:130px;--keys-bottom:160px}.creation-header{top:max(10px,env(safe-area-inset-top));left:8px;right:8px;gap:6px}.creation-identity{width:auto;flex:1 1;gap:4px}.creation-title input{font-size:16px}.creation-system-fullscreen{display:none!important}.creation-header .button{padding:8px 10px}.creation-header-actions{flex-shrink:0}.workspace-tools{top:calc(max(10px, env(safe-area-inset-top)) + 64px);max-width:calc(100% - 16px);width:max-content;gap:2px;padding:4px}.workspace-tools button{font-size:12px!important;min-height:40px!important;padding:6px 8px!important;gap:4px}.workspace-tool-group{gap:2px}.workspace-options{width:min(280px,calc(100vw - 24px))}.workspace-options select{font-size:16px}.workspace-scroll{left:8px;right:8px}.workspace-navigation{left:8px;bottom:96px;gap:1px;padding:4px}.creation-selection button,.workspace-navigation button{width:32px;height:36px;min-height:36px!important}.workspace-zoom{min-width:34px;font-size:10px}.workspace-control-divider{margin:0 2px}.creation-selection{right:8px;bottom:96px;gap:1px;padding:22px 4px 4px}.creation-selection>span{font-size:9px;left:6px}.creation-footer{bottom:max(8px,env(safe-area-inset-bottom));max-width:calc(100% - 16px);padding:8px}.creation-transport{gap:5px}.creation-transport label,.creation-transport output{font-size:10px}.creation-transport button{min-height:36px!important;padding:6px 8px!important}.creation-volume{display:none!important}.creation-panel{padding:12px}.creation-panel header{margin-bottom:10px}.creation-panel input,.creation-panel select{font-size:16px}}@media (max-width:370px){.creation-speed>span,.creation-transport button[aria-expanded]>span{display:none}.creation-transport{gap:4px}.creation-transport select{width:54px}.creation-transport output{font-size:9px}.workspace-tools button{padding:6px!important}.workspace-tools button svg{width:14px}.workspace-zoom{display:none}.creation-header .button{font-size:11px}}@media (max-height:520px) and (orientation:landscape){.creation-workspace{--canvas-top:102px;--keys-bottom:82px}.creation-header{top:6px}.creation-title span{display:none}.workspace-tools{top:48px;padding:4px}.workspace-tools button{min-height:32px!important}.creation-selection,.workspace-navigation{bottom:14px}.workspace-navigation{gap:0;padding:3px}.workspace-zoom{display:none}.creation-footer{bottom:10px;max-width:calc(100% - 320px);padding:5px 8px}.creation-transport{gap:4px}.creation-transport>label,.creation-volume{display:none!important}.creation-panel{width:270px}.creation-panel .creation-panel-speed{display:flex}.has-panel .workspace-scroll{right:296px}}@media (max-width:700px),(pointer:coarse){.creation-keys{left:8px;right:8px;padding:8px 12px;gap:6px;display:flex;flex-direction:column;justify-content:space-between}.creation-entry-controls{width:100%;max-width:none;grid-template-columns:1fr auto;gap:6px 10px}.creation-key-modes{grid-column:1/-1}.creation-entry-controls p{display:none}.creation-entry-fields{gap:8px;font-size:10px}.creation-entry-fields input,.creation-entry-fields select{height:32px;padding:3px;font-size:16px}.creation-entry-actions{flex-direction:column;gap:2px;font-size:10px}.creation-entry-actions button{padding:4px 6px!important;min-height:30px!important}.creation-keyboard{margin:auto;gap:4px}.creation-key-row{gap:14px}.creation-workspace button.creation-handpan-key{width:44px;height:44px}.creation-handpan-key kbd,.workspace-pitch-letter{display:none}.workspace-pitch-number{display:inline-block;font-size:clamp(7px,calc(var(--workspace-row-height, 28px) * .42),11px)}.workspace-pitch-number.high:before,.workspace-pitch-number.low:after{width:2px;height:2px;left:calc(50% - 1px)}.workspace-pitch-number.high:before{top:-2px}.workspace-pitch-number.low:after{bottom:-2px}.creation-midi-entry{grid-column:1/-1;font-size:10px}.creation-keys:has(.creation-midi-entry){overflow-y:auto}}@media (max-width:700px) and (orientation:portrait){.creation-panel{top:var(--canvas-top);bottom:var(--canvas-bottom);left:8px;right:8px;width:auto;z-index:16}.has-panel .creation-notation,.has-panel .workspace-scroll{right:8px}}@media (max-height:520px) and (orientation:landscape){.creation-keys{display:grid;grid-template-columns:270px 1fr;gap:12px;padding:6px 12px}.creation-entry-controls{max-width:none;grid-template-columns:1fr auto;gap:4px 8px}.creation-key-modes{grid-column:1/-1}.creation-entry-controls p{display:none}.creation-entry-fields{font-size:10px;gap:6px}.creation-entry-fields input,.creation-entry-fields select{height:30px;padding:3px}.creation-entry-actions{flex-direction:column;gap:0;font-size:10px}.creation-entry-actions button{min-height:28px!important;padding:3px!important}.creation-keyboard{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:auto}.creation-key-row{display:contents}.creation-workspace button.creation-handpan-key{width:38px;height:38px}.creation-handpan-key kbd{display:none}.creation-midi-entry{grid-column:1/-1}.creation-keys:has(.creation-midi-entry){overflow-y:auto}.creation-panel{bottom:var(--keys-bottom)}}@media (min-width:760px) and (max-height:520px) and (orientation:landscape){.creation-workspace{--canvas-top:58px}.workspace-tools{top:6px}.creation-identity{max-width:200px}}@media (min-width:701px) and (max-width:1100px) and (min-height:521px) and (pointer:fine){.creation-keys{grid-template-columns:1fr;grid-template-rows:auto 1fr;gap:8px;padding:10px 16px}.creation-entry-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;max-width:none;gap:8px 16px}.creation-entry-controls p{display:none}.creation-key-modes{min-width:180px}.creation-entry-fields{width:200px}.creation-entry-actions{gap:8px}.creation-keyboard{gap:4px}.creation-key-row{gap:18px}.creation-workspace button.creation-handpan-key{width:52px;height:52px}.creation-keys:has(.creation-midi-entry){overflow-y:auto}}@media (min-width:701px) and (min-height:521px) and (pointer:fine){.has-nine-lanes .workspace-scroll{max-height:342px}.creation-panel{bottom:var(--keys-bottom)}.has-panel .creation-keys{right:320px}.has-nine-lanes .creation-keys{top:min(calc(var(--canvas-top) + 354px),calc(100% - var(--keys-bottom) - var(--keys-height)))}}.workspace-cursor,.workspace-entry-cursor{pointer-events:auto;z-index:1;touch-action:none;cursor:ew-resize}.workspace-cursor:before,.workspace-entry-cursor:before{content:"";position:absolute;inset:0 -5px}.workspace-note{z-index:2}@media (min-width:1101px) and (min-height:650px) and (pointer:fine){.creation-workspace button.creation-handpan-key{width:clamp(76px,6.2vw,100px);height:clamp(76px,6.2vw,100px)}}@media (min-width:1101px) and (max-width:1500px) and (min-height:521px) and (pointer:fine){.has-panel .creation-keys{grid-template-columns:1fr;grid-template-rows:auto 1fr;gap:8px;padding:10px 16px}.has-panel .creation-entry-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;max-width:none;gap:8px 16px}.has-panel .creation-entry-controls p{display:none}.has-panel .creation-key-modes{min-width:180px}.has-panel .creation-entry-fields{width:200px}.has-panel .creation-key-row{gap:18px}.has-panel button.creation-handpan-key{width:66px;height:66px}}.arrangement-form{display:grid;gap:12px;min-width:0}.arrangement-form p{margin:0;color:var(--muted);font-size:12px;line-height:1.65}.arrangement-form h3{margin:0}.arrangement-form label{display:grid;gap:6px;min-width:0;font-size:12px}.arrangement-form input,.arrangement-form select{width:100%;min-width:0;padding:9px;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--text)}.arrangement-pair{display:grid;grid-template-columns:1fr 1fr;gap:8px}.arrangement-section{display:grid;gap:7px;padding:12px;border:1px solid var(--line);border-radius:10px;overflow-wrap:anywhere}.arrangement-section small{color:var(--muted)}.arrangement-section>div{display:flex;flex-wrap:wrap;gap:6px}.arrangement-form button{padding:8px 10px;border-radius:8px}.arrangement-form [role=alert]{color:var(--red,#c34242)}.workspace-section-region{position:absolute;top:0;bottom:0;pointer-events:none;border-left:2px solid color-mix(in srgb,var(--green) 45%,transparent);background:color-mix(in srgb,var(--green) 4%,transparent)}.workspace-section-region>span{position:absolute;top:2px;left:4px;max-width:calc(100% - 8px);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:10px;color:var(--muted)}.lesson-mobile{display:none}@media (max-width:700px),(pointer:coarse){.lesson-desktop{display:none}.lesson-mobile{display:block}.creation-selection{overflow-x:auto}}@media (max-width:370px){.creation-identity>.button{font-size:0;gap:0;width:36px;padding:8px}.creation-header-actions{gap:4px}}.creation-desktop{--track-label-width:168px;padding:0;overflow-x:auto;background:var(--paper-soft);font-size:13px}.creation-desktop .creation-header{position:relative;inset:auto;order:0;flex:0 0 auto;min-width:1000px;padding:14px 24px;align-items:center;border-bottom:1px solid var(--line);background:var(--paper)}.creation-desktop .creation-identity{width:auto;flex:1 1;gap:16px}.creation-brand{display:flex;gap:9px;align-items:center;margin-right:8px;font-size:16px;font-weight:600}.creation-brand small{display:block;font-size:10px;font-weight:400;color:var(--muted);margin-top:2px}.creation-desktop .creation-title{max-width:300px;border-left:1px solid var(--line);padding-left:12px}.creation-desktop .creation-title input{font-size:15px}.creation-desktop .creation-header-actions{flex-wrap:nowrap}.creation-desktop .creation-header-actions .button{padding:7px 11px}.creation-desktop .creation-footer{position:relative;inset:auto;transform:none;order:1;width:auto;min-width:1000px;flex:0 0 auto;margin:0;padding:10px 24px;border:0;border-radius:0;background:var(--paper);box-shadow:none}.creation-desktop .creation-transport{display:flex;width:100%;flex-wrap:nowrap;justify-content:flex-start;gap:12px}.creation-desktop .creation-transport output{min-width:136px;font-size:12px;color:var(--muted)}.creation-desktop .creation-transport>button:last-child{margin-left:auto}.creation-desktop .creation-speed,.creation-desktop .creation-volume{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:12px}.creation-desktop .creation-volume input{width:85px}.creation-desktop .creation-progress{display:none}.creation-desktop .creation-body{position:relative;inset:auto;display:flex;order:2;flex:1 1;min-height:0;min-width:1000px;padding:0 24px;gap:16px}.creation-desktop .creation-main,.creation-track-view{display:flex;flex-direction:column;flex:1 1;min-height:0}.creation-desktop [hidden]{display:none!important}.creation-desktop .creation-panel{position:relative;inset:auto;width:300px;flex:0 0 300px;max-height:none;min-height:0;margin:0 0 12px;overflow:auto;border-radius:9px;transform:none}.creation-desktop .creation-notation{position:relative;inset:auto;width:100%;flex:1 1;min-height:0;overflow:auto}.creation-desktop .creation-notation-history{position:static;transform:none;display:inline-flex;margin-left:12px}.creation-desktop .creation-selection{position:relative;inset:auto;transform:none;display:flex;justify-content:flex-start;align-items:center;gap:6px;border:0;border-radius:0;box-shadow:none;padding:5px 0 8px;background:transparent;width:auto;flex:0 0 auto}.creation-desktop .creation-selection>span{position:static;inset:auto;min-width:0;margin-left:auto;font-size:11px;color:var(--muted)}.creation-desktop .creation-selection button{flex:0 0 auto;width:auto;min-width:34px;min-height:28px!important;padding:4px 8px!important;font-size:11px}.creation-desktop .creation-error{order:3;margin:0 24px 8px;z-index:25}.creation-desktop .creation-error,.creation-desktop .creation-keys{position:relative;inset:auto;flex:0 0 auto;width:auto;transform:none}.creation-desktop .creation-keys{order:4;display:flex;align-items:center;min-width:952px;max-height:220px;overflow:auto;margin:0 24px 12px;padding:10px 14px;gap:20px;border-radius:9px}.creation-desktop .creation-keys[hidden]{display:none!important}.creation-desktop .creation-entry-controls{width:330px;flex:0 0 auto}.creation-desktop .creation-entry-controls p{font-size:11px;margin:4px 0 0}.creation-desktop .creation-entry-fields{display:flex;gap:8px;margin:5px 0}.creation-desktop .creation-keyboard{display:flex;align-items:center;justify-content:center;gap:7px;flex:1 1;width:auto}.creation-desktop .creation-key-row{display:contents}.creation-workspace.creation-desktop button.creation-handpan-key{display:grid;grid-template-rows:43px 16px;justify-items:center;align-content:center;row-gap:5px;width:48px;height:70px;flex:0 0 48px;min-width:0;min-height:0}.creation-desktop .creation-handpan-key .creation-key-disc{width:43px;height:43px;min-width:0;font-size:20px}.creation-desktop .creation-handpan-key kbd{position:static;display:block;inset:auto;width:100%;margin:0;padding:0;text-align:center;line-height:16px;font-size:10px}.creation-desktop .creation-leave{position:fixed;z-index:100}.track-editor{display:flex;flex-direction:column;min-height:0;flex:1 1;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--paper);box-shadow:0 3px 16px color-mix(in srgb,var(--text) 3%,transparent)}.creation-workspace .track-editor button:where(:not(.button)){border:1px solid transparent;border-radius:6px;background:var(--paper);color:var(--text)}.creation-workspace .track-editor button{display:inline-flex;align-items:center;justify-content:center;gap:5px;font-size:12px;min-height:28px;padding:4px 8px;border-color:transparent!important;box-shadow:none}.creation-workspace .track-editor button:hover:not(:disabled){background:var(--surface-subtle);color:var(--green)}.creation-workspace .track-editor button:focus-visible,.track-editor [tabindex]:focus-visible{outline:2px solid var(--green);outline-offset:-2px}.creation-workspace .track-editor button[aria-pressed=true]:not(.track-note){background:color-mix(in srgb,var(--green) 11%,var(--paper))!important;color:var(--green)!important}.track-tools{justify-content:space-between;gap:12px;flex-wrap:wrap;padding:8px 12px;border-block:1px solid var(--line);flex:0 0 auto}.track-tool-group,.track-tools{display:flex;align-items:center}.track-tool-group{gap:6px}.track-tool-group small{color:var(--muted);font-size:11px;margin-left:3px}.track-navigation label,.track-tool-group label{display:flex;gap:6px;align-items:center;font-size:11px;color:var(--muted)}.track-tool-group select{font-size:11px;padding:4px}.track-label-switch{display:flex;padding:2px;border:1px solid var(--line);border-radius:6px}.creation-workspace .track-label-switch button{min-height:24px}.track-common-ruler{display:grid;position:sticky;top:0;z-index:10;grid-template-columns:var(--track-label-width) minmax(0,1fr);flex:0 0 auto;border-bottom:1px solid var(--line);background:var(--paper-soft)}.track-common-ruler>span{position:sticky;left:0;z-index:2;background:var(--paper-soft);padding:9px 12px;color:var(--muted);font-size:11px;border-right:1px solid var(--line)}.track-ruler{position:relative;height:34px;touch-action:none;overflow:hidden;cursor:crosshair}.track-ruler>span{position:absolute;inset-block:0;padding:8px 6px;border-left:1px solid var(--line);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:12px;pointer-events:none}.track-list{overflow:auto;overflow-anchor:none;min-height:0;flex:1 1;scrollbar-gutter:stable;background:var(--paper-soft)}.track-strip{border-bottom:1px solid var(--line);background:var(--paper)}.track-summary-row{display:grid;grid-template-columns:var(--track-label-width) minmax(0,1fr);min-height:56px}.track-label-cell{position:sticky;left:0;z-index:7;min-width:0;padding:5px 7px;border-right:1px solid var(--line);background:var(--paper-soft)}.track-strip.is-expanded .track-label-cell{box-shadow:inset 3px 0 var(--track-color,var(--green));background:color-mix(in srgb,var(--track-color,var(--green)) 8%,var(--paper))}.creation-workspace .track-editor .track-name{display:flex;justify-content:flex-start;width:100%;min-width:0;padding:2px 4px;background:transparent;font-weight:600}.track-name span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-actions{display:flex;align-items:center;padding-left:21px;gap:2px}.track-actions small{color:var(--muted);font-size:10px;margin-right:auto}.creation-workspace .track-actions .track-icon{padding:3px;width:26px;min-height:24px;background:transparent}.track-menu-wrap{position:relative}.track-menu{position:fixed;z-index:40;top:0;left:0;width:176px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow-y:auto;overscroll-behavior:contain;padding:5px;border:1px solid var(--line);border-radius:8px;background:var(--paper);box-shadow:0 6px 25px color-mix(in srgb,var(--text) 12%,transparent)}.creation-workspace .track-menu button{display:flex;width:100%;justify-content:flex-start;align-items:center;padding:7px 9px;min-height:32px;border:0;border-radius:5px;background:transparent;color:var(--text);font-size:12px;line-height:18px}.creation-workspace .track-menu button:hover:not(:disabled){background:var(--surface-subtle);color:var(--green)}.creation-workspace .track-menu button:focus-visible{outline:2px solid var(--green);outline-offset:-2px}.creation-workspace .track-menu .track-danger{color:var(--danger,#a43f39)}.track-clip-lane{position:relative;overflow:hidden;min-height:56px;background-image:linear-gradient(to right,var(--line) 1px,transparent 1px);background-size:calc(var(--beat-width) * 4) 100%}.track-clip{position:absolute;top:8px;height:36px;border:1px solid color-mix(in srgb,var(--track-color,var(--green)) 48%,var(--line));border-radius:5px;background:color-mix(in srgb,var(--track-color,var(--green)) 16%,var(--paper));color:var(--text);overflow:hidden;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;min-width:6px}.track-clip span{top:2px;left:6px;font-size:10px;white-space:nowrap}.track-clip span,.track-clip svg{position:absolute;pointer-events:none}.track-clip svg{left:5px;bottom:4px;width:calc(100% - 10px);height:13px;fill:currentColor;opacity:.85}.track-clip.is-selected{border:2px solid var(--track-color,var(--green));background:color-mix(in srgb,var(--track-color,var(--green)) 23%,var(--paper))}.track-strip.is-muted .track-clip,.track-strip.is-muted .track-note{opacity:.35}.creation-workspace .track-clip-lane .track-empty{position:absolute;inset:0;width:100%;height:100%;background:transparent;color:var(--muted);font-size:11px}.track-note-scroll{max-height:clamp(150px,34vh,310px);min-height:90px;flex:0 1 auto;overflow:auto;scrollbar-gutter:stable;overflow-anchor:none}.track-note-world{min-width:100%;position:relative}.track-note-rows{display:grid;grid-template-columns:var(--track-label-width) minmax(0,1fr)}.track-pitches{position:sticky;left:0;z-index:7;background:var(--paper-soft);border-right:1px solid var(--line)}.creation-workspace .track-editor .track-pitches button{display:flex;justify-content:center;align-items:center;gap:24px;width:100%;height:27px;min-height:27px;padding:0;border:0;border-radius:0;background:var(--paper-soft);font-size:13px;color:var(--note-color,var(--text))}.creation-workspace .track-editor .track-pitches button:nth-child(2n){background:color-mix(in srgb,var(--paper-soft) 50%,var(--paper))}.track-pitches small{width:16px;font-size:10px;color:var(--muted)}.track-note-grid{position:relative;touch-action:none;overflow:hidden;cursor:crosshair;background-color:var(--paper);background-image:radial-gradient(circle,color-mix(in srgb,var(--green) 22%,transparent) .7px,transparent .9px),linear-gradient(to bottom,transparent 50%,color-mix(in srgb,var(--surface-subtle) 55%,transparent) 50%);background-size:var(--snap-width) 27px,100% 54px;background-position:0 13px,0 0}.track-bar-line{top:0;bottom:0;width:1px;background:var(--line)}.track-bar-line,.track-section-mark{position:absolute;pointer-events:none}.track-section-mark{inset-block:0;border-top:2px solid color-mix(in srgb,var(--green) 40%,transparent);background:color-mix(in srgb,var(--green) 3%,transparent)}.creation-workspace .track-editor .track-note{position:absolute;display:flex;align-items:center;justify-content:flex-start;width:23px;height:19px;min-height:19px;padding:0;border:0;border-radius:4px;background:color-mix(in srgb,var(--note-color,var(--green)) 20%,var(--paper));color:var(--note-color,var(--text));font-size:11px;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;z-index:2;box-shadow:inset 0 -1px color-mix(in srgb,var(--note-color,var(--green)) 45%,transparent)}.track-note-label{display:grid;place-items:center;flex:0 0 23px;height:100%;overflow:hidden;pointer-events:none}.track-note-handle{position:absolute;top:0;bottom:0;width:5px;cursor:ew-resize;touch-action:none}.track-note-handle.start{left:0}.track-note-handle.end{right:0}.track-note-handle:after{content:"";position:absolute;inset:4px 2px;background:currentColor;opacity:0}.track-note:is(:hover,:focus-visible,[aria-pressed=true]) .track-note-handle:after{opacity:.65}.creation-workspace .track-editor .track-note[aria-pressed=true]{background:color-mix(in srgb,var(--note-color,var(--green)) 35%,var(--paper))!important;color:var(--note-color,var(--text))!important;outline:2px solid var(--note-color,var(--green));outline-offset:1px;z-index:3}.track-editor .is-incompatible{color:var(--danger,#ae463b)!important}.creation-workspace .track-editor .track-note.is-incompatible{background:color-mix(in srgb,var(--danger,#ae463b) 15%,var(--paper))}.track-playhead{position:absolute;top:0;bottom:0;width:1px;background:var(--warm,#aa6737);pointer-events:none;z-index:5}.track-ruler .track-playhead:before{content:"";position:absolute;top:0;left:-4px;width:9px;height:10px;background:inherit;clip-path:polygon(0 0,100% 0,100% 60%,50% 100%,0 60%)}.track-marquee{position:absolute;border:1px solid var(--green);background:color-mix(in srgb,var(--green) 12%,transparent);pointer-events:none;z-index:6}.track-add{padding:6px 8px;position:sticky;left:0;display:flex;align-items:center;width:fit-content;max-width:100%;gap:8px}.creation-workspace .track-add button{color:var(--green);background:transparent}.track-navigation{display:flex;flex:0 0 auto;align-items:center;justify-content:space-between;gap:12px;padding:6px 10px;border-top:1px solid var(--line)}.track-navigation>div{display:flex;align-items:center;gap:8px;font-size:11px}.track-navigation select{padding:3px 5px;font-size:11px}.track-navigation input{accent-color:var(--green)}.track-status{justify-content:space-between;font-size:10px;color:var(--muted);background:var(--paper-soft)}.track-clip-position,.track-status{display:flex;gap:8px;flex:0 0 auto;padding:6px 12px;border-top:1px solid var(--line)}.track-clip-position{align-items:center;background:var(--surface-subtle);font-size:11px;flex-wrap:wrap}.track-clip-position label{display:flex;gap:6px;align-items:center}.track-clip-position input{width:80px;font-size:11px;padding:4px}.track-clip-position select{max-width:180px;font-size:11px;padding:4px}.track-dialog{width:380px;max-width:90vw;color:var(--text);background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:22px;box-shadow:0 16px 70px #0003}.track-dialog::backdrop{background:#0005}.track-dialog h2{font-size:18px;margin:0 0 18px}.track-dialog p{font-size:13px;line-height:1.8}.track-dialog label{display:flex;flex-direction:column;gap:8px}.track-dialog form>div{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.track-note-pane{display:flex;flex-direction:column;min-height:140px;flex:0 1 auto}.track-note-pane .track-tools{border-top:0}.track-note-pane .track-tool-group>select{max-width:240px}.track-timeline-section{display:flex;flex-direction:column;flex:1 0 160px;min-height:160px;border-top:5px solid var(--paper-soft)}.track-timeline-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;padding:7px 10px;border-block:1px solid var(--line);background:var(--paper)}.track-tool-divider{width:1px;height:18px;background:var(--line);margin-inline:3px}.track-zoom-controls input[type=range]{width:90px;padding:0;accent-color:var(--green)}.track-timeline-world{min-width:100%;min-height:100%;position:relative}.timeline-ruler-row{display:grid;grid-template-columns:var(--track-label-width) minmax(0,1fr);position:sticky;top:0;z-index:12;height:37px;background:var(--paper);border-bottom:1px solid var(--line)}.timeline-ruler-label{display:flex;align-items:center;justify-content:space-between;padding:0 12px;position:sticky;left:0;z-index:2;background:var(--paper-soft);border-right:1px solid var(--line);font-size:11px}.timeline-ruler-label span{color:var(--muted)}.timeline-ruler{position:relative;cursor:crosshair;touch-action:none;overflow:hidden}.timeline-ruler>span{position:absolute;top:0;bottom:0;border-left:1px solid var(--line);padding:3px 5px;font-size:10px;color:var(--muted);pointer-events:none}.timeline-ruler small{display:block;font-size:9px;opacity:.75}.timeline-head{background:var(--text)}.timeline-ruler .timeline-head:before{content:"";position:absolute;top:0;left:-4px;width:9px;height:11px;border-radius:2px 2px 4px 4px;background:inherit}.track-snap-guide{position:absolute;inset-block:0;width:1px;background:var(--green);box-shadow:0 0 0 1px color-mix(in srgb,var(--green) 20%,transparent);pointer-events:none;z-index:6}.track-clip .track-clip-title{right:7px;display:flex;gap:8px;overflow:hidden}.track-clip-title small{opacity:.6;white-space:nowrap}.track-clip .track-trim-handle{top:0;bottom:0;left:0;width:7px;cursor:ew-resize;pointer-events:auto;z-index:3;opacity:0;background:color-mix(in srgb,var(--track-color,var(--green)) 80%,transparent)}.track-clip .track-trim-handle.end{left:auto;right:0}.track-clip:is(:hover,.is-selected) .track-trim-handle{opacity:1}.track-clip-lane:has(.is-dragging){overflow:visible;z-index:9}.track-clip.is-dragging{cursor:grabbing;box-shadow:0 3px 12px #0002}.track-add>span{color:var(--muted);font-size:11px;margin-left:12px}.track-status label{display:flex;align-items:center;gap:5px;white-space:nowrap}.track-status input{accent-color:var(--green)}.track-editor [data-pitch]{--note-color:#bd525c}.track-editor [data-pitch="60"]{--note-color:#278750}.track-editor [data-pitch="62"]{--note-color:#9746c9}.track-editor [data-pitch="52"],.track-editor [data-pitch="64"]{--note-color:#7fa944}.track-editor [data-pitch="53"]{--note-color:#c74495}.track-editor [data-pitch="55"]{--note-color:#df820a}.track-editor [data-pitch="45"],.track-editor [data-pitch="57"]{--note-color:#548ff0}.track-editor [data-pitch="59"]{--note-color:#e76214}.workspace-file-over{position:fixed;inset:90px 24px 24px;z-index:90;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:color-mix(in srgb,var(--paper) 90%,transparent);color:var(--green);border:2px dashed var(--green);border-radius:12px;pointer-events:none}.workspace-file-over strong{font-size:20px}.workspace-file-over span{color:var(--muted)}.workspace-import-dialog{width:500px;max-width:90vw;padding:26px;border:1px solid var(--line);border-radius:14px;background:var(--paper);color:var(--text);box-shadow:0 15px 70px #0003}.workspace-import-dialog::backdrop{background:#0005}.workspace-import-dialog>svg{color:var(--green)}.workspace-import-dialog h2{font-size:19px;margin:12px 0}.workspace-import-dialog p{line-height:1.8;overflow-wrap:anywhere}.workspace-import-dialog footer{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:22px}.workspace-import-dialog [role=status]{display:flex;align-items:center;gap:8px}.studio-tutorial-panel{display:grid;gap:14px;line-height:1.7}.studio-tutorial-panel h3,.studio-tutorial-panel p{margin:0}.studio-tutorial-panel p{color:var(--muted);font-size:13px}.studio-tutorial-panel h3{font-size:18px;line-height:1.5}.studio-tutorial-panel .studio-tutorial-kicker{color:var(--green);font-size:12px}.studio-tutorial-panel progress{width:100%;height:5px;accent-color:var(--green)}.studio-tutorial-choice{display:flex;gap:10px;align-items:center;padding:15px 12px;border:1px solid var(--line);border-radius:9px;text-decoration:none;color:var(--green);background:var(--paper-soft)}.studio-tutorial-choice:hover{border-color:var(--green)}.studio-tutorial-choice span{flex:1 1}.studio-tutorial-choice small,.studio-tutorial-choice strong{display:block}.studio-tutorial-choice strong{font-size:13px;color:var(--text)}.studio-tutorial-choice small{font-size:11px;color:var(--muted);margin-top:5px}.studio-tutorial-choice>svg{flex-shrink:0}.studio-tutorial-shortcuts{margin:0}.studio-tutorial-shortcuts>div{display:flex;justify-content:space-between;font-size:12px;padding:8px 0;border-bottom:1px solid var(--line)}.studio-tutorial-shortcuts dd{margin:0}.studio-tutorial-tasks{list-style:none;margin:0;padding:0;display:grid;gap:10px}.studio-tutorial-tasks li{display:flex;align-items:center;gap:8px;font-size:13px}.studio-tutorial-tasks li>span:first-child{width:20px;height:20px;border-radius:50%;background:var(--paper-soft);display:grid;place-items:center;color:var(--muted);flex-shrink:0}.studio-tutorial-tasks li[data-complete=true]>span:first-child{background:var(--green);color:var(--on-accent)}.studio-tutorial-tasks small{display:block;font-size:10px;color:var(--muted)}.studio-tutorial-panel .studio-tutorial-tip{border-left:2px solid var(--green);background:var(--paper-soft);padding:10px 12px;font-size:12px}.studio-tutorial-navigation{display:flex;gap:8px}.studio-tutorial-navigation>*{flex:1 1}.studio-tutorial-links{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px}.studio-tutorial-links a{color:var(--green)}.studio-tutorial-panel .studio-tutorial-footnote{font-size:11px}.creation-tutorial-nudge{order:1;flex:0 0 auto;display:flex;gap:16px;align-items:center;min-width:1000px;padding:9px 24px;background:var(--paper-soft);border-bottom:1px solid var(--line);font-size:12px}.creation-tutorial-nudge p{flex:1 1;color:var(--muted);line-height:1.6;margin:0}.creation-tutorial-nudge>div{display:flex;gap:8px}.creation-workspace[data-lesson-step="0"] [data-lesson-target=import],.creation-workspace[data-lesson-step="1"] .creation-transport>button:first-child,.creation-workspace[data-lesson-step="1"] .track-name,.creation-workspace[data-lesson-step="2"] .track-note-grid,.creation-workspace[data-lesson-step="3"] .timeline-ruler,.creation-workspace[data-lesson-step="3"] [aria-label="在播放头处分割片段"],.creation-workspace[data-lesson-step="4"] [aria-label="删除选中内容"],.creation-workspace[data-lesson-step="4"] [aria-label="撤销"],.creation-workspace[data-lesson-step="5"] .track-zoom-controls,.creation-workspace[data-lesson-step="5"] [data-lesson-target=notation],.creation-workspace[data-lesson-step="6"] [data-lesson-target=export]{outline:2px solid var(--green);outline-offset:-2px;box-shadow:0 0 0 3px color-mix(in srgb,var(--green) 15%,transparent)}