.exercise-demo{min-width:0;margin:8px 0}.exercise-demo-button{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;color:var(--lime);background:rgba(52,211,153,.045);font:600 11px var(--man);cursor:pointer}.exercise-demo-button .fq-icon{width:15px;height:15px}.exercise-demo-image img{display:block;width:auto;max-width:100%;max-height:260px;object-fit:contain;margin:10px auto;background:#fff;border-radius:10px}.exercise-demo-button:focus-visible{outline:2px solid var(--lime);outline-offset:2px}.picker-regions{display:flex;gap:7px;flex-wrap:wrap;padding:12px 16px;border-bottom:1px solid var(--line)}.picker-regions button{border:1px solid var(--line);background:var(--card);color:var(--muted);font:600 11px var(--man);padding:9px 11px;border-radius:9px;cursor:pointer}.picker-regions button[aria-pressed=true]{color:var(--lime);border-color:var(--lime);background:rgba(52,211,153,.07)}.picker-count{padding:10px 16px;font-size:11px;color:var(--muted)}.picker-card{border-bottom:1px solid var(--line);padding:6px 12px}.picker-card .tw-catalog-choice{border:0}.picker-card .exercise-demo{margin:0 0 8px 44px}.picker-card[hidden]{display:none!important}.picker-regions button:focus-visible{outline:2px solid var(--lime);outline-offset:2px}.tc-section-head .tc-add{border:1px solid rgba(52,211,153,.25);background:rgba(52,211,153,.07);padding:9px 11px;border-radius:9px;white-space:nowrap;font-size:11px}.exercise-similar{font-size:10px;color:var(--muted);margin:8px 0;display:inline-block}

.qf-stage-footer{flex-wrap:wrap}.qf-stage-footer>.exercise-demo{flex:1 0 100%}.pb-catalog-item,.wb-catalog-item{flex-wrap:wrap}.pb-catalog-item>.exercise-demo,.wb-catalog-item>.exercise-demo{flex:1 0 100%;grid-column:1/-1}.exercise-demo-image[hidden]{display:none!important}
/* Demonstrations are part of the card, without another disclosure step. */
.tc-ex-thumbnail{display:flex;align-items:center;justify-content:center;width:64px;height:64px;flex:0 0 64px;border-radius:10px;overflow:hidden;background:#f6f7f8;border:1px solid var(--line)}
.tc-ex-thumbnail img{display:block;width:100%;height:100%;object-fit:contain}
.tc-exercise>summary:has(.tc-ex-thumbnail)>.tc-ex-number{display:none}
.tc-exercise.is-done>summary .tc-ex-thumbnail{border-color:rgba(52,211,153,.4)}
.exercise-demo-visible .exercise-demo-image{display:flex;justify-content:center;overflow:hidden;border-radius:12px;background:#f6f7f8;border:1px solid var(--line)}
.exercise-demo-visible .exercise-demo-image img{width:220px;height:180px;max-width:100%;object-fit:contain;margin:0;border-radius:0;background:transparent}
.tc-ex-body>.exercise-demo-visible{margin:0 0 10px}
.picker-card .exercise-demo-visible{margin:0 0 10px 44px;max-width:220px}
@media(max-width:699px){.tc-ex-thumbnail{width:58px;height:58px;flex-basis:58px}.tc-exercise>summary:has(.tc-ex-thumbnail){gap:10px}.exercise-demo-visible .exercise-demo-image img{height:160px}.tc-exercise>summary .tc-ex-title{min-width:0}}
.tc-ex-thumbnail video,.ep-page .ep-preview video{display:block;width:100%;height:100%;object-fit:contain}.exercise-demo-visible .exercise-demo-image video{display:block;width:220px;height:180px;max-width:100%;object-fit:contain}.exercise-motion{background:#f6f7f8}@media(max-width:699px){.exercise-demo-visible .exercise-demo-image video{height:160px}}
.qf-route-node:has(.tc-ex-thumbnail){width:46px;height:46px;flex-basis:46px;background:none}.qf-route-node .tc-ex-thumbnail{width:46px;height:46px;flex-basis:46px}