.session-replay{min-width:0;border:1px solid #c9d7cc;border-radius:12px;padding:14px;background:#f8faf5;margin-top:16px}.session-replay [hidden]{display:none!important}.session-replay button,.session-replay select,.session-replay input{font:inherit;min-height:44px}.session-replay button{min-width:44px;padding:8px 10px}.session-replay label{font-size:13px;margin:0}.session-replay h3{margin:0}.replay-top,.replay-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.replay-top h3{margin-right:auto}.replay-import{max-width:290px}.replay-import input{font-size:12px;width:100%;padding:4px;min-height:36px}.replay-controls{position:sticky;top:124px;z-index:12;padding:8px;background:#e9f0e4;border:1px solid #c9d7cc;border-radius:8px}.replay-controls label{display:flex;align-items:center;gap:5px}.replay-controls select{width:auto;max-width:235px;padding:4px}.replay-controls output{font:13px ui-monospace,monospace;margin-left:auto}.session-replay p{font-size:13px;line-height:1.5;margin:7px 0;white-space:pre-line;overflow-wrap:anywhere}.session-replay #rr-status{color:#24573b}.session-replay #rr-coverage{color:#566858}.session-replay #rr-seek{width:100%;padding:0;border:0;background:transparent}.replay-marks{display:flex;gap:5px;overflow:auto;max-width:100%;padding:5px 0}.replay-marks button{flex:none;font-size:12px;white-space:nowrap}.session-replay button[aria-current=true]{background:#d7eacb;box-shadow:inset 0 0 0 2px #386348}.replay-grid{display:grid;grid-template-columns:minmax(140px,170px) minmax(0,1fr) minmax(180px,230px);gap:12px;align-items:start}.replay-grid>details{margin:0;padding:0;border:0}.replay-grid summary{font-size:14px;padding:8px 0;min-height:44px}.replay-center{border:0;margin:0;padding:0;min-width:0}.replay-steps ol,.replay-notes ol{max-height:58dvh;overflow:auto;margin:0;padding-left:20px}.replay-steps li,.replay-notes li{padding:0 0 4px}.replay-steps button,.replay-notes button{width:100%;text-align:left;font-size:12px;overflow-wrap:anywhere}.replay-notes textarea{width:100%;font:inherit;resize:vertical;padding:8px}.replay-notes>button{width:100%}.replay-stage{position:relative;width:100%;min-height:260px;height:55dvh;max-height:720px;overflow:auto;border:1px solid #bdcfbf;background:#fff}.replay-stage #interface-screen{transform-origin:top left;margin:0;padding:0;border:0;position:relative}.replay-stage #interface-screen iframe{width:100%;height:100%;border:0;pointer-events:none}.replay-stage #rr-bells{width:100%;height:100%;min-height:400px;border:0}.replay-stage #rr-missing{padding:25px;font-size:16px;max-width:620px}.session-replay pre{font-size:11px;white-space:pre-wrap;overflow-wrap:anywhere;max-height:220px;overflow:auto}.replay-bind{border-left:4px solid #bc873b;padding:8px;background:#fcf2de}.session-replay #rr-fork-settings{padding:10px;border:2px solid #bb8d35}.session-replay #rr-fork-settings label{display:inline-flex;gap:6px;align-items:center}.research-columns.research-selectors{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.research-selectors section{margin-top:0}.research-selectors h3{font-size:15px;margin:8px 0}.research-selectors select{height:48px}.research-record-details{font-size:12px}.research-record-details summary{font-size:13px}.replay-preview{max-width:1600px;margin:auto;padding:16px;font-family:system-ui,sans-serif;background:#f5f4ee;color:#1d342b}.replay-preview>header{display:flex;justify-content:space-between;gap:12px;align-items:center}.replay-preview .replay-controls{top:0}.replay-preview header button{min-width:44px;min-height:44px}.replay-preview button[aria-pressed=true]{text-decoration:underline;text-underline-offset:4px}
@media(max-width:1050px){.replay-grid{grid-template-columns:130px minmax(0,1fr)}.replay-notes{grid-column:1/-1}.replay-notes textarea{max-width:600px}.replay-notes>button{width:auto}.replay-notes ol{max-height:200px}}
@media(max-width:700px){.session-replay{padding:8px}.replay-grid{display:flex;flex-direction:column}.replay-center{order:0;width:100%}.replay-steps{order:1;width:100%}.replay-notes{order:2;width:100%}.replay-steps ol{max-height:220px}.replay-controls{top:120px;gap:5px}.replay-preview .replay-controls{top:0}.replay-controls button{font-size:12px}.replay-controls label{font-size:11px}.replay-controls select{font-size:12px;max-width:190px}.replay-controls output{margin-left:0}.research-columns.research-selectors{grid-template-columns:1fr}.replay-stage{height:52dvh;min-height:260px}.replay-top{align-items:flex-start}.replay-import{max-width:100%}.replay-preview{padding:8px}}

.session-replay.replay-focused{position:fixed;inset:0;z-index:100;margin:0;border:0;border-radius:0;overflow:auto;padding:12px;background:#f8faf5}.replay-focused .replay-top h3{font-size:16px}.replay-focused #rr-context,.replay-focused #rr-coverage,.replay-focused #rr-sound-note{display:none}.replay-focused .replay-controls{top:0}.replay-focused .replay-grid{margin-top:8px}.replay-focused .replay-stage{max-height:calc(100dvh - 250px)}.replay-focused #rr-bells{min-height:300px}.replay-focused .replay-notes ol,.replay-focused .replay-steps ol{max-height:calc(100dvh - 290px)}

.session-replay iframe{min-height:0}.session-replay .replay-stage #replayed-tool{min-height:0;border-radius:0}.session-replay label{display:block}.replay-controls label{display:flex}.session-replay section{margin:0}#research-panel:has(#research-replay){max-width:1600px}

#rr-save-state[data-state=unsaved],#rr-relink{color:#814a17;background:#fff0d6;padding:8px;border-left:4px solid #b17736}#rr-save-state[data-state=saved],#rr-save-state[data-state=recovered]{color:#24573b}