.readModePanel {margin-bottom:14px;}
#readRehearsalTools {display:grid;gap:10px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line-soft);}
#readRehearsalTools[hidden],#readCueReveal[hidden],.readPassageText[hidden],.readHiddenText[hidden],#readSeekPreview[hidden] {display:none!important;}
.readHideLinesLabel {display:flex;align-items:center;gap:8px;color:var(--text);font-size:12px;line-height:20px;}
body.studio-refined #sidebar #readHideLines {flex:none;width:15px;height:15px;min-height:15px;margin:0;padding:0;accent-color:var(--accent);}
.readCueActions {display:flex;gap:8px;}
body.studio-refined #sidebar .readCueActions button {flex:1;min-width:0;min-height:34px;margin:0;padding:6px 8px;border:1px solid var(--line);border-radius:5px;background:var(--surface-2);color:var(--text);font:500 11px/18px var(--sans);}
.readHiddenText {display:block;color:var(--dim);font:italic 13px/1.7 var(--sans);text-align:center;}
.readCueTransport {display:flex;align-items:stretch;gap:8px;}
.readCueTransport #cueContinue {flex:1;min-width:0;}
body.studio-refined #cueBar #readCueReveal {flex:none;min-width:108px;padding:8px 12px;border:1px solid var(--line);border-radius:5px;background:var(--surface-2);color:var(--text);font:500 12px/20px var(--sans);}
.noteAttachmentWarning {display:inline-flex;align-items:center;padding:2px 5px;border:1px solid #c6ac7055;border-radius:4px;color:var(--accent);font:500 10px/14px var(--sans);}
#readRolePicker {display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center;}
#readRolePicker label {font-size:12px;font-weight:500;color:var(--dim);white-space:nowrap;}
body.studio-refined #sidebar #readRole {width:100%;height:36px;min-height:36px;min-width:0;padding:0 30px 0 10px;border:1px solid var(--line);border-radius:6px;appearance:none;background-color:var(--surface-2);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%23adb5b8' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:16px;background-position:right 8px center;color:var(--text);font:inherit;font-size:12px;text-overflow:ellipsis;}
.readCloudNotice {display:grid;gap:8px;margin-top:12px;padding:12px;border:1px solid var(--line);border-radius:6px;background:var(--surface-2);}
.readCloudNotice[hidden] {display:none;}
#readCloudMessage {font-size:12px;line-height:1.5;color:var(--dim);}
body.studio-refined #sidebar #readRetryVoices {justify-self:start;min-height:32px;padding:6px 10px;border:1px solid var(--line);border-radius:5px;background:var(--panel);color:var(--text);font:inherit;font-size:12px;}
body.studio-refined #sidebar #roleIntro,body.studio-refined #sidebar #rehearsalHint {display:none!important;}
body.studio-refined #sidebar .studioCast {gap:7px;padding-block:13px;}
body.studio-refined:not(.read-rehearse) #sidebar .studioCast.mine {background:none;box-shadow:none;}
body.studio-refined #sidebar .studioTuning .studioRoleButton {margin:3px 0 0;justify-content:flex-start;}
.readExtraTools {display:grid;gap:6px;margin-top:17px;padding-top:14px;border-top:1px solid var(--line-soft);}
.readExtraTools button {display:flex;align-items:center;gap:9px;min-height:36px;padding:8px 10px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--text);font:inherit;font-size:12px;text-align:left;}
.readExtraTools svg,.readIconButton svg {display:block;flex:none;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;}
body.studio-refined #controls {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 18px;min-height:0;padding:14px 18px 10px!important;}
body.studio-refined.script-loaded:not(.writer-mode):not(.production-mode) #controls {display:grid;}
body.studio-refined #controls .studioTransportInfo {grid-column:1;grid-row:1;}
body.studio-refined #controls .btns {grid-column:2;grid-row:1;gap:5px;align-items:center;}
body.studio-refined #controls .studioTransportHint,body.studio-refined #controls .readerTrack {display:none;}
body.studio-refined #controls .readIconButton,.readDialog .readIconButton {display:grid;place-items:center;flex:none;width:34px;height:38px;min-width:34px;min-height:38px;padding:0;border:1px solid transparent;border-radius:6px;background:none;color:var(--dim);box-shadow:none;}
body.studio-refined #controls .readIconButton:hover,.readDialog .readIconButton:hover {background:var(--surface-2);color:var(--text);}
body.studio-refined #controls .readIconButton[aria-pressed="true"] {border-color:var(--accent);color:var(--accent);background:var(--surface-2);}
body.studio-refined #controls .readIconButton:disabled {opacity:.3;}
.readTimeline {grid-column:1/-1;grid-row:2;display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px;min-width:0;}
.readSeekRail {display:flex;flex:1;min-width:0;}
#readSeekPreview {flex:0 0 100%;min-width:0;color:var(--dim);font:400 11px/18px var(--sans);overflow-wrap:anywhere;}
body.studio-refined.script-loaded.read-feedback #controls #status {display:block;position:static;grid-column:1/-1;grid-row:2;margin:0;min-height:0;max-height:none;overflow:visible;text-align:left;font-size:12px;line-height:1.5;color:var(--dim);}
body.read-feedback #controls .readTimeline {grid-row:3;}
body.studio-refined #controls #readSeek {flex:1;min-width:0;width:100%;height:18px;margin:0;padding:0;accent-color:var(--accent);border:0;background:none;box-shadow:none;cursor:pointer;}
#readPosition {min-width:110px;text-align:right;font-size:11px;font-variant-numeric:tabular-nums;color:var(--dim);white-space:nowrap;}
.readDialog {width:min(620px,calc(100vw - 32px));max-height:calc(100dvh - 40px);margin:auto;padding:0;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--text);box-shadow:0 24px 80px #0008;overflow:auto;font-family:inherit;}
.readDialog::backdrop {background:#0009;backdrop-filter:blur(3px);}
/* Persistent audio job beside the shared 28px Export & Share control. */
#readAudioJob {position:fixed;z-index:1100;top:18px;right:54px;width:28px;height:28px;color:var(--icon-mint);}
#readAudioJob[hidden] {display:none;}
body.studio-refined #readAudioJob>button {display:grid;place-items:center;box-sizing:border-box;width:28px;height:28px;min-height:0;margin:0;padding:3px;border:1px solid transparent;border-radius:5px;background:var(--surface-2);color:inherit;cursor:pointer;}
#readAudioJob>button:is(:hover,:focus-visible) {border-color:var(--line);outline-color:var(--icon-mint);}
#readAudioJob svg {display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
#readAudioJob .readAudioTrack {opacity:.2;}
#readAudioJob .readAudioArc {transform:rotate(-90deg);transform-origin:center;stroke-dasharray:50.265;stroke-dashoffset:calc(50.265 * (1 - var(--audio-export-progress,0)));transition:stroke-dashoffset .25s ease;}
#readAudioJob :is(.readAudioDone,.readAudioError) {display:none;}
#readAudioJob[data-state="done"] .readAudioDone {display:block;}
#readAudioJob[data-state="done"] circle {display:none;}
#readAudioJob:is([data-state="error"],[data-state="canceled"]) {color:var(--icon-coral);}
#readAudioJob:is([data-state="error"],[data-state="canceled"]) .readAudioError {display:block;}
#readAudioJob:is([data-state="error"],[data-state="canceled"]) .readAudioArc {display:none;}
#readAudioJobTip {position:absolute;right:0;top:36px;display:grid;gap:6px;box-sizing:border-box;width:260px;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--text);box-shadow:0 12px 32px #0006;font:400 11px/18px var(--sans);visibility:hidden;opacity:0;transition:opacity .15s;pointer-events:none;}
#readAudioJob:is(:hover,:focus-within) #readAudioJobTip {visibility:visible;opacity:1;}
#readAudioJobTip b {font:550 12px/18px var(--sans);}
#readAudioJobTip>span {overflow-wrap:anywhere;color:var(--dim);}
#readAudioJobTip progress {width:100%;height:4px;margin:2px 0;accent-color:var(--icon-mint);}
#readAudioJobTip small {font:400 10px/16px var(--sans);color:var(--dim);}
#readAudioJob>.sr-only {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0;}
@media(prefers-reduced-motion:reduce) {#readAudioJob .readAudioArc,#readAudioJobTip {transition:none;}}
@media print {#readAudioJob {display:none!important;}}
/* Audio export shares Writer's compact utility-dialog geometry. */
body.studio-refined #readExportDialog {box-sizing:border-box;width:min(560px,calc(100vw - 48px));border-radius:10px;}
body.studio-refined #readExportDialog .readDialogHead {align-items:center;gap:12px;padding:16px;}
body.studio-refined #readExportDialog .readDialogHead h2 {margin:0 0 4px;font:550 16px/22px var(--sans);letter-spacing:normal;}
body.studio-refined #readExportDialog .readDialogHead p {font:400 11px/18px var(--sans);}
body.studio-refined #readExportDialog .readDialogHead .readIconButton {box-sizing:border-box;width:28px;height:28px;min-width:28px;min-height:0;margin:0;padding:6px;border-radius:5px;}
body.studio-refined #readExportDialog .readIconButton svg {display:block;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;}
body.studio-refined #readExportDialog .readDialogBody {display:grid;gap:12px;padding:16px;}
body.studio-refined #readExportDialog .readExportFields {grid-template-columns:128px minmax(0,1fr);gap:8px;}
body.studio-refined #readExportDialog .readExportFields:has([hidden]) {grid-template-columns:1fr;}
body.studio-refined #readExportDialog label {gap:6px;font:500 12px/18px var(--sans);}
body.studio-refined #readExportDialog select {box-sizing:border-box;height:28px;min-height:0;margin:0;padding:3px 26px 5px 8px;border-radius:5px;background-color:var(--surface-0);font:500 11px/18px var(--sans);}
body.studio-refined #readExportDialog select:focus-visible {outline:1px solid var(--icon-mint);outline-offset:1px;}
body.studio-refined #readExportDialog .readExportSummary {display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--line-soft);border-radius:8px;background:var(--surface-1);}
body.studio-refined #readExportDialog .readExportFormat {display:grid;place-items:center;flex:none;box-sizing:border-box;width:40px;height:40px;border:1px solid color-mix(in srgb,var(--icon-mint) 28%,transparent);border-radius:6px;background:color-mix(in srgb,var(--icon-mint) 7%,var(--surface-2));color:var(--icon-mint);font:550 10px/18px var(--sans);}
body.studio-refined #readExportDialog .readDialogHint {margin:0;font:400 11px/18px var(--sans);}
body.studio-refined #readExportDialog #readExportHint {color:var(--text);font-weight:500;}
body.studio-refined #readExportDialog #readExportStatus {min-height:0;margin:0;font:400 11px/18px var(--sans);}
body.studio-refined #readExportDialog #readExportStatus:empty {display:none;}
body.studio-refined #readExportDialog #readExportProgress {display:block;height:4px;margin:0;accent-color:var(--icon-mint);}
body.studio-refined #readExportDialog [hidden] {display:none!important;}
body.studio-refined #readExportDialog .readDialogActions {gap:8px;margin:0;}
body.studio-refined #readExportDialog .readDialogActions button {box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:4px;height:28px;min-height:0;margin:0;padding:0 9px;border-radius:5px;font:550 11px/18px var(--sans);}
body.studio-refined #readExportDialog .workspaceControlLabel {position:relative;top:var(--writer-label-offset,-1px);}
body.studio-refined #readExportDialog .readDialogActions .primary {border-color:color-mix(in srgb,var(--icon-mint) 35%,var(--line));background:color-mix(in srgb,var(--icon-mint) 14%,var(--surface-2));color:var(--text);}
body.studio-refined #readExportDialog .readDialogActions .primary:hover {background:color-mix(in srgb,var(--icon-mint) 22%,var(--surface-2));}
body.studio-refined #readExportDialog:not(.is-exporting) #readExportCancel {display:none;}
.readDialogHead {display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:24px;border-bottom:1px solid var(--line-soft);}
.readDialogHead>div {min-width:0;}
.readDialogHead h2 {font-size:19px;font-weight:600;line-height:1.3;margin:0 0 8px;letter-spacing:-.02em;}
.readDialogHead p,.readDialogHint {font-size:12px;line-height:1.65;color:var(--dim);margin:0;}
.readDialogHead .readIconButton {margin:-5px -7px 0 0;}
.readDialogBody {padding:24px;}
.readRuleLabels,.readRuleRow {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 30px;gap:9px;align-items:center;}
.readRuleLabels {font-size:11px;color:var(--dim);margin-bottom:8px;}
.readRuleRow {margin-bottom:9px;}
.readDialog :is(input,select) {width:100%;height:40px;min-width:0;padding:8px 10px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--text);font:inherit;font-size:13px;}
.readDialog .readRuleRow .readIconButton {width:30px;min-width:30px;}
.readTextButton {min-height:36px;padding:5px 0;border:0;background:none;color:var(--accent);font:inherit;font-size:12px;}
.readDialogHint {margin:12px 0;}
.readDialogActions {display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:22px;}
.readDialogActions button {min-height:40px;padding:9px 14px;border:1px solid var(--line);border-radius:6px;background:var(--surface-2);color:var(--text);font:inherit;font-size:12px;}
.readDialogActions button.primary {border-color:var(--accent);background:var(--accent);color:#191b1d;font-weight:600;}
.readDialogActions button:disabled {opacity:.45;cursor:not-allowed;}
.readExportFields {display:grid;grid-template-columns:140px minmax(0,1fr);gap:14px;}
.readExportFields label {display:grid;gap:8px;font-size:12px;font-weight:500;}
.readExportFields label[hidden] {display:none;}
#readExportProgress {width:100%;height:6px;accent-color:var(--accent);margin:12px 0 0;}
#readExportStatus {font-size:12px;line-height:1.6;min-height:19px;color:var(--text);overflow-wrap:anywhere;}
@media(max-width:1000px) {
 body.studio-refined #controls .studioTransportInfo {display:none;}
 body.studio-refined #controls {gap:10px;grid-template-columns:1fr;}
 body.studio-refined #controls .btns {grid-column:1;justify-content:center;}
}
@media(max-width:700px) {
 body.studio-refined #controls {grid-template-columns:1fr;padding:10px 12px 8px!important;gap:5px;}
 body.studio-refined #controls .studioTransportInfo {display:none;}
 body.studio-refined #controls .btns {grid-column:1;justify-content:space-between;gap:3px;width:100%;}
 body.studio-refined #controls .readIconButton {width:34px;min-width:34px;height:38px;}
 body.studio-refined #controls #playBtn {min-width:100px;}
 .readDialogHead,.readDialogBody {padding:20px;}
 .readDialogHead {gap:10px;}
 .readExportFields {grid-template-columns:1fr;}
 .readTimeline {gap:8px;}
 #readPosition {min-width:100px;font-size:10px;}
}
@media print {.readModePanel,.readExtraTools,.readDialog,.readTimeline {display:none!important;}}

@media screen {
 /* The player owns space in the workspace. Only the screenplay scrolls. */
 body.studio-refined.script-loaded:not(.writer-mode):not(.production-mode):not(.splash-home) #main {
   display:flex;flex-direction:column;min-height:0;overflow:hidden;padding-top:0;padding-bottom:0;scroll-padding:0;scrollbar-gutter:auto;container-type:inline-size;container-name:read-workspace;
 }
 body.studio-refined.script-loaded:not(.writer-mode):not(.production-mode):not(.splash-home) #readerBar {flex:none;}
 body.studio-refined.script-loaded:not(.writer-mode):not(.production-mode):not(.splash-home) #sharedProjectBanner {flex:none;}
 body.studio-refined.script-loaded:not(.writer-mode):not(.production-mode):not(.splash-home) #script {
   flex:1 1 0;min-width:0;min-height:0;width:100%;max-width:none;margin:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;
   /* Note/edit buttons extend 34px outside the item; count badges need 6px more. */
   padding:32px max(44px,calc((100% - var(--system-canvas))/2 + 24px)) 40px;scroll-padding-block:24px;
 }
 body.studio-refined.script-loaded:not(.writer-mode):not(.production-mode):not(.splash-home) #script>.item {min-width:0;max-width:100%;overflow-wrap:anywhere;}
 body.studio-refined #script,body.studio-refined #script :is(.action,.words) {line-height:var(--reader-line-height,1.7);}
 body.studio-refined.script-loaded:not(.writer-mode):not(.production-mode):not(.splash-home) #controls {
   position:static;inset:auto;z-index:auto;flex:none;order:1;display:grid;grid-template-columns:minmax(0,1fr) auto;
   width:100%;min-width:0;min-height:0;margin:0;gap:8px 18px;
   padding:12px max(24px,calc((100% - var(--system-canvas))/2 + 24px)) calc(10px + env(safe-area-inset-bottom))!important;
   border:0!important;border-top:1px solid var(--line)!important;border-radius:0;box-shadow:none;background:var(--panel)!important;backdrop-filter:none;
 }
 body.studio-refined #controls :is(.studioTransportInfo,.studioTransportHint,#resumeBar,#stopBtn,#ocrBtn,#loadedBar) {display:none!important;}
 body.studio-refined #controls #readPlayerState {grid-column:1;grid-row:1;align-self:center;min-width:0;color:var(--dim);font-size:12px;line-height:20px;}
 body.studio-refined #controls .btns {grid-column:2;grid-row:1;justify-content:flex-end;gap:4px;}
 body.studio-refined #controls .btns>button {flex:none;transform:none;}
 body.studio-refined #controls .readIconButton svg {stroke-width:1.6;}
 body.studio-refined #controls :is(#readPrevious,#readNext) {color:var(--icon-slate,#aebed0);}
 body.studio-refined #controls #readReplay {color:var(--icon-mint,#a8c9bc);}
 body.studio-refined #controls .readOuterButton {display:inline-flex;align-items:center;justify-content:center;gap:6px;width:82px;min-width:82px;padding:0 7px;}
 body.studio-refined #controls #readRestart {color:var(--icon-coral,#d7a49c);}
 .readTransportLabel {font-size:11px;font-weight:500;line-height:16px;}
 body.studio-refined #controls #playBtn {min-width:116px;padding-inline:14px;}
 body.studio-refined #controls .controlContent {transform:none;}
 body.studio-refined #controls .readTimeline {grid-column:1/-1;grid-row:2;margin:0;}
 body.studio-refined.script-loaded.read-feedback #controls #status {grid-column:1/-1;grid-row:3;}
 body.studio-refined.script-loaded:not(.writer-mode):not(.production-mode):not(.splash-home) #cueBar {
   position:static;inset:auto;flex:none;width:100%;padding:10px max(24px,calc((100% - var(--system-canvas))/2 + 24px));
   transform:none;opacity:1;pointer-events:auto;transition:none;
 }
 body.studio-refined #cueBar[hidden] {display:none!important;}
 body.studio-refined #cueBar .cueInner {max-width:none;padding:12px 16px;border-radius:8px;box-shadow:none;}
 body.studio-refined #cueBar .cueLine {max-height:90px;overflow-y:auto;margin-bottom:10px;font-size:13px;line-height:1.6;}
 body.studio-refined #cueBar #cueContinue {min-height:38px;padding:8px 12px;border-radius:5px;font-size:12px;}
 @container read-workspace (max-width:560px) {
   body.studio-refined #controls {grid-template-columns:minmax(0,1fr);gap:5px;}
   body.studio-refined #controls #readPlayerState {grid-column:1;grid-row:1;text-align:center;}
   body.studio-refined #controls .btns {grid-column:1;grid-row:2;justify-content:center;width:100%;}
   body.studio-refined #controls .readTimeline {grid-row:3;}
   body.studio-refined.script-loaded.read-feedback #controls #status {grid-row:4;}
 }
 @media(max-width:700px) {
   body.studio-refined.script-loaded:not(.writer-mode):not(.production-mode):not(.splash-home) #script {padding:22px 16px 28px;}
   body.studio-refined.script-loaded:not(.writer-mode):not(.production-mode):not(.splash-home) #controls {
     grid-template-columns:minmax(0,1fr);gap:5px;padding:8px 12px calc(8px + env(safe-area-inset-bottom))!important;
   }
   body.studio-refined #controls #readPlayerState {grid-column:1;grid-row:1;font-size:11px;line-height:16px;text-align:center;}
   body.studio-refined #controls .btns {grid-column:1;grid-row:2;justify-content:center;gap:5px;width:100%;}
   body.studio-refined #controls .readIconButton {width:38px;min-width:38px;height:42px;min-height:42px;}
   body.studio-refined #controls #playBtn {min-width:116px;min-height:42px;}
   body.studio-refined #controls .readOuterButton {display:grid;grid-template-rows:18px 12px;gap:1px;width:44px;min-width:44px;height:42px;padding:4px 2px;}
   .readTransportLabel {font-size:9.5px;line-height:12px;}
   body.studio-refined #controls .readTimeline {grid-row:3;gap:8px;}
   body.studio-refined.script-loaded.read-feedback #controls #status {grid-row:4;}
   body.studio-refined.script-loaded:not(.writer-mode):not(.production-mode):not(.splash-home) #cueBar {padding:8px 12px;}
   body.studio-refined #cueBar .cueInner {padding:10px 12px;}
 }
 body.studio-refined #sidebar #castSection.open>.secBody {padding-top:12px;}
 body.studio-refined #sidebar .readModePanel {margin:0 0 14px;padding:0 0 14px;border-bottom:1px solid var(--line-soft);}
 body.studio-refined #sidebar #readRolePicker {position:static;display:grid;grid-template-columns:minmax(0,1fr);gap:6px;width:100%;align-items:stretch;}
 body.studio-refined #sidebar #readRolePicker>label {display:block;height:auto;margin:0;padding:0;font-size:12px;font-weight:500;line-height:18px;letter-spacing:0;text-transform:none;color:var(--dim);}
 body.studio-refined #sidebar #readRole {display:block;width:100%;height:38px;min-height:38px;margin:0;line-height:20px;}
 body.studio-refined #controls .controlContent {display:inline-flex;align-items:center;justify-content:center;gap:8px;line-height:20px;}
 body.studio-refined #controls .controlContent .esActionIcon {display:block;flex:none;width:20px;height:20px;}
 body.studio-refined #controls #playBtn .esActionIcon {fill:currentColor;stroke:none;}
 body.studio-refined #sidebar .sampleBtnIcon .esActionIcon {display:block;width:15px;height:15px;}

 body.studio-refined #sidebar #notesSection>.secBody {margin-top:0;padding:12px 0 16px;}
 body.studio-refined #sidebar #notesSection .noteComposerUnit {
   padding:12px;border:1px solid #b99a5e66;border-left:3px solid var(--accent);border-radius:9px;
   background:linear-gradient(135deg,#dac08412,var(--surface-2));box-shadow:0 5px 16px #0002;
 }
 body.studio-refined #sidebar #notesSection .noteComposerUnit:focus-within {border-color:#dac084aa;box-shadow:0 0 0 2px #dac08416,0 5px 16px #0002;}
 .readNoteComposerHead {display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 10px;}
 .readNoteComposerHead>b {font-size:12px;line-height:18px;font-weight:550;color:var(--text);}
 body.studio-refined #sidebar #notesSection .typedNoteSaveHint {display:inline-flex;align-items:center;gap:5px;flex:none;width:auto;height:auto;line-height:16px;overflow:visible;white-space:nowrap;text-overflow:clip;font-size:10px;color:var(--accent);}
 body.studio-refined #sidebar #notesSection .typedNoteSaveHint kbd {padding:2px 5px;border:1px solid #dac08466;border-radius:4px;background:#dac0841a;color:var(--accent);font:500 10px/14px var(--sans);}
 body.studio-refined #sidebar #notesSection .noteComposer {height:42px;min-height:42px;border:1px solid var(--line);border-radius:6px;background:var(--surface-0);box-shadow:none;}
 body.studio-refined #sidebar #notesSection .noteInputMain {display:grid;grid-template-columns:minmax(0,1fr) 38px;align-items:center;gap:0;height:40px;}
 body.studio-refined #sidebar #notesSection #typedNote {width:100%;height:40px;min-height:40px;padding:0 10px;border:0;background:none;color:var(--text);font-size:13px;line-height:20px;}
 body.studio-refined #sidebar #notesSection #typedNote::placeholder {color:var(--dim);opacity:.8;}
 body.studio-refined #sidebar #notesSection #noteBtn {display:grid;place-items:center;min-width:36px;width:36px;height:36px;min-height:36px;margin:0;padding:8px;border:0;border-left:1px solid var(--line-soft);border-radius:0;background:none;color:var(--dim);}
 body.studio-refined #sidebar #notesSection #noteBtn .topButtonContent {display:flex;align-items:center;justify-content:center;gap:0;}
 body.studio-refined #sidebar #notesSection #noteBtn .noteButtonText {display:none;}
 body.studio-refined #sidebar #notesSection #noteBtn svg {width:18px;height:18px;}
 body.studio-refined #sidebar #notesSection .typedNoteMeta {display:block;width:100%;height:auto;min-height:0;margin:8px 0 0;padding:0;border:0;background:none;}
 body.studio-refined #sidebar #notesSection #typedNoteTarget {display:block;width:100%;height:auto;white-space:normal;overflow:visible;text-overflow:clip;font-size:10px;line-height:16px;color:var(--dim);}
 body.studio-refined #sidebar #notesSection #noteList {margin-top:14px;max-height:none;overflow:visible;}
 body.studio-refined #sidebar #notesSection .notesStatusTabs {display:flex;gap:4px;margin-bottom:12px;padding:3px;border:1px solid var(--line-soft);border-radius:6px;background:var(--surface-0);}
 body.studio-refined #sidebar #notesSection .notesStatusTabs button {display:flex;align-items:center;justify-content:center;gap:7px;flex:1;min-width:0;min-height:32px;padding:6px 8px;border:0;border-radius:4px;background:none;color:var(--dim);font:500 11px/18px var(--sans);}
 body.studio-refined #sidebar #notesSection .notesStatusTabs button[aria-pressed="true"] {background:var(--surface-3);color:var(--text);}
 body.studio-refined #sidebar #notesSection .notesStatusTabs b {font-size:10px;font-weight:500;color:var(--dim);font-variant-numeric:tabular-nums;}
 body.studio-refined #sidebar #notesSection .notesListEmpty {padding:10px 2px;color:var(--dim);font:12px/1.6 var(--sans);}
 body.studio-refined #sidebar #notesSection .noteRow {
   display:grid;grid-template-columns:minmax(0,1fr);gap:0;min-height:0;margin:0 0 10px;padding:0;
   border:1px solid #7b694344;border-left:3px solid #c6ac70;border-radius:7px;background:#302c22;
   box-shadow:0 3px 8px #0002;
 }
 body.studio-refined #sidebar #notesSection .noteRow .noteLocate {display:grid;grid-template-columns:18px minmax(0,1fr);align-items:start;gap:8px;width:100%;min-height:0;padding:12px 10px 10px;border:0;background:none;color:#eee4c9;text-align:left;}
 body.studio-refined #sidebar #notesSection .noteRow .noteLocate:hover {background:#dac08408;}
 body.studio-refined #sidebar #notesSection .noteSourceGlyph {width:18px;height:20px;margin:0;border:0;border-radius:0;background:none;color:#cdb985;}
 body.studio-refined #sidebar #notesSection .noteRow .noteText {font-size:13px;line-height:1.55;font-weight:450;color:#eee4c9;-webkit-line-clamp:3;}
 body.studio-refined #sidebar #notesSection .noteRow .noteLineMeta {display:flex;align-items:center;flex-wrap:wrap;gap:5px;margin-top:8px;}
 body.studio-refined #sidebar #notesSection .noteRow .ctx {max-width:100%;font-size:10px;line-height:16px;color:#c1b28e;}
 body.studio-refined #sidebar #notesSection .noteActionTag {min-height:19px;padding:2px 5px;border-color:#c1b28e44;border-radius:4px;background:#dac0840d;color:#d5c594;font-size:10px;font-weight:500;line-height:14px;}
 body.studio-refined #sidebar #notesSection .noteCardControls {display:flex;align-items:center;justify-content:flex-end;gap:4px;padding:5px 7px;border-top:1px solid #c1b28e22;background:#dac08406;}
 body.studio-refined #sidebar #notesSection .noteCardControls button {width:28px;height:28px;min-width:28px;min-height:28px;padding:5px;border:0;border-radius:4px;background:none;}
 body.studio-refined #sidebar #notesSection .noteCardControls button:hover {background:#dac08416;}
 body.studio-refined #sidebar #notesSection .noteRow.resolved {border-color:var(--line-soft);border-left-color:#637368;background:var(--surface-1);box-shadow:none;}
 body.studio-refined #sidebar #notesSection .noteRow.resolved .noteText {color:var(--dim);}
 body.studio-refined #sidebar #notesSection .noteRow.compact .noteText {-webkit-line-clamp:2;font-size:12px;}
 body.studio-refined #sidebar #notesSection .noteRow.linked {border-color:var(--accent);box-shadow:0 0 0 2px #dac08422;}
}