.mcc-controls { display: grid; gap: .75rem; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: end; }
@media (min-width: 760px) { .mcc-controls { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.mcc-presets { display: flex; flex-wrap: wrap; gap: .4rem; margin: .75rem 0 0; }
.mcc-presets button { padding: .3rem .7rem; min-height: 0; font-size: .85rem; }
.mcc-stats { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .5rem; margin: 1rem 0 .75rem; }
@media (min-width: 760px) { .mcc-stats { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.mcc-stat { border: 1px solid var(--line); border-radius: 10px; padding: .55rem .75rem; background: var(--surface-2); min-width: 0; }
.mcc-stat span { display: block; font-size: .78rem; color: var(--muted); }
.mcc-stat b { font-size: 1.05rem; overflow-wrap: anywhere; }
.mcc-wrap { overflow: auto; max-height: 80vh; border: 1px solid var(--line); border-radius: 10px; line-height: 0; text-align: center; background: #fbf8f6; }
#mcc-canvas { display: inline-block; cursor: pointer; }
.mcc-pos { font-size: .85rem; color: var(--muted); margin: .35rem 0 0; min-height: 1.3em; }
.mcc-rows { list-style: none; padding: 0; margin: .5rem 0 0; max-height: 22rem; overflow: auto; border: 1px solid var(--line); border-radius: 10px; }
.mcc-rows li { padding: .35rem .7rem; border-bottom: 1px solid var(--line); font-size: .9rem; cursor: pointer; }
.mcc-rows li:last-child { border-bottom: 0; }
.mcc-rows li span { color: var(--muted); }
.mcc-rows li.done { background: #eef3ef; text-decoration: line-through; text-decoration-color: rgba(0,0,0,.3); }
.mcc-details summary { cursor: pointer; font-weight: 600; margin-top: .75rem; }