/* All visual rules are scoped to the additive training module. */
#trainingTools { width:100%;box-sizing:border-box;border:1px solid var(--line);border-radius:14px;margin:0 0 12px;background:var(--panel);text-align:left;container-type:inline-size; }
#trainingTools > summary {display:list-item;cursor:pointer;padding:14px 16px;margin:0;font-size:13px;list-style-position:inside;}
#trainingTools .training-content {padding:0 14px 14px;}
#trainingTools .training-columns {display:grid;grid-template-columns:1fr;gap:16px;}
#trainingTools .training-equipment {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;}
#trainingTools .training-equipment button {display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:6px 3px;font-size:11px;line-height:1.2;min-height:76px;white-space:normal;}
#trainingTools .training-equipment canvas {display:block;width:38px;height:38px;min-height:0;max-width:100%;border:0;border-radius:0;background:transparent;box-shadow:none;touch-action:auto;}
#trainingTools .training-modes,#trainingTools .training-actions {display:flex;flex-wrap:wrap;gap:8px;align-items:center;}
#trainingTools .training-modes button {flex:1;}
#trainingTools button {min-height:40px;white-space:normal;}
#trainingTools .training-properties {display:grid;grid-template-columns:1fr 1fr;gap:8px;border:0;padding:10px 0;margin:0;min-width:0;}
#trainingTools .training-properties:disabled {opacity:.5;}
#trainingTools label {display:block;margin-bottom:6px;}
#trainingTools select,#trainingTools input {box-sizing:border-box;max-width:100%;min-width:0;width:100%;}
#trainingTools input[type=range] {padding:0;min-height:30px;}
#trainingTools output {float:right;font-size:12px;}
#trainingTools .hint {font-size:12px;line-height:1.45;margin:10px 0;}
#trainingTools [hidden] {display:none !important;}
#trainingTools :focus-visible,#pitch.training-editing:focus-visible {outline:2px solid var(--accent,#4cc9f0);outline-offset:3px;}
#pitch.training-editing {touch-action:none;cursor:crosshair;}
@media(max-width:600px) {
 #trainingTools .training-columns {grid-template-columns:1fr;gap:10px;}
 #trainingTools .training-content {padding:0 10px 10px;}
 #trainingTools .training-modes button {font-size:11px;}
 #trainingTools .training-actions button {flex:1;font-size:11px;}
}

@container (min-width:620px) { #trainingTools .training-columns {grid-template-columns:1fr 1fr;} }

#trainingTools .training-carriers {margin:12px 0;}
#trainingTools .training-carriers > summary {cursor:pointer;padding:10px 0;}
#trainingTools #trainingCarriers {max-height:240px;overflow-y:auto;}
#trainingTools #trainingCarriers label {display:flex;align-items:center;gap:10px;min-height:40px;overflow-wrap:anywhere;}
#trainingTools #trainingCarriers input {width:20px;height:20px;flex:0 0 20px;}
#trainingTools #trainingOwnerLabel {grid-column:1 / -1;}