.member-app #member-dialog.member-comparison-dialog{width:min(1040px,calc(100vw - 24px));max-width:none}
.comparison-note,.comparison-status,.comparison-clock{font-size:13px;line-height:1.6;color:#52675e}
.comparison-status{min-height:1.6em;margin:8px 0}
.comparison-modes,.comparison-anchors{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}
.comparison-modes button,.comparison-anchors button,.comparison-playback button{font:inherit;font-size:13px;min-height:42px;border:1px solid #cbd7cf;border-radius:10px;background:#fff;color:#204b3b;padding:8px 14px;cursor:pointer}
.comparison-modes button[aria-pressed=true],.comparison-anchors button[aria-pressed=true]{background:#174b3b;color:#fff;border-color:#174b3b}
.comparison-anchors button:disabled,.comparison-playback button:disabled{opacity:.45;cursor:default}
.comparison-stage{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;isolation:isolate}
.comparison-stage figure{position:relative;min-width:0;margin:0;background:#14271f;border-radius:12px;overflow:hidden;height:clamp(170px,45dvh,480px)}
.comparison-stage video{display:block;width:100%;height:100%;object-fit:contain;background:transparent}
.comparison-stage figcaption{position:absolute;top:8px;left:8px;padding:4px 8px;background:#122b20cc;color:#fff;font-size:12px;border-radius:6px;pointer-events:none}
.comparison-stage[data-layout=overlay]{grid-template-columns:minmax(0,1fr);gap:0}
.comparison-stage[data-layout=overlay] figure{grid-area:1/1}
.comparison-stage[data-layout=overlay] figure+figure{background:transparent;z-index:1}
.comparison-stage[data-layout=overlay] figure+figure video{opacity:var(--comparison-opacity,.5)}
.comparison-stage[data-layout=overlay] figure+figure figcaption{left:auto;right:8px}
.comparison-opacity{display:grid;grid-template-columns:auto minmax(60px,1fr) 42px;align-items:center;gap:12px;margin:12px 0;font-size:13px}
.comparison-opacity[hidden]{display:none}
.comparison-playback{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:14px}
.comparison-playback [data-comparison-play]{flex:1;min-width:100px;background:#174b3b;color:#fff}
.comparison-playback label{display:flex;align-items:center;gap:8px;font-size:12px;white-space:nowrap}
.comparison-playback select{width:auto;min-width:90px;flex:0 1 140px;padding:8px;border:1px solid #cbd7cf;border-radius:8px;background:#fff;color:#204b3b;font:inherit;min-height:42px}
.comparison-timeline{display:grid;gap:8px;margin-top:14px;font-size:12px}
.comparison-timeline input,.comparison-opacity input{width:100%;min-width:0;min-height:28px;margin:0;accent-color:#174b3b}
.comparison-clock{display:block;font-variant-numeric:tabular-nums;text-align:center;margin-top:4px}
@media(max-width:480px){.member-comparison-dialog .member-dialog-content{padding-left:12px;padding-right:12px}.comparison-stage{gap:4px}.comparison-stage figcaption{top:5px;left:4px;padding:3px 5px;font-size:11px}.comparison-playback{gap:6px}.comparison-playback label{width:100%;justify-content:flex-end}.comparison-opacity{gap:8px;grid-template-columns:auto minmax(40px,1fr) 38px;font-size:12px}}