.equipment-toolbar{margin-bottom:16px}.equipment-tabs{display:flex;gap:8px}.equipment-tabs>.btn{flex:1;padding:10px 8px}.machine-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}.machine-card{padding:0;overflow:hidden}.machine-open{background:none;border:0;text-align:left;color:inherit;padding:18px;width:100%;height:100%}.machine-cover{height:200px;background:var(--surface2);border-radius:12px;overflow:hidden;margin-bottom:16px}.machine-cover img,.machine-hero img,.photo-preview img{width:100%;height:100%;object-fit:contain}.machine-hero{height:260px;border-radius:14px;background:var(--surface2);overflow:hidden}.photo-preview{height:230px;background:var(--surface2);border:1px dashed var(--line);border-radius:14px;overflow:hidden}.photo-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:22px;text-align:center;color:var(--muted)}.photo-empty .icon{width:52px;height:52px}.photo-picker label.btn{position:relative;overflow:hidden}.photo-input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.photo-picker label:focus-within{outline:3px solid var(--blue);outline-offset:3px}.machine-exercises{border:1px solid var(--line);border-radius:12px;padding:16px;max-height:280px;overflow:auto}.machine-exercises legend{padding:0 6px;font-weight:600}.equipment-exercise{display:flex;gap:14px;align-items:flex-start;padding:18px}.equipment-exercise .spacer{min-width:0}.equipment-exercise h3{overflow-wrap:anywhere}.equipment-exercise .exercise-art{flex-shrink:0;width:76px;height:86px}.exercise-photo{overflow:hidden}.exercise-photo img{width:100%;height:100%;object-fit:contain}.equipment-selection{position:sticky;bottom:14px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:var(--surface);border:1px solid var(--blue);border-radius:14px;padding:16px;margin-top:24px;z-index:4;box-shadow:var(--shadow)}.machine-detail .notice{font-size:13px}.machine-detail .equipment-tabs .btn{font-size:13px}.machine-panel{min-height:130px}.machine-open:hover h2{color:var(--blue)}
@media(max-width:700px){.equipment-selection{bottom:84px;padding:12px}.equipment-selection .spacer{flex-basis:100%;font-size:13px}.equipment-exercise{padding:14px;gap:10px}.equipment-exercise .exercise-art{width:58px;height:76px}.equipment-tabs .btn{font-size:13px}.machine-hero{height:220px}.photo-preview{height:200px}}