.method-playback{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:28px 0 22px}
.method-playback>div{display:flex;align-items:center;gap:20px}
.method-chapters{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;padding:0;margin:0 0 22px}
.method-chapters button{width:100%;padding:8px 0;text-align:left}
.method-chapters .chapter-label{display:flex;align-items:baseline;gap:9px;font-size:10px;color:#9a958c;white-space:nowrap}
.method-chapters b{font-size:11px;font-weight:500;color:#9a958c}
.method-chapters .chapter-track{display:block;height:3px;background:#e9e4da;margin-top:10px;overflow:hidden}
.method-chapters i{display:block;height:100%;width:0;background:var(--accent)}
.method-chapters .is-current b,.method-chapters .is-current .chapter-label{color:var(--accent);font-weight:600}
.method-chapters button:hover b{color:var(--accent)}
.method-chapters .is-past b{color:var(--ink)}
.method-panel{padding:25px 24px 14px;background:#fffdf8;border-color:#d9d5cd}
.method-copy{min-height:142px}
.method-copy p{max-width:900px}
#method-media .group-controls{display:none}
#method-media .video-open{background:#fff;border-color:transparent}
#method-media .video-label{justify-content:center;text-align:center;font-size:10px}
#method-media .media-group{min-height:530px}
#method-media .video-card.pose .video-open{aspect-ratio:1.15}
.scene-label{display:block;text-transform:uppercase;font-size:10px;letter-spacing:.5px;color:var(--muted);line-height:1.6}
.seed-ribbon{display:flex;align-items:center;gap:13px;flex-wrap:wrap;margin:0 0 24px;padding:10px 13px;background:#eef2eb;border-left:2px solid var(--accent);font-size:10px;color:#4a6353}
.seed-ribbon>span{font-size:9px;letter-spacing:.7px}.seed-ribbon strong{font-weight:600}.seed-ribbon q{color:#5d685d}
.cluster-phases{display:flex;gap:16px;align-items:center;justify-content:center;font-size:11px;color:#9c978f;line-height:1.5;margin-bottom:14px}
.cluster-phases i{font-style:normal;color:#aaa49a}.cluster-phases .is-active{color:var(--accent);font-weight:600}
.descriptor-line{display:flex;justify-content:center;align-items:center;gap:9px;flex-wrap:wrap;min-height:44px;font-size:9px;color:#8c877f;border-block:1px solid #e8e3da;padding:8px}
.descriptor-line>span{padding:2px 5px;background:#f0ede7;border-radius:3px}
.descriptor-line b{font-weight:500}.descriptor-line.is-active{color:var(--accent);background:#eef2eb}
.descriptor-line.is-active>span{background:#dee8dc}
.cluster-canvas{height:400px;position:relative;margin-top:14px;overflow:hidden}
.cluster-card{position:absolute;width:20%;will-change:left,top}
.cluster-card .video-open{box-shadow:0 2px 12px #18181806;transition:border-color .2s,box-shadow .2s}
.cluster-card.selected-seed .video-open{border:2px solid var(--accent)!important;box-shadow:0 0 0 5px #47756114}
.cluster-box{position:absolute;width:49%;height:95%;border:1px dashed #b4c2ae;border-radius:10px;background:#f2f5ee90;padding:16px;opacity:0;text-align:center}
.cluster-one{left:0}.cluster-two{right:0;border-color:#a5bcc6;background:#edf2f380}
.cluster-box>b{display:block;font-size:12px;color:#5b7661;font-weight:500}.cluster-two>b{color:#56788b}
.cluster-box>span{position:absolute;bottom:12px;left:10px;right:10px;font-size:10px;color:#697365;line-height:1.5}
.cluster-selection{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:9px;color:#999189;min-height:30px}
.seed-marker{font-size:11px;color:var(--accent);opacity:0}.seed-picked .seed-marker{opacity:1}
.retarget-flow{display:grid;grid-template-columns:1.05fr .8fr 3.6fr;gap:12px;align-items:center;min-height:330px}
.human-seed>.scene-label{text-align:center;min-height:42px}.human-seed .video-card{max-width:210px;margin:auto}
.transfer-arrow{display:flex;flex-direction:column;text-align:center;align-items:center;gap:8px;color:#7b8178;font-size:9px;line-height:1.6}
.transfer-arrow i{font:36px/1 var(--serif);font-style:normal;color:#a4b29f}.transfer-arrow small{font-size:9px;max-width:100px}
.transfer-arrow.is-active{color:var(--accent)}.transfer-arrow.is-active i{color:var(--accent)}
.geometry-labels{display:grid;grid-template-columns:1fr 2fr 2fr;margin-bottom:14px;font-size:10px;text-align:center;color:var(--muted)}
.geometry-labels span{padding-block:8px;border-bottom:1px solid var(--border);margin-inline:4px}
.retarget-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}
.retarget-cards .video-label{font-size:9px!important}
.parameter-row{display:flex;justify-content:center;gap:18px;margin-top:10px;font-size:11px}
.parameter-row>span{padding:7px 15px;border:1px solid #d7dfd2;border-radius:5px;background:#f4f6f0}
.augmentation-input{text-align:center}.branch-lines{height:48px;margin-inline:2%}.branch-lines svg{width:100%;height:100%;fill:none;stroke:#91a38d;stroke-width:1.5}
.trajectory-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.trajectory-cards .video-open{aspect-ratio:1.25!important}
.motion-phases{display:flex;gap:16px;align-items:center;justify-content:center;padding:18px 0 6px;font-size:10px;color:#817c74}
.motion-phases i{font-style:normal;color:#b3aba0}
.physics-process{display:grid;grid-template-columns:1fr 30px 1.1fr 30px 1fr;gap:10px;align-items:center;text-align:center;margin:0 0 23px}
.physics-process strong{display:block;font-size:11px;font-weight:500;line-height:1.6;margin-top:4px}
.physics-process>i{font-style:normal;color:#97a48e}.physics-process small{display:block;font-size:9px;line-height:1.6;margin-top:6px;color:var(--muted)}
.reference-thumbnails{display:flex;justify-content:center;gap:2px;margin-top:7px}.reference-thumbnails img{width:30%;object-fit:contain;border-radius:4px}
.controller-split{border:1px solid var(--border);border-radius:5px;padding:12px;text-align:left;font-size:9px;line-height:1.7;color:#8a847b;background:#f9f6ef}
.controller-split>span{display:block}.controller-split>span+span{border-top:1px solid var(--border);margin-top:7px;padding-top:7px}.controller-split b{display:block;font-size:11px;font-weight:500;color:#3f493d}
.controller-split.is-active{border-color:#adc0a8;background:#eff3ea}
.render-views{display:grid;grid-template-columns:1.7fr 70px 1fr;gap:12px;align-items:center;max-width:760px;margin:0 auto}
.render-source .video-open{aspect-ratio:1.24!important}
.camera-views{display:grid;grid-template-columns:1fr;gap:16px}
.camera-views .video-open{aspect-ratio:16/9!important;border:2px solid #55a8ba!important}.camera-views .wrist-view .video-open{border-color:#dcb264!important}
.camera-connector{display:grid;gap:26px;color:#96a496;text-align:center}.camera-connector>span{font-size:10px}.camera-connector>i{font-size:25px;font-style:normal;line-height:1}
.learning-flow{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:22px;padding:13px;border:1px solid #ddd8ce;border-radius:5px;color:#8c877f;font-size:10px}
.learning-flow>div>span{display:block}.learning-flow>i{font-style:normal}.learning-flow strong{font-size:12px;font-weight:500;white-space:nowrap}.learning-flow small{display:block;max-width:230px;font-size:9px}.learning-flow b{font-weight:500}
.learning-flow.is-active{color:#4a6350;border-color:#b2c1ac;background:#f0f4eb}
.method-output{font-size:10px;min-height:52px}.method-output>span{max-width:56%}.method-output>div{gap:12px}
.data-stages{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:20px 0}
.data-stages button{position:relative;border:1px solid var(--border);border-radius:5px;text-align:left;padding:11px 12px;font-size:11px;line-height:1.5;background:#fffdf8;white-space:nowrap}
.data-stages button>span{display:block;font-size:9px;color:var(--muted);margin-bottom:5px}
.data-stages button[aria-selected=true]{background:#edf1e8;border-color:#91ab89;box-shadow:inset 0 -2px var(--accent)}
.data-stages button:not(:last-child):after{content:'›';position:absolute;right:-8px;top:23px;color:#9c978f}
.case-picker{display:flex;align-items:center;gap:17px;padding:0 0 13px;border-bottom:1px solid var(--border);margin-bottom:16px}
.case-picker>span{font-size:10px;color:var(--muted);white-space:nowrap}.case-picker>div{display:flex;flex-wrap:wrap;gap:8px}
.case-picker button{border:1px solid #d8d3ca;padding:5px 10px;font-size:11px;border-radius:4px}.case-picker button[aria-pressed=true]{color:var(--accent);background:#edf1e8;border-color:#9aaf92}
#bank-description{margin:0 0 14px}#bank-media .video-open{aspect-ratio:1.05}#bank-media .video-label{font-size:10px}
@media(max-width:760px){
 .method-playback{gap:10px;align-items:flex-start}.method-playback>div{gap:10px}
 .method-chapters{gap:7px}.method-chapters .chapter-label{flex-direction:column;gap:2px;font-size:9px}.method-chapters b{font-size:9px}
 .method-panel{padding:18px 12px 12px}.method-copy{min-height:220px}.method-copy p{font-size:11px}#method-media .media-group{min-height:530px}
 .cluster-phases{font-size:9px;gap:6px}.descriptor-line{font-size:8px;gap:5px;padding:7px 3px;min-height:60px}
 .seed-ribbon{gap:5px 12px;padding:8px 9px;margin-bottom:18px}.seed-ribbon q{flex-basis:100%}
 .retarget-flow{grid-template-columns:1fr;gap:13px;min-height:0}.human-seed{display:flex;align-items:center;justify-content:center;gap:20px}.human-seed .scene-label{max-width:110px;min-height:0}.human-seed .video-card{width:110px;margin:0}
 .transfer-arrow{flex-direction:row;justify-content:center;gap:12px}.transfer-arrow i{transform:rotate(90deg);font-size:22px}.transfer-arrow small{max-width:120px}
 .retarget-cards{gap:4px;grid-template-columns:repeat(5,minmax(0,1fr))}.retarget-cards .video-label{font-size:8px!important;line-height:1.4}.geometry-labels{font-size:9px;margin-bottom:5px}
 .parameter-row{gap:6px;font-size:9px}.parameter-row>span{padding:6px}.trajectory-cards{gap:6px}.trajectory-cards .video-label{font-size:8px!important}.motion-phases{gap:4px;font-size:8px;justify-content:space-between}.branch-lines{height:40px}
 .physics-process{grid-template-columns:1fr 12px 1.2fr;gap:6px;margin-bottom:20px}.physics-process>i:nth-last-child(2){display:none}.physics-process>div:last-child{grid-column:1/-1;display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:6px}.physics-process strong{font-size:10px}.physics-process>div:last-child strong{margin:0}.physics-process>div:last-child small{margin:0}.controller-split{padding:8px}.controller-split b{font-size:10px}
 .render-views{grid-template-columns:1fr 20px 1fr;gap:6px}.camera-connector{gap:10px}.camera-connector>span{font-size:8px}.camera-connector>i{font-size:18px}.camera-views{gap:9px}.camera-views .video-label{font-size:9px!important}
 .learning-flow{gap:7px;font-size:8px;padding:8px;flex-wrap:wrap}.learning-flow strong{font-size:10px}.learning-flow small{font-size:8px;max-width:150px}.learning-flow>div:last-child{flex-basis:100%;text-align:center;border-top:1px solid #dce1d6;padding-top:6px}.learning-flow>div:last-child small{max-width:none}
 .method-output{flex-direction:column;align-items:stretch;gap:10px}.method-output>span{max-width:100%;font-size:9px;min-height:32px}.method-output>div{justify-content:flex-end}
 .data-stages{gap:6px}.data-stages button{padding:9px 3px;font-size:8px;white-space:normal}.data-stages button>span{font-size:8px}.data-stages button:after{display:none}
 .mode-tabs{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px}.mode-tabs button{padding:7px 0}
 .case-picker{align-items:flex-start;gap:8px;flex-direction:column}.case-picker button{font-size:10px;padding:5px 8px}
}
@media(max-width:600px){.cluster-canvas{height:380px}.cluster-card{width:40%}.cluster-card .video-open{aspect-ratio:1.5!important}.cluster-card .video-label{margin-top:3px;font-size:9px!important}.cluster-box{padding:8px}.cluster-box>span{font-size:9px;bottom:10px}.cluster-selection{align-items:flex-start;flex-direction:column;gap:2px;min-height:48px}.seed-marker{font-size:10px}}