@media screen {
  body.studio-refined #writerPaper[data-print-layout] {padding:0;border:0;}
  body.studio-refined #writerPaper[data-print-layout] :is(.writerDualPair,.writerDualColumn) {display:contents;position:static;}
  body.studio-refined #writerPaper[data-print-layout] .writerBlock {position:absolute;box-sizing:content-box;min-height:16px;margin:0;padding:0;border:0;border-radius:2px;line-height:16px;text-align:left;font-size:16px;}
  body.studio-refined #writerPaper[data-print-layout] .writerBlock:is(:focus,:hover) {border-color:transparent;outline:0;background:transparent;box-shadow:none;}
  body.studio-refined #writerPaper[data-print-layout] .writerBlock:is(:focus,:hover)::after {opacity:0;}
  #writerPaper {--writer-text-selection:#d4e9f9;}
  #writerPaper .writerBlock::selection,#writerPaper .writerPrintLine::selection {background:var(--writer-text-selection);color:#172737;}
  ::highlight(writer-selection) {background:var(--writer-text-selection,#d4e9f9);color:#172737;}
  #writerPaper[data-print-layout] .writerPrintLine {display:block;box-sizing:content-box;min-height:16px;height:16px;line-height:16px;white-space:nowrap;}
  #writerPaper[data-print-layout] .writerBlock.writerAcrossPages:focus {background:transparent;outline:0;box-shadow:none;}
  .writerPrintDecoration {position:absolute;pointer-events:none;user-select:none;color:inherit;font:16px/16px var(--mono);}
  .writerPrintDecoration::after {content:attr(data-text);}
  .writerSelectedTextPulse {position:absolute;z-index:3;pointer-events:none;border-radius:2px;background:#ebc86c50;box-shadow:0 0 0 2px #e0b45888;}
  .writerNoteCardMeta.textChanged {color:var(--icon-gold);}
  body.studio-refined #writerCompareChanges .writerRestorePassage {display:flex;align-items:center;justify-content:center;min-height:0;height:24px;width:64px;margin:5px 0 0;padding:1px 5px;border:1px solid color-mix(in srgb,var(--icon-mint) 28%,var(--line));border-radius:4px;background:color-mix(in srgb,var(--icon-mint) 6%,var(--surface-1));color:var(--text);font:500 10px/16px var(--sans);}
  body.studio-refined #writerCompareChanges .writerRestorePassage:hover {background:color-mix(in srgb,var(--icon-mint) 14%,var(--surface-1));border-color:var(--icon-mint);}
  .writerDiffRow.writerPassageRestored {display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:36px;color:var(--icon-mint);background:color-mix(in srgb,var(--icon-mint) 5%,transparent);font:12px/18px var(--sans);}
  body.studio-refined #writerCompareChanges .writerPassageRestored>button {min-height:0;height:26px;margin:0;padding:2px 8px;border:1px solid var(--line);border-radius:4px;background:var(--surface-1);color:var(--text);font:500 11px/18px var(--sans);}
  body.studio-refined #writerCompareChanges .writerPassageRestored>.writerPassageRestoreDismiss {flex:1;min-width:0;text-align:left;border:0;background:none;padding:0;color:var(--icon-mint);font:12px/18px var(--sans);}
  body.studio-refined #writerCompareWrap .utilityDialog {overflow:hidden;}
  body.studio-refined #writerCompareWrap .writerCompareHeader {position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:28px;align-items:center;flex:none;gap:12px;height:auto;min-height:0;padding:12px 16px;}
  #writerCompareWrap .writerCompareHeader span {display:inline;margin:0;text-transform:none;letter-spacing:0;font:inherit;color:inherit;}
  .writerCompareTitleRow {min-width:0;padding:0;}
  body.studio-refined #writerCompareWrap #writerCompareTitle {display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  body.studio-refined #writerCompareWrap #writerCompareTitle>span:first-child {display:inline;}
  body.studio-refined #writerCompareWrap #writerCompareTitle>.writerCompareAgainst {display:inline;margin-left:6px;font-size:12px;}
  .writerCompareCommandRow {display:flex;align-items:center;gap:8px;min-width:0;}
  #writerCompareWrap #writerCompareSummary {position:static;flex:none;box-sizing:border-box;min-width:0;min-height:0;height:28px;flex-wrap:nowrap;gap:8px;padding:0;background:none;}
  #writerCompareWrap .writerCompareFilters {align-items:center;flex-wrap:nowrap;gap:8px;height:28px;}
  body.studio-refined #writerCompareWrap .writerCompareFilters>button {display:flex;align-items:center;justify-content:center;gap:4px;box-sizing:border-box;height:28px;min-height:0;margin:0;padding:3px 8px;border:1px solid var(--line);border-radius:5px;background:var(--surface-2);color:var(--text);font:550 11px/18px var(--sans);white-space:nowrap;}
  body.studio-refined #writerCompareWrap .writerCompareFilters>button[aria-pressed="true"] {border-color:color-mix(in srgb,var(--icon-mint) 35%,var(--line));background:color-mix(in srgb,var(--icon-mint) 8%,var(--surface-1));}
  #writerCompareWrap .writerCompareCheck {display:block;flex:none;width:12px;height:12px;fill:none;stroke:var(--icon-mint);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:opacity 160ms ease;}
  #writerCompareWrap .writerCompareFilters>button[aria-pressed="false"] .writerCompareCheck {stroke:var(--icon-coral);}
  #writerCompareWrap .writerCompareNavigation {box-sizing:border-box;gap:var(--writer-segment-gap);height:var(--writer-control-height);padding:var(--writer-segment-inset);border:var(--writer-segment-border) solid var(--line);border-radius:5px;background:var(--surface-0);}
  body.studio-refined #writerCompareWrap .writerCompareNavigation>button {display:grid;place-items:center;flex:none;box-sizing:border-box;width:24px;height:22px;min-height:0;margin:0;padding:0;border:0;border-radius:3px;background:none;color:var(--icon-mint);}
  #writerCompareWrap .writerCompareNavigation>button svg {display:block;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
  #writerCompareWrap .writerCompareNavigation>button:hover {background:var(--surface-3);}
  #writerCompareWrap #writerComparePosition {display:grid;place-items:center;flex:none;box-sizing:border-box;width:88px;height:22px;border-radius:3px;background:var(--surface-2);font:500 11px/18px var(--sans);font-variant-numeric:tabular-nums;color:var(--text);white-space:nowrap;}
  body.studio-refined #writerPageZoom {box-sizing:border-box;gap:var(--writer-segment-gap);height:var(--writer-control-height,28px);padding:var(--writer-segment-inset);border:var(--writer-segment-border) solid var(--line);border-radius:5px;background:var(--surface-0);}
  body.studio-refined #writerPageZoom button {display:grid;place-items:center;box-sizing:border-box;flex:none;width:24px;height:22px;min-height:0;margin:0;padding:0;border:0;border-radius:3px;background:none;color:var(--icon-mint);}
  #writerPageZoom button svg {display:block;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
  body.studio-refined #writerPageZoom select {box-sizing:border-box;flex:none;width:56px;height:22px;min-height:0;margin:0;padding:2px 4px;border:0;border-radius:3px;background:var(--surface-2);appearance:none;text-align:center;text-align-last:center;font:500 11px/18px var(--sans);font-variant-numeric:tabular-nums;color:var(--text);cursor:pointer;}
  body.studio-refined #writerPageZoom :is(button,select):hover:not(:disabled) {background:var(--surface-3);}
  #writerPageZoom .writerZoomValue {position:relative;box-sizing:border-box;display:grid;place-items:center;flex:none;width:56px;height:22px;border-radius:3px;background:var(--surface-2);color:var(--text);font:500 11px/18px var(--sans);}
  #writerPageZoom .writerZoomValue>select {position:absolute;inset:0;opacity:0;z-index:1;cursor:pointer;}
  #writerPageZoom .writerZoomValue:focus-within {outline:1px solid var(--icon-mint);outline-offset:0;}
  #writerPageZoom .writerZoomValue:has(select:not(:disabled)):hover {background:var(--surface-3);}
  #writerCompareVersionAction {flex:none;width:136px;height:28px;min-width:0;transition:width 280ms cubic-bezier(.22,1,.36,1);}
  #writerCompareVersionAction.is-confirming {width:148px;}
  @media(prefers-reduced-motion:reduce) {#writerCompareVersionAction {transition:none;}}
  /* Class selectors also style the ID-free copy used during the crossfade. */
  body.studio-refined #writerCompareWrap .writerCompareRestoreButton {display:flex;align-items:center;justify-content:center;gap:6px;box-sizing:border-box;width:100%;height:28px;min-height:0;margin:0;padding:3px 8px;border:1px solid color-mix(in srgb,var(--icon-mint) 35%,var(--line));border-radius:5px;background:color-mix(in srgb,var(--icon-mint) 8%,var(--surface-1));color:var(--text);font:550 11px/18px var(--sans);}
  .writerCompareRestoreButton svg {width:14px;height:14px;fill:none;stroke:var(--icon-mint);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
  #writerCompareWrap .writerCompareVersionConfirm {--inline-control-size:calc(var(--writer-control-height) - var(--writer-segment-trim));box-sizing:border-box;display:flex;align-items:center;gap:var(--writer-segment-gap);width:100%;height:var(--writer-control-height);padding:var(--writer-segment-inset);border:var(--writer-segment-border) solid var(--line);border-radius:5px;background:var(--surface-0);}
  #writerCompareWrap .writerCompareVersionConfirm .writerInlineQuestion {display:grid;place-items:center;flex:1;min-width:0;width:auto;height:var(--inline-control-size);white-space:nowrap;font:500 11px/18px var(--sans);}
  #writerCompareWrap .writerCompareVersionConfirm .writerInlineQuestion>span {display:block;margin:0;padding:0;line-height:18px;transform:none;}
  body.studio-refined #writerCompareWrap .writerCompareVersionConfirm .writerInlineCircle {display:grid;place-items:center;box-sizing:border-box;flex:none;width:var(--inline-control-size);height:var(--inline-control-size);min-width:0;min-height:0;margin:0;padding:0;border-radius:3px;}
  #writerCompareWrap .writerCompareVersionConfirm .writerInlineCircle svg {display:block;width:12px;height:12px;}
  body.studio-refined #writerCompareWrap .writerCompareVersionConfirm .confirm {border:1px solid color-mix(in srgb,var(--icon-mint) 55%,var(--line));background:color-mix(in srgb,var(--icon-mint) 12%,var(--surface-1));color:var(--icon-mint);}
  body.studio-refined #writerCompareWrap .writerCompareVersionConfirm .cancel {border:1px solid color-mix(in srgb,var(--icon-coral) 45%,var(--line));background:color-mix(in srgb,var(--icon-coral) 9%,var(--surface-1));color:var(--icon-coral);}
  body.studio-refined #writerCompareWrap .writerCompareVersionConfirm .confirm:hover {background:color-mix(in srgb,var(--icon-mint) 22%,var(--surface-1));}
  body.studio-refined #writerCompareWrap .writerCompareVersionConfirm .cancel:hover {background:color-mix(in srgb,var(--icon-coral) 22%,var(--surface-1));}
  body.studio-refined #writerCompareWrap .utilityDialogBody {flex:1;min-height:0;overflow:auto;padding:12px 16px 16px;}
  #writerCompareWrap #writerCompareChanges {margin-top:0;}
  #writerCompareWrap .writerCompareScene {scroll-margin-top:12px;}
  body.studio-refined #writerCompareWrap .writerCompareSceneActions button {box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;height:var(--writer-control-height,28px);min-height:0;margin:0;padding:3px 8px;font:550 11px/18px var(--sans);}
  #writerCompareWrap .writerCompareSceneRestoreDock {flex:none;width:128px;height:28px;transition:width 280ms cubic-bezier(.22,1,.36,1);}
  #writerCompareWrap .writerCompareSceneRestoreDock.is-confirming {width:148px;}
  body.studio-refined #writerCompareWrap .writerCompareSceneRestoreDock>button {width:100%;}
  body.studio-refined #writerCompareWrap .writerCompareSceneRestoreDock>.writerSceneRestoreButton {gap:6px;border-color:color-mix(in srgb,var(--icon-gold) 35%,var(--line));background:color-mix(in srgb,var(--icon-gold) 8%,var(--surface-1));font:550 11px/18px var(--sans);}
  .writerSceneRestoreButton>.writerNoteActionIcon {width:14px;height:14px;color:var(--icon-gold);}
  body.studio-refined #writerCompareWrap .writerCompareSceneRestoreDock>.writerSceneRestoreButton:hover {background:color-mix(in srgb,var(--icon-gold) 16%,var(--surface-1));}
  #writerCompareWrap .writerCompareSceneConfirm {--inline-control-size:calc(var(--writer-control-height) - var(--writer-segment-trim));height:var(--writer-control-height);}
  body.studio-refined #writerCompareWrap .writerCompareSceneConfirm>.writerInlineCircle {display:grid;place-items:center;box-sizing:border-box;width:var(--inline-control-size);height:var(--inline-control-size);min-height:0;margin:0;padding:0;font:500 11px/18px var(--sans);}
  @media(prefers-reduced-motion:reduce) {#writerCompareWrap .writerCompareSceneRestoreDock {transition:none;}}
  body.studio-refined #systemFileMenu .systemAutosave {display:grid;grid-template-columns:6px minmax(0,1fr);align-items:center;gap:9px;margin:10px 6px 4px;padding:8px 10px;border:1px solid var(--line);border-radius:5px;background:color-mix(in srgb,var(--icon-mint) 4%,var(--surface-1));}
  .systemAutosave>i {display:block;width:6px;height:6px;border-radius:50%;background:var(--dim);}
  .systemAutosave[data-state="saved"]>i {background:var(--icon-mint);box-shadow:0 0 0 3px color-mix(in srgb,var(--icon-mint) 9%,transparent);}
  .systemAutosave[data-state="saving"]>i {background:var(--icon-gold);}
  .systemAutosave[data-state="error"]>i {background:var(--icon-coral);}
  .systemAutosave b {display:block;color:var(--text);font:550 12px/18px var(--sans);}
  body.studio-refined #systemFileMenu .systemAutosave small {margin:1px 0 0;color:var(--dim);font:11px/16px var(--sans);}
  .writerReviewCard.writerPassageFlash {outline:none!important;animation:none!important;}
  .writerNotePingClip {position:fixed;z-index:500;pointer-events:none;overflow:hidden;}
  .writerNotePing {position:absolute;box-sizing:border-box;pointer-events:none;border:2px solid #e0b458d9;box-shadow:0 0 0 1px #e0b45833,0 0 12px #e0b45855;}
}