.music-hero { display:grid; grid-template-columns:1.6fr 1fr; gap:64px; padding:64px 0 48px; align-items:end; }
.music-hero h1 { font-size:clamp(54px,7.5vw,108px); line-height:.98; letter-spacing:-.065em; margin:18px 0 26px; max-width:10ch; }
.music-hero .lead { max-width:53ch; font-size:19px; color:var(--muted); }
.music-label { font:11px/1.5 var(--mono); letter-spacing:.065em; text-transform:uppercase; color:var(--muted); }
.music-spec { padding:28px; border:1px solid var(--rule); background:var(--field); }
.music-spec dl { margin:24px 0; }
.music-spec dl div { display:flex; justify-content:space-between; gap:18px; border-top:1px solid var(--rule); padding:10px 0; }
.music-spec dt { color:var(--muted); }
.music-spec dd { margin:0; text-align:right; }
.music-spec p:last-child { font-size:13px; margin-bottom:0; color:var(--muted); }
.music-jump { display:flex; flex-wrap:wrap; gap:12px 26px; border-block:1px solid var(--rule); padding:17px 0; }
.music-section { padding:54px 0; border-bottom:1px solid var(--rule); }
.music-heading { display:grid; grid-template-columns:1fr 1fr; gap:40px; align-items:end; margin-bottom:28px; }
.music-heading h2 { font-size:clamp(28px,3.3vw,44px); line-height:1.12; letter-spacing:-.04em; margin:10px 0 0; }
.music-heading p { color:var(--muted); max-width:65ch; margin:0; }
.music-heading .music-label { margin-bottom:10px; }
.music-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.music-card { border:1px solid var(--rule); padding:25px; min-width:0; }
.music-card h3 { font-size:23px; line-height:1.25; letter-spacing:-.025em; margin:14px 0; }
.music-card p { color:var(--muted); }
.music-card strong { color:var(--ink); }
.music-samples { display:flex; flex-wrap:wrap; gap:8px; margin:20px 0; }
.music-samples a { border:1px solid var(--rule); padding:7px 10px; font:11px/1.5 var(--mono); }
.music-small { font-size:13px; }
.music-note { padding:20px 24px; background:var(--field); border-left:3px solid var(--rule-strong); margin-top:24px; }
.music-note p { margin:0; }
.music-prompt { background:var(--field); border:1px solid var(--rule); padding:32px; }
.music-prompt-toolbar { display:flex; justify-content:space-between; align-items:center; gap:16px; flex-wrap:wrap; margin-bottom:24px; }
.music-prompt-toolbar p { margin:0; }
.music-prompt pre { font:16px/1.8 var(--sans); white-space:pre-wrap; overflow-wrap:anywhere; margin:0; max-width:91ch; }
.music-actions { display:flex; gap:12px 20px; flex-wrap:wrap; align-items:center; margin-top:24px; }
.music-status { min-height:1.5em; color:var(--muted); margin:12px 0 0; font-size:13px; }
.music-timeline { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); margin-top:24px; border:1px solid var(--rule); }
.music-beat { padding:18px; border-right:1px solid var(--rule); }
.music-beat:last-child { border:0; }
.music-beat span { display:block; font:11px/1.6 var(--mono); color:var(--muted); margin-bottom:12px; }
.music-beat p { font-size:13px; color:var(--muted); margin:8px 0 0; }
.music-command { border:1px solid var(--rule); padding:24px; background:var(--field); }
.music-command pre { white-space:pre-wrap; overflow-wrap:anywhere; font:13px/1.8 var(--mono); margin:20px 0 0; }
.music-checks { display:grid; grid-template-columns:1fr 1fr; gap:20px 48px; }
.music-checks h3 { margin:0 0 8px; font-size:20px; }
.music-checks p { margin:0; color:var(--muted); }
.music-details { margin-top:24px; }
.music-details summary { cursor:pointer; padding:12px 0; font-weight:600; }
.music-details li { margin:10px 0; }
@media(max-width:900px) { .music-hero { gap:28px; } .music-grid { grid-template-columns:1fr; } .music-timeline { grid-template-columns:1fr; } .music-beat { border-right:0; border-bottom:1px solid var(--rule); } }
@media(max-width:600px) { .music-hero,.music-heading,.music-checks { grid-template-columns:1fr; gap:24px; } .music-hero { padding-top:36px; } .music-section { padding:36px 0; } .music-prompt,.music-command { padding:20px; } .music-prompt pre { font-size:15px; } }