.creation{padding-top:28px}.creation-heading{justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px;display:flex}.creation-heading h1{margin:10px 0;font-size:clamp(26px,4vw,42px);line-height:1.15}.creation-heading p{max-width:560px}.project-actions,.part-tools,.create-tabs,.transport-controls,.bar-navigation{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.project-actions{margin-bottom:20px}.file-button{cursor:pointer;position:relative}.file-button input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.creation-instrument{background:#eeede4;border:1px solid #aaa98e;padding:24px;box-shadow:4px 4px #b9bba6}.project-title{justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;display:flex}.project-title>input{background:0 0;border:0;border-bottom:1px dashed #aaa98e;width:100%;min-width:0;padding:8px 0;font-size:24px;font-weight:700}.project-title a{white-space:nowrap;align-items:center;gap:8px;display:flex}.pixel-avatar{image-rendering:pixelated;border:1px solid #999b88;flex-shrink:0}.creation .machines{margin:8px 0 24px}.create-parameters{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px;display:grid}.create-tabs{border-bottom:1px solid #aaa98e;margin-bottom:20px;padding-bottom:12px}.create-tabs>span{margin-left:auto}.part-layout{grid-template-columns:180px minmax(0,1fr);gap:20px;display:grid}.part-list{flex-direction:column;gap:5px;display:flex}.part-list>button{text-align:left;min-height:44px;color:inherit;font:inherit;background:0 0;border:1px solid #0000;align-items:center;gap:10px;padding:12px 8px;display:flex}.part-list>button[aria-pressed=true]{background:#d9e1c8;border-color:#879378}.part-list>button>span:nth-child(2){text-overflow:ellipsis;overflow:hidden}.part-list small{color:#59614d;margin-left:auto;font-size:14px}.part-symbol{color:#64774d;font-size:22px}.part-symbol.perc{color:#a96c51}.part-symbol.bass{color:#687799}.part-symbol.chord{color:#9b834c}.note-editor{min-width:0}.part-tools{margin-bottom:12px}.part-tools input,.part-tools select,.creation-share input,.creation-share textarea,.creation-share select,.profile-form input,.profile-form textarea{font:inherit;color:inherit;background:#faf9f0;border:1px solid #a5aa95;border-radius:2px;min-width:0;max-width:100%;padding:10px}.part-tools>input{flex:1;width:140px}.part-tools label{align-items:center;gap:8px;display:flex}.part-tools .range-control{flex:1;min-width:180px}.bar-navigation{justify-content:space-between;margin:15px 0}.piano-scroll{background:#e3e9d7;border:1px solid #9da38f;overflow-x:auto}.piano-roll{min-width:0;display:grid}.piano-row{display:contents}.piano-key{background:#d1d9c3;border-bottom:1px solid #b9c4a9;justify-content:center;align-items:center;font-family:monospace;font-size:12px;display:flex}.piano-row button{background:0 0;border-top:0;border-bottom:1px solid #d2dac5;border-left:1px solid #d2dac5;border-right:0;border-radius:0;min-width:0;height:17px;min-height:0;padding:0}.piano-row button.beat{border-left-color:#adb99d}.piano-row button.note-on{background:#657d49;box-shadow:inset 0 -2px #4d6434}.piano-row button.now{outline-offset:-1px;outline:1px solid #bd7654}.piano-row button:focus-visible{outline-offset:-2px;outline:2px solid #244a6c}.create-transport{z-index:2;background:#eeede4;border-top:1px solid #a5aa95;border-bottom:1px solid #a5aa95;margin-top:22px;margin-bottom:20px;padding-top:16px;padding-bottom:18px}.progress-row{align-items:center;gap:16px;margin-bottom:14px;display:flex}.progress-row input{accent-color:#657d49;flex:1;min-width:0}.progress-row span{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:14px}.create-status{color:#586049;min-height:24px;margin:16px 0 0;font-size:15px}.code-workspace textarea{resize:vertical;color:#e0e8d0;tab-size:2;white-space:pre;background:#273127;border:0;width:100%;height:480px;padding:20px;font:15px/1.65 monospace}.code-workspace input{width:120px}.code-workspace p{font-size:15px}.creation-share{flex-wrap:wrap;align-items:end;gap:20px;padding:24px 0;display:flex}.creation-share h2,.creation-share>p,.creation-share .account-panel{width:100%}.creation-share>label{flex:1;gap:8px;min-width:220px;display:grid}.creation-share textarea{resize:vertical;height:85px}.create-api{border-top:1px solid #b9bba6;margin-top:24px;padding:24px 0}.create-api pre{background:#e6e8dc;padding:20px;font-size:15px;line-height:1.7;overflow-x:auto}.create-notice:empty{display:none}.community-header{align-items:center;gap:16px;margin:28px 0;display:flex}.community-header h1{margin:0;font-size:32px}.community-header p{margin:6px 0}.explore-filters{flex-wrap:wrap;gap:12px;margin:24px 0;display:flex}.explore-filters input,.explore-filters select{font:inherit;background:#f8f7ed;border:1px solid #a5aa95;min-width:0;padding:12px}.explore-filters input{flex:1}.song-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.song-card{background:#eeede4;border:1px solid #aaa98e;padding:20px;box-shadow:3px 3px #c7c9b7}.song-card h2{overflow-wrap:anywhere;margin:12px 0;font-size:21px}.song-card .song-author{align-items:center;gap:10px;display:flex}.song-card .song-meta{color:#59614d;justify-content:space-between;margin:16px 0;font-size:15px;display:flex}.song-card .song-bottom{justify-content:space-between;align-items:center;gap:10px;display:flex}.song-card p{overflow-wrap:anywhere}.community-empty{max-width:600px;padding:48px 0}.profile-form{gap:16px;max-width:560px;margin:24px 0;display:grid}.profile-form label{gap:8px;display:grid}.docs-page{max-width:860px}.docs-page pre{color:#e0e8d0;background:#273127;padding:20px;font:15px/1.7 monospace;overflow:auto}.docs-page section{margin:36px 0}.publication-bar{flex-wrap:wrap;align-items:center;gap:12px;margin:20px 0;display:flex}.creation button,.creation a,.community button,.community a{touch-action:manipulation}.creation button:focus-visible,.creation input:focus-visible,.creation textarea:focus-visible,.community button:focus-visible{outline-offset:3px;outline:2px solid #315779}@media (max-width:900px){.part-layout{grid-template-columns:145px minmax(0,1fr)}.song-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.creation-instrument{padding:18px}.part-tools .range-control{flex-basis:100%}}@media (max-width:600px){.creation{padding-top:18px}.creation-heading{align-items:flex-start;gap:12px}.creation-heading>a{white-space:nowrap;font-size:14px}.creation-heading p{font-size:16px}.creation-instrument{padding:12px;box-shadow:2px 2px #b9bba6}.project-title>input{font-size:21px}.project-title>a{font-size:0}.create-parameters{grid-template-columns:1fr;gap:14px}.creation .machines{gap:4px;margin-bottom:16px}.creation .machines button{min-width:0;padding:8px 4px}.creation .machines img{max-width:100%;height:34px}.part-layout{display:block}.part-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin-bottom:16px;display:grid}.part-list>button{gap:6px;min-width:0;max-width:100%;padding:8px}.part-list small{display:none}.part-tools{gap:7px}.part-tools select{max-width:145px}.part-tools>input{width:110px}.bar-navigation{gap:6px;font-size:14px}.bar-navigation .small-button{padding:8px;font-size:14px}.transport-controls{gap:7px}.transport-controls .small-button{padding:10px;font-size:14px}.progress-row,.project-actions{gap:8px}.project-actions .small-button{font-size:14px}.song-grid{grid-template-columns:1fr}.community-header h1{font-size:26px}.explore-filters>*{width:100%}.creation-share>label{min-width:100%}.code-workspace textarea{padding:12px;font-size:14px}.create-api pre{font-size:14px}.piano-key{font-size:12px}}.note-tools input{width:68px}.piano-key{font-size:13px}.piano-row button{height:22px}.local-drafts{margin:24px 0}.draft-list{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin:16px 0;display:grid}.draft-list a{overflow-wrap:anywhere}@media (max-width:600px){.note-editor>.part-tools:first-child>input{flex-basis:100%;width:100%}}.published-listen h1,.community-header>div{overflow-wrap:anywhere;min-width:0}.published-listen audio{width:480px;max-width:100%}.part-tools .timbre-control{flex-wrap:wrap;max-width:100%}.part-tools .timbre-control select{max-width:100%}.artist-panel,.connect-panel{overflow-wrap:anywhere;max-width:900px}.artist-panel{border-top:1px solid var(--border,#c4bda9);margin:2rem 0;padding-top:1rem}.artist-panel label,.connect-panel label{gap:.4rem;min-width:0;display:grid}.artist-panel select,.connect-panel select,.connect-panel input{max-width:100%;font:inherit;padding:.5rem}.agent-list{gap:1rem;padding:0;list-style:none;display:grid}.agent-list li{border-bottom:1px solid #c4bda9;grid-template-columns:1fr auto;gap:.4rem 1rem;padding:1rem 0;display:grid}.agent-list code{white-space:normal;grid-column:1/-1;font-size:1rem}.connect-panel .project-actions{margin:1.25rem 0}@media (max-width:600px){.agent-list li{grid-template-columns:1fr}.connect-panel .project-actions{align-items:stretch}.connect-panel .project-actions label{flex:100%}.connect-panel{padding-inline:1rem}.profile-form{max-width:100%}}.published-listen .song-author{align-items:center;gap:.75rem;margin-top:1rem;display:flex}.publication-bar{padding-inline:1rem}.agent-permissions{grid-column:1/-1;margin:.25rem 0;font-size:1rem;line-height:1.5}.agent-list li>.small-button{justify-self:start}