/* Writing surfaces share the ÉTUDE paper and instrument palette. */
.creative-library{padding:15px 0 0;margin-bottom:22px;border-bottom:1px solid var(--line)}.creative-library .toolbar{gap:10px}.creative-library select{max-width:300px}.creative-library #works-count{font-size:.72rem}
.composer-grid{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(350px,1.3fr);gap:22px;align-items:start}.composer-grid>.card{min-width:0;padding:23px}.notation-editor p,.composition-preview>p{font-size:.8rem}.note-tools{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:20px 0 12px}.note-tools label{display:flex;flex-direction:column;align-items:stretch;font-size:.72rem}.note-tools select{width:100%;padding:7px}.notation-editor button{font-size:.78rem;padding:8px 11px}.chord-input{margin:13px 0 18px}.chord-input select{min-width:120px}.source-label{display:block;font-size:.76rem;margin:15px 0 8px}.source-editor{box-sizing:border-box;width:100%;font: .88rem/1.8 ui-monospace,SFMono-Regular,Consolas,monospace;tab-size:2;background:#eeebdf;border:1px solid #bfc3ae;border-radius:2px;padding:16px;color:#2f4436;resize:vertical;min-height:220px;white-space:pre;overflow:auto}.source-editor:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.composition-preview .toolbar{margin-top:20px;gap:10px}.composition-preview .toolbar button{font-size:.8rem;padding:8px 12px}#composition-sheet{overflow:auto;background:#fffdf7;color:#242d25;min-height:190px;border-block:1px solid var(--line);padding:16px 0;margin:20px 0}#composition-sheet svg{display:block;min-width:320px}#composition-sheet svg .abcjs-note{cursor:pointer}#composition-sheet .score-playing{fill:#b77930!important;stroke:#b77930!important}.score-warnings{white-space:pre-wrap;overflow-wrap:anywhere;font: .8rem/1.7 inherit;background:#f1e4cc;padding:14px;max-height:140px;overflow:auto}#score-status.bad{color:var(--red)}#score-import-status{font-size:.8rem;white-space:pre-wrap;max-height:120px;overflow:auto}.composition-guide p{font-size:.86rem;line-height:1.9}.composition-guide code{background:#ebe5d5;padding:2px 5px}.live-draft #live-title{display:block;width:min(100%,480px);background:#fcfaf2;border:1px solid var(--line);border-radius:2px;padding:10px;font:inherit}.live-draft .source-editor{background:#283b30;color:#e5ebd8;border-color:#65775f;min-height:260px}.live-draft .button-row{margin:18px 0}.live-draft #live-status{font-size:.8rem;margin:14px 0 0}.live-boundary{border-left:2px solid #ad8f5d;padding:8px 20px;margin:24px 0;font-size:.82rem}.live-boundary p{margin:8px 0}.live-frame{border:1px solid #848d78;background:#17201a;margin:24px 0}.live-frame iframe{display:block;width:100%;height:650px;border:0}.creative-library~.studio-footer{margin-top:30px}
@media(max-width:1200px){.composer-grid{grid-template-columns:1fr}.source-editor{min-height:200px}.notation-editor .note-tools{max-width:470px}}
@media(max-width:760px){.composer-grid{gap:8px}.composer-grid>.card{padding:20px 15px}.note-tools{gap:6px}.note-tools select{font-size:.8rem;padding:7px 4px}.creative-library .toolbar label{min-width:100%;}.creative-library .toolbar button{font-size:.75rem;padding:8px 10px}.source-editor{font-size:.8rem;padding:12px}#composition-sheet{margin-inline:-8px}.composition-preview .toolbar label{min-width:140px}.live-draft{padding:22px 17px}.live-frame iframe{height:570px}.live-boundary{padding-inline:14px}.live-draft .source-editor{min-height:300px}}