/* Hallmark: existing SamAutomation tokens; working JSON status check. */
.music-lab{background:var(--bg-2);padding:24px;margin:32px 0;border-block:1px solid var(--border)}
.music-lab label{display:block;font-weight:700;margin-bottom:12px;color:var(--fg)}
.music-lab textarea{display:block;box-sizing:border-box;width:100%;resize:vertical;min-height:190px;padding:16px;background:var(--bg);color:var(--fg);border:1px solid var(--border);border-radius:var(--radius);font:14px/1.65 var(--font-mono)}
.music-lab button{display:inline-block;padding:12px 20px;margin:16px 0;background:var(--accent);color:var(--on-accent,#08130e);font-weight:700;border:0;border-radius:var(--radius);cursor:pointer}
.music-lab :focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.music-lab output{display:block;color:var(--fg);font-size:1.1em;line-height:1.65;min-height:3.3em}
.music-source{font-size:.85em}
@media(max-width:520px){.music-lab{padding:20px 16px}.music-lab textarea{font-size:13px}}

.music-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;margin-block:32px}.music-columns h2{margin-top:0}@media(max-width:700px){.music-columns{grid-template-columns:minmax(0,1fr)}}

/* Keep page-local controls readable and respect the existing reduced-motion preference. */
.theme-dark .btn-primary{color:var(--bg)}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.music-lab p code{white-space:normal;overflow-wrap:anywhere;word-break:break-word}