.exercise-art-button {display:block;padding:0;border:1px solid #80644a66;border-radius:12px;background:#152629;overflow:hidden;color:#e7d9c7;cursor:zoom-in;flex-shrink:0;max-width:100%;}
.exercise-art-picture {display:block;aspect-ratio:1;background-size:200% 600%;background-repeat:no-repeat;background-color:#172a2c;width:100%;}
.exercise-art-button.exercise-art-small {width:74px;min-width:74px;}
.exercise-art-button.exercise-art-large {width:min(100% - 28px,240px);margin:0 auto 18px;}
.exercise-art-caption {display:block;padding:8px 10px;font-size:12px;line-height:1.4;}
.exercise-art-dialog {width:min(92vw,600px);max-height:90dvh;overflow:auto;padding:20px;border:1px solid #9c7956;border-radius:20px;background:#102126;color:#ede1d1;}
.exercise-art-dialog::backdrop {background:#031015d9;}
.exercise-art-dialog h2 {margin:0 0 14px;font:28px Georgia,serif;}
.exercise-art-dialog .exercise-art-picture {border-radius:12px;}
.exercise-art-dialog p {font-size:12px;color:#b8c3bf;}
.exercise-art-close {display:block;width:100%;padding:12px;border:1px solid #b88b62;border-radius:10px;background:#bc8b62;color:#0c191d;font:inherit;cursor:pointer;}
.exercise-art-preference select {display:block;width:100%;margin-top:8px;padding:12px;border-radius:10px;background:#14272b;color:#eadbca;border:1px solid #53615b;font:inherit;}
.training-feature .settings-exercise-head {gap:12px;}
.training-feature .settings-exercise-head>div {min-width:0;flex:1;}
.training-feature .exercise-preview li {flex-wrap:wrap;}
.exercise-art-form-preview {display:flex;gap:14px;align-items:center;}
.exercise-art-form-preview p {margin:0;}
@media(max-width:380px){.exercise-art-button.exercise-art-small{width:58px;min-width:58px;}.exercise-art-dialog{padding:14px;}.training-feature .settings-exercise-head {gap:8px;}}

.training-feature .exercise-art-toggle-thumb {width:54px;min-width:54px;flex:0 0 54px;border-radius:9px;}
.training-feature .exercise-card-toggle:has(.exercise-art-toggle-thumb) .exercise-number{display:none;}

.training-feature .exercise-card-toggle:has(.exercise-art-toggle-thumb){gap:12px;}
.training-feature .exercise-image-assignment{display:block;margin:12px 0;font-size:12px;color:#bdc7c2;}
.training-feature .exercise-image-assignment select{display:block;width:100%;min-width:0;padding:10px;margin-top:6px;background:#12262b;color:#eadfce;border:1px solid #435b60;border-radius:9px;}

/* The thumbnail must own its full grid column, including with long exercise names. */
.training-feature .exercise-card-toggle:has(.exercise-art-toggle-thumb) {grid-template-columns:54px minmax(0,1fr) 24px;gap:12px;}
.training-feature .exercise-title strong {white-space:normal;overflow-wrap:anywhere;line-height:1.25;}
.training-feature .exercise-card-toggle {min-height:76px;padding:10px 12px;}
.training-feature .exercise-card > .exercise-art-large {display:flex;align-items:center;gap:14px;width:calc(100% - 24px);margin:0 12px 12px;text-align:left;background:#13272bb3;}
.training-feature .exercise-art-large .exercise-art-picture {width:104px;flex:0 0 104px;}
.training-feature .exercise-art-large .exercise-art-caption {flex:1;min-width:0;padding:10px;}
.exercise-art-dialog h2 {overflow-wrap:anywhere;}
@media(max-width:599px){.training-feature .exercise-art-large .exercise-art-picture {width:72px;flex-basis:72px;}.training-feature .exercise-art-large .exercise-art-caption {font-size:12px;}}

/* Fixed picture column and a stable right-aligned text column in workout previews. */
.training-feature .adventure-preview .exercise-preview li {display:grid;grid-template-columns:74px minmax(0,1fr);gap:8px 16px;align-items:center;position:relative;}
.training-feature .adventure-preview .exercise-preview .exercise-art-button {grid-column:1;grid-row:1 / span 2;}
.training-feature .adventure-preview .exercise-preview .exercise-index {display:none;}
.training-feature .adventure-preview .exercise-preview li > div {grid-column:2;grid-row:1;min-width:0;text-align:right;}
.training-feature .adventure-preview .exercise-preview li > div strong {white-space:normal;overflow-wrap:anywhere;}
.training-feature .adventure-preview .exercise-preview .mini-rec {grid-column:2;grid-row:2;justify-self:end;margin:0;}
.training-feature .exercise-rep-choice {display:flex;align-items:center;gap:10px;}
.training-feature .exercise-rep-choice input {width:20px;height:20px;flex:0 0 20px;}
@media(max-width:380px){.training-feature .adventure-preview .exercise-preview li{grid-template-columns:58px minmax(0,1fr);gap:8px 12px;}}

/* Visual catalog for plan creation and exercise replacement. */
.training-feature .catalog-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.training-feature .catalog-filters label,.training-feature .exercise-catalog{min-width:0;}
.training-feature .catalog-filters input,.training-feature .catalog-filters select{width:100%;min-width:0;box-sizing:border-box;}
.training-feature .catalog-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-height:340px;overflow:auto;padding:3px;}
.training-feature .catalog-card{display:flex;flex-direction:column;align-items:stretch;gap:8px;padding:9px;border:1px solid #536660;border-radius:14px;background:#172b30;color:#eee1cd;text-align:left;min-width:0;}
.training-feature .catalog-card[aria-pressed=true]{border-color:#e2b787;box-shadow:0 0 0 2px #e2b78766;}
.training-feature .catalog-card .exercise-art-picture{width:100%;min-width:0;aspect-ratio:1;flex:none;border-radius:9px;}
.training-feature .catalog-card strong{display:block;font-size:14px;line-height:1.3;overflow-wrap:anywhere;}
.training-feature .catalog-card small{display:block;margin-top:5px;color:#b4c5c0;}
.training-feature .exercise-catalog>label{display:block;}
.training-feature .exercise-catalog details{margin-top:12px;}
.training-feature .exercise-catalog summary{cursor:pointer;}
.training-feature .exercise-rep-choice{display:flex;align-items:center;gap:10px;}
.training-feature .exercise-rep-choice input[type=checkbox]{width:20px;min-width:20px;}