.mix-toolbar{display:flex;justify-content:space-between;gap:12px;margin:16px 0}.mix-rail{display:flex;gap:10px;overflow-x:auto;padding:4px 0 14px}.mix-rail button{flex:0 0 104px;border:1px solid var(--line,#665330);background:var(--card,#171717);color:inherit;border-radius:12px;overflow:hidden;padding:0 0 7px}.mix-rail button[aria-pressed=true]{outline:2px solid var(--gold,#d7b361);outline-offset:-2px}.mix-rail img{width:100%;height:72px;object-fit:cover}.mix-rail strong,.mix-rail small{display:block;padding:3px 5px;font-size:11px}.mix-hero img{display:block;width:100%;max-height:260px;object-fit:cover;border-radius:12px;margin-bottom:16px}.mix-hero .exercise-saved-art{height:100px}.cardio-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.cardio-grid label{display:block;font-size:12px}.cardio-grid input,.cardio-grid select{width:100%;box-sizing:border-box;margin-top:7px}.cardio-row{padding:14px 0;border-bottom:1px solid var(--line,#665330)}.cardio-row strong,.cardio-row small{display:block}.cardio-row small{margin-top:5px;line-height:1.6}.cardio-sync{font-size:12px;line-height:1.5;margin:12px 0}.cardio-summary{padding:12px 0;line-height:1.7}.mix-toolbar .btn{font-size:12px;padding:12px}.cardio-entry{margin-top:20px}.cardio-entry h3{margin:6px 0 12px}[hidden]{display:none!important}body[data-theme=vanilla-rose] .mix-rail button{background:#f7eee9;border-color:#b78d83}

.cardio-grid select{font:inherit;min-height:54px;padding:12px 8px;border:1px solid var(--line);border-radius:12px;background:var(--bg);color:var(--text)}.mix-rail{position:sticky;top:0;z-index:20;background:var(--bg);border-radius:12px;padding-top:8px}.mix-view:has(#train.active) .brand{display:flex;align-items:center;justify-content:center;gap:10px;padding:8px 0 12px}.mix-view:has(#train.active) .brand .mark{width:36px;height:36px;margin:0;border-radius:8px}.mix-view:has(#train.active) .brand h1{font-size:16px;letter-spacing:4px;margin:0}.mix-view:has(#train.active) .brand .tag,.mix-view:has(#train.active) .brand:after{display:none}.mix-hero img{max-height:205px}.mix-rail button:focus-visible{outline:3px solid var(--gold2)}