.mc-grid { display: grid; gap: var(--sp-3, .75rem); }
@media (min-width: 760px) { .mc-grid { grid-template-columns: 1fr 1fr; } }
.mc-grid textarea { min-height: 9rem; }
#mc-morse { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; letter-spacing: .06em; }
.mc-player { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem; margin-top: .85rem; }
.mc-light { width: 2.6rem; height: 2.6rem; border-radius: 50%; border: 2px solid var(--line); background: var(--surface-2); flex: none; transition: background .02s; }
.mc-light.on { background: #f5c451; border-color: #c99a2e; box-shadow: 0 0 18px 4px rgba(245, 196, 81, .55); }
.mc-sliders { display: grid; gap: .5rem .9rem; grid-template-columns: 1fr; margin-top: .85rem; }
@media (min-width: 600px) { .mc-sliders { grid-template-columns: 1fr 1fr; } }
.mc-sliders input[type=range] { width: 100%; accent-color: var(--rose-700); }
.mc-sliders label { display: flex; justify-content: space-between; gap: .5rem; }