#composition-console{display:none;position:fixed;inset:0;z-index:50;overflow:auto;background:#0b0b0b;color:#f5f5f5;padding:28px;box-sizing:border-box;font-family:inherit}#composition-console.open{display:block}.composition-head{max-width:1220px;margin:0 auto 24px;display:flex;justify-content:space-between;gap:18px;align-items:flex-start;border-bottom:2px solid #b8dd00;padding-bottom:18px}.composition-head h2{margin:4px 0;font-size:clamp(30px,5vw,58px);letter-spacing:-.04em}.composition-head p{margin:0;color:#a4a4a4}.composition-close,.composition-row button{background:transparent;border:1px solid #545454;color:#fff;padding:10px 12px;font-weight:800;letter-spacing:.06em;cursor:pointer}.composition-close:hover,.composition-row button:hover{border-color:#b8dd00;color:#b8dd00}.composition-grid{max-width:1220px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:18px}.composition-card{background:#141414;border:1px solid #333;padding:20px}.composition-card h3{margin:5px 0 18px;font-size:22px}.composition-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:16px}.composition-form input,.composition-form select,.composition-card>label select{width:100%;box-sizing:border-box;background:#090909;color:#fff;border:1px solid #555;padding:12px;font:inherit}.composition-form button{grid-column:1/-1}.composition-card>label{display:block;font-size:11px;font-weight:800;letter-spacing:.08em;color:#aaa;margin-bottom:12px}.composition-card>label select{display:block;margin-top:6px}.composition-list{display:grid;gap:8px}.composition-row{display:flex;justify-content:space-between;gap:12px;align-items:center;border-top:1px solid #303030;padding:11px 0}.composition-row span{display:grid;gap:3px}.composition-row small{color:#a0a0a0}.movement-card{max-width:1180px;margin:18px auto 0}.composition-message{min-height:20px;color:#b8dd00;font-weight:700}.composition-message.bad{color:#ff6b5f}.composition-console .eyebrow{color:#b8dd00;font-size:11px;letter-spacing:.12em;font-weight:900}@media(max-width:760px){#composition-console{padding:16px}.composition-head{align-items:stretch;flex-direction:column}.composition-close{align-self:flex-start}.composition-grid{grid-template-columns:1fr}.composition-form{grid-template-columns:1fr}.composition-form button{grid-column:auto}.movement-card{margin-top:18px}}