.live-review{--lr-bg:var(--ui-surface,#fff);--lr-line:var(--ui-line,#dce1ea);--lr-ink:var(--ui-ink,#222735);--lr-muted:var(--ui-muted,#626c7c);color:var(--lr-ink)}.live-review h2{font-weight:550;font-size:22px}.live-review p{font-size:14px;color:var(--lr-muted)}.lr-heading,.lr-page-tools,.lr-url-form,.lr-evidence-tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.lr-heading{justify-content:space-between}.lr-url-form input{flex:1;min-width:220px}.lr-sessions{margin:12px 0;width:min(100%,500px)}.lr-split{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;margin-top:14px}.lr-preview,.lr-feedback{background:var(--lr-bg);border:1px solid var(--lr-line);border-radius:14px;overflow:hidden}.lr-page-scroll{position:relative;overflow:hidden;height:min(70vh,850px);min-width:0}.lr-page{display:block;border:0;background:white;max-width:none}.lr-feedback{position:static!important;width:auto!important;margin:0!important;padding:18px!important;height:auto!important;z-index:auto!important;box-shadow:none!important}.lr-feedback h3{font-size:17px;font-weight:500}.lr-finding-form{display:grid;gap:10px}.lr-finding-form label{font-size:13px;display:grid;gap:5px}.lr-finding-form input,.lr-finding-form textarea,.lr-finding-form select{width:100%;font:inherit;padding:9px;border:1px solid var(--lr-line);border-radius:8px}.lr-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.lr-finding-form .lr-task{display:flex;align-items:center;gap:8px}.lr-task input{width:auto}.lr-context{padding:10px;background:var(--ui-raised,#f5f6fa);border-radius:8px;overflow-wrap:anywhere;max-height:130px;overflow:auto}.lr-install{margin:12px 0;padding:12px;border:1px solid var(--lr-line);border-radius:10px}.lr-install textarea,.lr-install input{width:100%;font-size:13px;padding:10px;margin:8px 0}.lr-fallback,.lr-evidence-tools,.lr-image{padding:12px}.lr-evidence-tools label{font-size:13px}.lr-evidence-tools input{max-width:220px}.lr-shot{position:relative;cursor:crosshair}.lr-shot img{width:100%;display:block}.lr-shot span{position:absolute;background:#2458e5;color:white;border:2px solid white;border-radius:50%;height:28px;width:28px;text-align:center;transform:translate(-50%,-50%)}.lr-finding{border-top:1px solid var(--lr-line);padding:12px 0}.lr-finding small{display:block;font-size:12px;color:var(--lr-muted);margin-top:4px}.lr-message{white-space:pre-wrap}.lr-empty{padding:35px;border:1px dashed var(--lr-line);border-radius:12px;font-size:14px;line-height:1.8}@media(max-width:1000px){.lr-split{grid-template-columns:1fr}.lr-feedback{max-width:none}.lr-finding-form{grid-template-columns:1fr 1fr}.lr-finding-form>label:nth-child(3){grid-column:1/-1}}@media(max-width:600px){.lr-finding-form{grid-template-columns:1fr}}.live-client{margin:0;background:#f2f4f8;color:#222735;font:15px/1.5 Arial,sans-serif}.live-client>header{padding:18px 24px;background:white;border-bottom:1px solid #dce1ea}.live-client>main{padding:20px;max-width:1700px;margin:auto}.live-client button,.live-client select,.live-client input,.live-client textarea{font:inherit;padding:9px;border:1px solid #dce1ea;background:white;border-radius:8px;color:inherit}.live-client a{color:#6452ad}
.live-finding-context{padding:12px;border:1px solid var(--ui-line);border-radius:9px;margin-bottom:12px;font-size:13px}.live-finding-context b{font-weight:500}.live-finding-context a{color:var(--ui-accent)}.live-finding-context code{overflow-wrap:anywhere;font-size:12px}
#live-review-root,#live-client{position:relative}.lr-split{position:relative}.lr-panel-handle{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--lr-line);margin-bottom:12px;touch-action:none}.lr-panel-handle h3{margin:0 0 10px}.lr-panel-handle span{color:var(--lr-muted)}.lr-floating-panel .lr-panel-handle{cursor:grab}.lr-floating-panel .lr-split,.lr-panel-collapsed .lr-split{grid-template-columns:minmax(0,1fr)}.lr-floating-panel .lr-feedback{position:absolute!important;right:16px;top:16px;width:300px!important;max-width:calc(100% - 24px);max-height:min(80vh,780px);overflow:auto;z-index:40!important;box-shadow:0 12px 45px #0003!important}.lr-panel-collapsed .lr-feedback{display:none!important}.lr-shot{touch-action:none;user-select:none}.lr-shot svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.lr-shot span{pointer-events:none;z-index:2}.lr-mark-tools{display:flex;gap:6px;flex-wrap:wrap;align-items:center;position:sticky;top:0;z-index:5;background:var(--lr-bg);padding:10px 0;border-bottom:1px solid var(--lr-line);margin-bottom:12px}.lr-mark-tools button{font-size:12px;padding:7px 9px}.lr-mark-tools button[aria-pressed=true]{background:var(--ui-accent-soft,#eee9fa);color:var(--ui-accent,#6452ad);border-color:var(--ui-accent,#6452ad)}.lr-mark-tools span{font-size:12px;color:var(--lr-muted)}.lr-return-page{display:none}.lr-snapshot-mode .lr-return-page{display:inline-block}.lr-snapshot-mode .lr-page-scroll{display:none}.lr-image:empty{display:none}.lr-fullscreen{position:fixed!important;inset:0!important;z-index:10000!important;width:100vw!important;height:100dvh!important;max-width:none!important;margin:0!important;padding:12px!important;background:var(--ui-canvas,#f2f4f8);color:var(--ui-ink,#222735);box-sizing:border-box;overflow:hidden}.lr-fullscreen .live-review{height:100%;display:flex;flex-direction:column;min-height:0}.lr-fullscreen .lr-heading,.lr-fullscreen .lr-url-form,.lr-fullscreen .lr-sessions,.lr-fullscreen .lr-install,.lr-fullscreen .lr-fallback{display:none}.lr-fullscreen .lr-message{font-size:12px;max-height:36px;overflow:auto;margin:5px 0}.lr-fullscreen .lr-workspace{flex:1;min-height:0;display:flex;flex-direction:column}.lr-fullscreen .lr-page-tools{flex-shrink:0;gap:7px}.lr-fullscreen .lr-page-tools button,.lr-fullscreen .lr-page-tools select,.lr-fullscreen .lr-page-tools a{font-size:13px}.lr-fullscreen .lr-connection{font-size:12px;margin:5px 0;flex-shrink:0}.lr-fullscreen .lr-split{flex:1;min-height:0;margin-top:4px;grid-template-columns:minmax(0,1fr) 300px;gap:12px}.lr-fullscreen.lr-floating-panel .lr-split,.lr-fullscreen.lr-panel-collapsed .lr-split{grid-template-columns:minmax(0,1fr)}.lr-fullscreen .lr-preview{display:flex;flex-direction:column;min-height:0;height:100%}.lr-fullscreen .lr-page-scroll{flex:1;min-height:0;max-height:none}.lr-fullscreen .lr-page{min-height:0}.lr-fullscreen .lr-evidence-tools{flex-shrink:0;padding:8px 12px;border-top:1px solid var(--lr-line)}.lr-fullscreen .lr-feedback{min-height:0;overflow:auto;height:100%!important;padding:14px!important}.lr-fullscreen.lr-floating-panel .lr-feedback{height:auto!important;max-height:calc(100% - 24px)}.lr-fullscreen .lr-finding-form{grid-template-columns:1fr}.lr-fullscreen .lr-finding-form>label:nth-child(3){grid-column:auto}.lr-fullscreen .lr-image{min-height:0;overflow:auto;flex:1}.lr-fullscreen .lr-image:empty{display:none}.lr-fullscreen .lr-image small{display:block;margin-top:8px;font-size:12px}.lr-stop-capture{color:var(--ui-danger,#b33c58)!important}@media(max-width:650px){.lr-fullscreen .lr-split{grid-template-columns:minmax(0,1fr)}.lr-fullscreen .lr-feedback{position:absolute!important;right:8px;top:8px;width:280px!important;height:auto!important;max-height:calc(100% - 16px);z-index:40!important;box-shadow:0 8px 25px #0003!important}.lr-fullscreen .lr-page-tools{max-height:95px;overflow:auto}.lr-fullscreen .lr-evidence-tools label{display:none}}
.lr-panel-tools{display:none;gap:6px;flex-wrap:wrap;margin:10px 0}.lr-panel-tools button{font-size:12px;padding:7px 9px}.lr-fullscreen .lr-panel-tools,.lr-floating-panel .lr-panel-tools{display:flex}.lr-fullscreen:not(.lr-panel-collapsed) .lr-page-tools .lr-browse,.lr-fullscreen:not(.lr-panel-collapsed) .lr-page-tools .lr-select,.lr-fullscreen:not(.lr-panel-collapsed) .lr-page-tools .lr-return-page{display:none}
/* Area-first capture and compact feedback */
.lr-icon-button{display:inline-flex;align-items:center;justify-content:center;width:36px;min-width:36px;height:36px;padding:8px!important;border-radius:8px!important}.lr-icon-button svg{pointer-events:none;flex:none}.lr-page-tools,.lr-panel-tools{gap:6px}.lr-extra-details{border:1px solid var(--lr-line,#dce1ea);border-radius:9px;padding:10px;margin:10px 0 14px}.lr-extra-details summary{cursor:pointer;font-size:12px;color:var(--lr-muted,#626c7c)}.lr-quick-hint{font-size:11px!important;color:var(--lr-muted,#626c7c);margin:6px 0}.lr-quick-evidence:empty{display:none}.lr-quick-evidence{margin:12px 0}.lr-quick-evidence img{display:block;max-height:180px;max-width:100%;border:1px solid var(--lr-line,#dce1ea);border-radius:8px;object-fit:contain;background:var(--ui-raised,#f7f8fc)}.lr-quick-evidence small{display:block;font-size:10px;color:var(--lr-muted,#626c7c);overflow-wrap:anywhere;margin-top:5px}.lr-area-selection{position:fixed;inset:0;z-index:2147483646;background:#10131bf5;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;padding:16px;color:#f0f2f8;box-sizing:border-box}.lr-area-heading{display:flex;justify-content:space-between;align-items:center;gap:30px;width:100%;max-width:1200px}.lr-area-heading b{font-size:18px}.lr-area-heading p,.lr-area-hint{margin:4px 0;font-size:12px;color:#b8bfd1}.lr-area-cancel{background:#252b39!important;color:#f0f2f8!important;border-color:#414a60!important}.lr-area-shot{position:relative;max-width:100%;min-height:0;cursor:crosshair;touch-action:none;user-select:none;line-height:0;box-shadow:0 10px 50px #0006}.lr-area-shot img{display:block;max-width:100%;max-height:calc(100dvh - 145px);width:auto;height:auto;pointer-events:none;object-fit:contain}.lr-area-shot svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.lr-area-shot svg rect{fill:#9987f122;stroke:#b6a8ff;stroke-width:.3}.lr-area-hint{min-height:18px}.lr-finding-form>.primary{width:100%}

.lr-page-tools{position:relative;z-index:50}.lr-icon-button{position:relative;transition:background .16s ease,box-shadow .16s ease,transform .16s ease}.lr-icon-button:hover{background:var(--ui-accent-soft,#eee9fa);box-shadow:0 2px 8px #0001}.lr-icon-button:focus-visible{outline:2px solid var(--ui-accent,#6452ad);outline-offset:3px}.lr-icon-button[hidden]{display:none!important}.lr-return-page.lr-icon-button{display:none}.lr-snapshot-mode .lr-return-page.lr-icon-button{display:inline-flex}.lr-icon-button[data-tooltip]:hover::after,.lr-icon-button[data-tooltip]:focus-visible::after{content:attr(data-tooltip);position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);padding:7px 10px;background:var(--lr-ink,#222735);color:var(--lr-bg,#fff);font:12px/1.4 sans-serif;white-space:nowrap;border-radius:7px;box-shadow:0 4px 14px #0002;pointer-events:none;z-index:100}.lr-panel-tools .lr-icon-button[data-tooltip]:hover::after,.lr-panel-tools .lr-icon-button[data-tooltip]:focus-visible::after{left:0;transform:none}.lr-viewport-size{font-size:11px;color:var(--lr-muted);margin-left:auto;white-space:nowrap}.lr-fullscreen .lr-page-scroll{height:auto}.lr-fullscreen .lr-current-url{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:5px 0}.lr-fullscreen .lr-preview{min-width:0}.lr-fullscreen .lr-feedback{border-radius:14px}.lr-fullscreen.lr-floating-panel .lr-feedback{opacity:.96}.lr-fullscreen.lr-floating-panel .lr-feedback:focus-within,.lr-fullscreen.lr-floating-panel .lr-feedback:hover{opacity:1}@media(prefers-reduced-motion:reduce){.lr-icon-button{transition:none}}

.lr-icon-button:disabled{opacity:.35;cursor:default;box-shadow:none}.lr-page-tools .lr-forward{margin-right:5px;border-right-color:var(--lr-line)}

/* Window tools stay attached to the website; evidence stays in feedback. */
.lr-preview{overflow:visible;min-width:0}.lr-preview>.lr-page-tools{padding:10px;border-bottom:1px solid var(--lr-line);background:var(--lr-bg);border-radius:14px 14px 0 0;flex-shrink:0}.lr-preview>.lr-page-scroll{border-radius:0 0 14px 14px}.lr-feedback .lr-image{padding:0;margin:12px 0}.lr-feedback .lr-image img{border-radius:10px}.lr-feedback .lr-shot{border:1px solid var(--lr-line);border-radius:10px}.lr-feedback .lr-mark-tools{position:static;padding:6px 0}.lr-feedback .lr-mark-tools button{font-size:11px;padding:5px 7px}.lr-feedback .lr-image>small{font-size:11px;color:var(--lr-muted);display:block;margin-top:7px}.lr-capture-context{display:flex;gap:6px;flex-wrap:wrap;padding:9px 0;font-size:11px;color:var(--lr-muted)}.lr-capture-context span{background:var(--ui-raised,#f5f6fa);padding:4px 7px;border-radius:6px}.lr-capture-context small{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lr-fullscreen:not(.lr-panel-collapsed) .lr-page-tools .lr-browse,.lr-fullscreen:not(.lr-panel-collapsed) .lr-page-tools .lr-select{display:inline-flex}.lr-fullscreen .lr-evidence-tools{display:none}.lr-evidence-tools{display:none}.lr-return-page.lr-icon-button{display:none!important}.lr-panel-tools{display:none!important}.lr-fullscreen .lr-preview>.lr-page-tools{gap:5px}.lr-fullscreen .lr-preview>.lr-page-tools .lr-width{max-width:155px}.lr-fullscreen .lr-preview>.lr-page-tools a{font-size:11px}.lr-fullscreen .lr-feedback .lr-image{flex:none;overflow:visible}.lr-icon-button[data-tooltip]:hover::after,.lr-icon-button[data-tooltip]:focus-visible::after{top:auto;bottom:calc(100% + 8px)}

/* Compact review chrome: guidance is available on demand. */
.lr-heading h2{margin:0;font-size:19px}.lr-heading{margin-bottom:12px}.lr-message:empty,.lr-context:empty{display:none}.lr-current-url{font-size:11px;color:var(--lr-muted);margin:8px 0 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lr-connection{font-size:10px;color:var(--lr-muted);margin:0 0 10px}.lr-install{margin:8px 0 12px;font-size:12px}.lr-install>summary,.lr-fallback>summary{cursor:pointer;color:var(--lr-muted);font-size:11px}.lr-fallback{padding:8px 12px;border-top:1px solid var(--lr-line)}.lr-fallback p{font-size:12px;line-height:1.5}.lr-feedback .lr-context{font-size:11px;max-height:44px;overflow:auto;margin:7px 0}.lr-capture-context{padding:5px 0;gap:4px;font-size:10px}.lr-capture-context small{font-size:10px}.lr-quick-evidence{font-size:10px;color:var(--lr-muted)}.lr-fullscreen .lr-current-url,.lr-fullscreen .lr-connection{display:none}.lr-fullscreen .lr-message:empty{display:none}.lr-fullscreen .lr-split{margin-top:0}.lr-fullscreen .lr-page-tools{overflow:visible}.lr-area-heading b{font-size:15px}.lr-area-heading p{display:none}

.lr-findings-list{margin-top:15px;font-size:12px}.lr-findings-list>summary{cursor:pointer;color:var(--lr-muted)}.lr-finding>summary{cursor:pointer;font-weight:600}.lr-finding small{display:block;margin-top:6px}.lr-finding p{font-size:12px;line-height:1.5}
