/* Writer comparison scene index and reading pane; shared Writer controls and type. */
@media screen {
body.studio-refined #writerCompareWrap .utilityDialog {width:min(1180px,calc(100vw - 32px));height:min(800px,calc(100dvh - 48px));max-height:none;display:flex;flex-direction:column;overflow:hidden;}
body.studio-refined #writerCompareWrap .writerCompareHeader {grid-template-columns:minmax(0,1fr) auto 28px;grid-template-rows:28px;align-items:center;padding:12px;gap:8px;}
#writerCompareWrap .writerCompareCommandRow {flex-wrap:nowrap;justify-content:flex-end;}
#writerCompareWrap #writerCompareVersionAction {width:max-content;interpolate-size:allow-keywords;}
#writerCompareWrap #writerCompareVersionAction.is-confirming {width:148px;}
body.studio-refined #writerCompareWrap .writerCompareRestoreButton {width:max-content;gap:4px;}
#writerCompareWrap .writerCompareRestoreButton svg {width:12px;height:12px;}
body.studio-refined #writerCompareWrap .compareReviewClose {display:grid;place-items:center;box-sizing:border-box;width:28px;height:28px;min-width:0;min-height:0;margin:0;padding:0;border:1px solid var(--line);border-radius:5px;background:var(--surface-2);color:var(--dim);}
#writerCompareWrap .compareReviewClose svg {display:block;width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;}
body.studio-refined #writerCompareWrap .compareReviewClose:hover {background:var(--surface-3);color:var(--text);}
body.studio-refined #writerCompareWrap #writerCompareTitle {font-size:14px;line-height:20px;}
body.studio-refined #writerCompareWrap .utilityDialogBody {display:grid;grid-template-columns:216px minmax(0,1fr);flex:1;min-height:0;overflow:hidden;margin:0;padding:0;}
#compareReviewFacets {display:flex;align-items:center;flex:none;gap:var(--writer-content-gap,8px);min-height:44px;box-sizing:border-box;padding:8px 12px;border-block:1px solid var(--line-soft);background:var(--surface-1);}
body.studio-refined #compareReviewFacets>button {display:flex;align-items:center;justify-content:center;gap:7px;box-sizing:border-box;min-height:0;height:28px;margin:0;padding:0 8px;border:1px solid transparent;border-radius:5px;background:transparent;color:var(--dim);font:500 11px/18px var(--sans);white-space:nowrap;}
body.studio-refined #compareReviewFacets>button[aria-pressed=true] {background:var(--surface-2);border-color:var(--line);color:var(--text);}
body.studio-refined #compareReviewFacets>button:hover {background:var(--surface-2);color:var(--text);}
.compareReviewCount {color:var(--dim);font-variant-numeric:tabular-nums;}
.compareReviewRail {display:flex;flex-direction:column;min-height:0;min-width:0;padding:8px;border-right:1px solid var(--line-soft);background:color-mix(in srgb,var(--surface-0) 32%,var(--panel));}
.compareReviewRailHeading {display:flex;align-items:center;flex:none;box-sizing:border-box;height:28px;padding:0 8px;color:var(--dim);font:500 11px/18px var(--sans);}
#compareReviewScenes {display:flex;flex-direction:column;gap:var(--writer-content-gap,8px);min-height:0;overflow:auto;padding:4px;scrollbar-width:thin;overscroll-behavior:contain;}
#compareReviewScenes.has-more-above {mask-image:linear-gradient(to bottom,transparent,#000 14px);}
#compareReviewScenes.has-more-below {mask-image:linear-gradient(to top,transparent,#000 14px);}
#compareReviewScenes.has-more-above.has-more-below {mask-image:linear-gradient(to bottom,transparent,#000 14px,#000 calc(100% - 14px),transparent);}
body.studio-refined #compareReviewScenes>.compareReviewScene {display:grid;grid-template-columns:20px minmax(0,1fr);grid-template-rows:20px 14px;align-content:center;align-items:center;gap:3px 8px;flex:none;box-sizing:border-box;width:100%;height:56px;min-height:0;margin:0;padding:8px;border:1px solid transparent;border-radius:6px;background:transparent;text-align:left;color:var(--text);font:500 11px/18px var(--sans);}
body.studio-refined #compareReviewScenes>.compareReviewScene:hover {border-color:var(--line);background:var(--surface-2);}
body.studio-refined #compareReviewScenes>.compareReviewScene[aria-pressed=true] {border-color:color-mix(in srgb,var(--icon-mint) 45%,var(--line));background:color-mix(in srgb,var(--icon-mint) 8%,var(--surface-2));}
.compareReviewNumber {grid-row:1;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:20px;height:20px;border-radius:4px;background:var(--surface-0);color:var(--dim);font:500 10px/16px var(--sans);}
.compareReviewLocation {min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.compareReviewSceneMeta {grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:6px;min-width:0;color:var(--dim);font:400 9px/14px var(--sans);}
.compareReviewSceneMeta>span {min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.compareReviewStatus {white-space:nowrap;}
.compareReviewStatus[data-kind=removed] {color:var(--icon-coral);}
.compareReviewStatus[data-kind=added] {color:var(--icon-mint);}
.compareReviewStatus[data-kind=moved] {color:var(--icon-gold);}
#compareReviewDetail {min-width:0;min-height:0;overflow:auto;padding:0 12px 12px;overscroll-behavior:contain;scrollbar-width:thin;scroll-padding-top:100px;}
#writerCompareWrap #writerCompareChanges {display:block;margin:0;}
#writerCompareWrap .writerCompareScene {border:0;overflow:visible;scroll-margin-top:0;}
#writerCompareWrap .writerCompareScene[hidden],#compareReviewScenes .compareReviewScene[hidden] {display:none!important;}
#writerCompareWrap .writerCompareScene>header {position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:68px;box-sizing:border-box;padding:10px 0;background:var(--panel);border-bottom:1px solid var(--line-soft);}
.compareReviewDetailHeading {display:flex;flex-direction:column;justify-content:center;gap:3px;min-width:0;}
#writerCompareWrap .compareReviewDetailHeading h3 {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;font:550 12px/20px var(--sans);}
#writerCompareWrap .compareReviewDetailHeading>.compareReviewStatus {font:400 10px/16px var(--sans);color:var(--dim);}
#writerCompareWrap .compareReviewDetailHeading>.compareReviewStatus[data-kind=removed] {color:var(--icon-coral);}
#writerCompareWrap .compareReviewDetailHeading>.compareReviewStatus[data-kind=added] {color:var(--icon-mint);}
#writerCompareWrap .compareReviewDetailHeading>.compareReviewStatus[data-kind=moved] {color:var(--icon-gold);}
#writerCompareWrap .writerCompareSceneActions {display:flex;align-items:center;justify-content:flex-end;flex:none;flex-wrap:nowrap;gap:8px;padding:0;}
#writerCompareWrap .writerDiffHeading {position:sticky;top:68px;z-index:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;box-sizing:border-box;min-height:32px;align-items:center;margin:0;padding:6px 12px;background:var(--panel);border-bottom:1px solid var(--line-soft);font:500 10px/18px var(--sans);}
#writerCompareWrap .writerDiffRow {display:block;box-sizing:border-box;padding:9px 12px;border:0;scroll-margin-top:112px;border-radius:5px;}
#writerCompareWrap .writerDiffColumns {grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;}
#writerCompareWrap .writerDiffColumns>div {font:400 13px/22px var(--script-font,"Courier Prime",monospace);color:var(--text);}
#writerCompareWrap .writerDiffRow.context .writerDiffColumns>div {color:var(--dim);}
#writerCompareWrap .writerDiffColumns del,#writerCompareWrap .writerDiffColumns ins {padding:0;border-radius:2px;}
#writerCompareWrap .compareReviewMetaRow>small {margin:0 0 5px;color:var(--dim);font:500 10px/18px var(--sans);}
.compareReviewMove {display:flex;align-items:center;box-sizing:border-box;min-height:32px;margin:8px 0 0;padding:6px 12px;border-radius:5px;background:color-mix(in srgb,var(--icon-gold) 5%,transparent);color:var(--icon-gold);font:500 10px/18px var(--sans);}
.compareReviewWholeScene {padding:12px;scroll-margin-top:80px;}
.compareReviewWholeScene p {margin:0 0 16px;font:400 13px/22px var(--script-font,"Courier Prime",monospace);white-space:pre-wrap;overflow-wrap:anywhere;}
.compareReviewWholeScene p[data-type=character] {font-weight:700;margin-bottom:5px;}
.compareReviewWholeScene p[data-type=dialogue],.compareReviewWholeScene p[data-type=parenthetical] {margin-left:24px;}
.compareReviewWholeCaption {display:flex;align-items:center;min-height:28px;margin-bottom:12px;color:var(--dim);font:500 11px/18px var(--sans);}
[data-review-kind=removed] .compareReviewWholeCaption {color:var(--icon-coral);}
[data-review-kind=added] .compareReviewWholeCaption {color:var(--icon-mint);}
.compareReviewPulse {animation:compare-review-pulse 1000ms ease-out;}
@keyframes compare-review-pulse {from {background:color-mix(in srgb,var(--icon-gold) 14%,transparent);}to {background:transparent;}}
@media(prefers-reduced-motion:reduce){.compareReviewPulse{animation:none;}}
@media(max-width:1000px){
 body.studio-refined #writerCompareWrap .utilityDialogBody {grid-template-columns:184px minmax(0,1fr);}
 #writerCompareWrap .writerCompareScene>header {align-items:flex-start;flex-direction:column;gap:6px;min-height:100px;}
 #writerCompareWrap .writerDiffHeading {top:100px;}
 #writerCompareWrap .writerDiffColumns,#writerCompareWrap .writerDiffHeading {gap:16px;}
}
}

#writerCompareWrap .utilityDialog:focus {outline:0;}
#compareReviewScenes .workspaceControlLabel,#compareReviewScenes .compareReviewSceneMeta>span {position:relative;top:var(--writer-label-offset,-1px);}
#compareReviewScenes .compareReviewSceneMeta {font-size:10px;}