[data-machine-animation]{width:100%;max-width:600px;margin:24px auto;color:#e9f1f7}
[data-machine-animation] .cma-card{overflow:hidden;border:1px solid #40596d;border-radius:12px;background:#132330;box-shadow:0 12px 35px #0002}
[data-machine-animation] .cma-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px 0}
[data-machine-animation] .cma-title{margin:0;font:700 16px/1.3 Arial,Helvetica,sans-serif;color:#f3f7fb}
[data-machine-animation] .cma-tag{font:600 10px/1.3 Arial,Helvetica,sans-serif;letter-spacing:.09em;text-transform:uppercase;color:#b0c5d5;white-space:nowrap}
[data-machine-animation] .cma-svg{display:block;width:100%;height:auto;max-height:360px;overflow:hidden}
[data-machine-animation] .cma-svg text{font-family:Arial,Helvetica,sans-serif;fill:#f1f6fa}
[data-machine-animation] .cma-foot{padding:0 18px 16px}
[data-machine-animation] .cma-controls{display:flex;gap:12px;align-items:center;justify-content:space-between}
[data-machine-animation] .cma-stage{margin:0;font:600 13px/1.45 Arial,Helvetica,sans-serif;color:#dbe8f1;min-height:20px}
[data-machine-animation] .cma-toggle{flex:0 0 auto;min-width:84px;min-height:38px;padding:7px 11px;border:1px solid #668197;border-radius:5px;background:#213c51;color:#fff;font:700 12px/1.3 Arial,Helvetica,sans-serif;cursor:pointer}
[data-machine-animation] .cma-toggle:hover{background:#2d506b}
[data-machine-animation] .cma-toggle:focus-visible{outline:3px solid #ffbf60;outline-offset:3px}
[data-machine-animation] .cma-track{height:3px;margin:12px 0 10px;overflow:hidden;background:#314858;border-radius:2px}
[data-machine-animation] .cma-progress{height:100%;width:100%;background:#79b9e5;transform:scaleX(0);transform-origin:left}
[data-machine-animation] .cma-note{margin:0;font:400 11px/1.5 Arial,Helvetica,sans-serif;color:#aabcca}
[data-machine-animation] .cma-part{stroke:#0c1823;stroke-width:2;stroke-linejoin:round}
[data-machine-animation] .cma-silver{fill:#b7c6cd;stroke:#566c7b;stroke-width:1.5}
[data-machine-animation] .cma-bolt{fill:#b5c6cf;stroke:#354a59;stroke-width:2}
[data-machine-animation] .cma-detail{fill:none;stroke:#7c94a5;stroke-width:2}
@media(max-width:400px){[data-machine-animation] .cma-top{padding:14px 12px 0}[data-machine-animation] .cma-foot{padding:0 12px 14px}[data-machine-animation] .cma-tag{display:none}[data-machine-animation] .cma-title{font-size:15px}}
@media(prefers-reduced-motion:reduce){[data-machine-animation] .cma-progress{transition:none}}

[data-machine-animation] .cma-scrub-label{display:grid;gap:6px;margin:12px 0;font:600 11px/1.4 Arial,Helvetica,sans-serif;color:#cfdfeb}
[data-machine-animation] .cma-scrub{width:100%;min-height:26px;margin:0;accent-color:#f2be72;cursor:pointer}
[data-machine-animation] .cma-scrub:focus-visible{outline:2px solid #f2be72;outline-offset:3px}
/* Photo-led machine studies: dimensional paint, fine metal edges and readable controls. */
[data-machine-animation]{max-width:760px}
[data-machine-animation] .cma-card{border-radius:16px;background:linear-gradient(150deg,#243a49,#132330 65%);border-color:#4d6474}
[data-machine-animation] .cma-top{padding:20px 20px 4px;align-items:flex-start}
[data-machine-animation] .cma-title{font-size:17px;line-height:1.4}
[data-machine-animation] .cma-svg{max-height:none;background:radial-gradient(ellipse at 52% 42%,#35506233,transparent 65%)}
[data-machine-animation] .cma-part{stroke:#14212b;stroke-width:1.15}
[data-machine-animation] .cma-edge{stroke:#14212b;stroke-width:.9;stroke-linejoin:round}
[data-machine-animation] .cma-bolt{stroke-width:.8}
[data-machine-animation] .cma-viewport{aspect-ratio:12/7;display:grid;align-items:center}
[data-machine-animation] .cma-photo{width:100%;height:100%;max-height:440px;object-fit:contain;background:#edf1f2;border-radius:4px}
[data-machine-animation] [hidden]{display:none!important}
[data-machine-animation] .cma-foot{padding:0 20px 20px}
[data-machine-animation] .cma-stage{min-height:2.9em;margin:3px 0 9px;line-height:1.45}
[data-machine-animation] .cma-controls{justify-content:flex-start;gap:8px;flex-wrap:wrap}
[data-machine-animation] .cma-controls button,[data-machine-animation] .cma-expand{min-height:44px;padding:9px 12px;border:1px solid #698495;border-radius:7px;background:#263f50;color:#f2f7fa;font:600 12px/1.4 Arial,Helvetica,sans-serif;cursor:pointer}
[data-machine-animation] .cma-toggle{background:#dceaf2!important;color:#102a3c!important;border-color:#dceaf2!important}
[data-machine-animation] .cma-controls button:hover,[data-machine-animation] .cma-expand:hover{background:#3a596e}
[data-machine-animation] button:focus-visible,[data-machine-animation] select:focus-visible{outline:3px solid #efc374;outline-offset:3px}
[data-machine-animation] .cma-speed-label{display:flex;align-items:center;gap:5px;color:#cbdae3;font:12px Arial,sans-serif;margin-left:auto}
[data-machine-animation] .cma-speed{min-height:44px;padding:8px 6px;border-radius:7px;border:1px solid #698495;background:#203a4c;color:#f0f5fa;font:600 13px Arial,sans-serif}
[data-machine-animation] .cma-track{height:2px;margin:15px 0 0}
[data-machine-animation] .cma-scrub-label{margin:13px 0 14px;color:#dce7ee;font-size:12px}
[data-machine-animation] .cma-scrub{min-height:34px;accent-color:#e9b35e}
[data-machine-animation] .cma-note{color:#b5c7d3;line-height:1.6}
[data-machine-animation] .cma-video{display:block;width:100%;aspect-ratio:960/784;margin:16px 0;background:#182f3d;object-fit:contain}
[data-machine-animation] .cma-pedal{display:flex;gap:12px;align-items:center;margin:12px 0}
[data-machine-animation] .cma-pedal svg{flex:none}
[data-machine-animation] .cma-pedal p{margin:0;min-height:0}
[data-machine-animation] .cma-pedal-lever{transform-origin:10px 20px;transition:transform .15s}
[data-machine-animation] .is-pressed .cma-pedal-lever{transform:translateY(6px)}
[data-machine-animation] .cma-transcript{margin-top:16px;color:#c4d6e2;font:12px/1.65 Arial,sans-serif}
[data-machine-animation] .cma-transcript summary{padding:10px 0;cursor:pointer;min-height:44px;box-sizing:border-box}
[data-machine-animation] .cma-transcript ol{margin:6px 0 0;padding-left:21px}
[data-machine-animation] .cma-card:fullscreen{width:100vw;height:100dvh;box-sizing:border-box;display:flex;flex-direction:column;overflow:auto;border:0;border-radius:0;padding:10px max(10px,calc((100vw - 1000px)/2))}
[data-machine-animation] .cma-card:fullscreen .cma-viewport{flex:1;min-height:0;aspect-ratio:auto}
[data-machine-animation] .cma-card:fullscreen .cma-svg,[data-machine-animation] .cma-card:fullscreen .cma-photo{width:100%;height:100%;max-height:65vh;object-fit:contain}
[data-machine-animation] .cma-card:fullscreen .cma-video{flex:1;min-height:0;max-height:72vh}
@media(max-width:480px){[data-machine-animation] .cma-top{padding:16px 13px 0}[data-machine-animation] .cma-foot{padding:0 13px 16px}[data-machine-animation] .cma-tag{display:none}[data-machine-animation] .cma-controls{gap:6px}[data-machine-animation] .cma-controls button{padding:8px 10px;font-size:11px}[data-machine-animation] .cma-speed-label{margin-left:0}[data-machine-animation] .cma-stage{font-size:12px}}
@media(prefers-reduced-motion:reduce){[data-machine-animation] .cma-pedal-lever{transition:none}}