/* Last-loaded rules keep desktop formatting unchanged. */
.ys-section-toggle{display:none!important}
#ysSaveWarning[hidden],#ysSyncFailure[hidden]{display:none!important}
#ysSaveWarning{position:fixed;left:12px;right:12px;bottom:82px;z-index:2400;max-width:560px;margin:auto;background:#fff8e7;border:1px solid #b88430;border-radius:12px;box-shadow:0 8px 30px #14253530;color:#513b18;padding:10px 14px;font:14px/1.5 system-ui;box-sizing:border-box}
.ys-warning-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
#ysSaveWarning button{min-height:36px;border:1px solid #c4ac7c;background:#fff;border-radius:7px;color:#513b18;padding:5px 9px;cursor:pointer}
#ysWarningDismiss{font-size:22px}
#ysSaveWarning summary{cursor:pointer;padding:6px 0;font-weight:600}
#ysSaveWarning details[open]{max-height:40dvh;overflow:auto}
#ysSaveWarning p{margin:6px 0 10px;overflow-wrap:anywhere}
#ysSyncFailure{position:fixed;bottom:42px;right:12px;z-index:2350;border:1px solid #ad7630;border-radius:20px;background:#fff4d6;color:#633d13;padding:8px 12px;min-height:36px;font:600 12px system-ui;cursor:pointer}
#saveStatus{font:600 12px/1.4 system-ui!important;white-space:normal!important;color:#375947!important}
#saveStatus[data-local="error"],#saveStatus[data-cloud="error"]{color:#9b3929!important}
@media(min-width:701px){#privateApp:has(#manuscriptView.active):has(> #syncSafetyNotice434){grid-template-rows:minmax(0,1fr)!important}}
@media(max-width:700px){
 #ysTopPrimaryNav{flex-wrap:wrap!important;overflow:visible!important;gap:3px!important;position:relative!important;z-index:1200!important}
 #ysTopPrimaryNav button{flex:1 1 auto!important;font-size:13px!important;min-height:42px!important}
 #privateApp .main,#privateApp .content{width:100%!important;min-width:0!important;margin:0!important;padding-left:0!important;padding-right:0!important;box-sizing:border-box}
 #manuscriptView.active{margin:0!important;width:100%!important}
 #manuscriptView.active .ys-mobile-manuscript-bar{position:relative!important;top:auto!important;flex-wrap:wrap!important;padding:8px!important}
 #manuscriptView.active .manuscript-shell,#manuscriptView.active .editor-pane,#manuscriptView.active #editorWorkspace{width:100%!important;min-width:0!important;height:auto!important;max-height:none!important;min-height:0!important;box-sizing:border-box}
 #manuscriptView.active .editor-toolbar.ys-option3-toolbar{display:block!important;max-height:none!important;overflow:visible!important;padding:6px 8px!important}
 #manuscriptView.active .ys-option3-toolbar .editor-toolbar-row{display:block!important;overflow:visible!important;margin:0!important;padding:0!important;min-height:0!important;height:auto!important}
 #manuscriptView.active .ys-option3-toolbar .ys-tool-group{display:block!important;width:100%!important;box-sizing:border-box;min-width:0!important;padding:0!important;margin:0 0 5px!important;overflow:visible!important}
 #manuscriptView.active .ys-tool-group .ys-group-label{display:none!important}
 #manuscriptView.active .ys-tool-group>.ys-section-toggle{display:flex!important;align-items:center;justify-content:space-between;width:100%!important;min-height:42px!important;height:auto!important;text-align:left;padding:10px 12px!important;font:700 14px system-ui!important}
 .ys-section-toggle:after{content:'+'}.ys-section-toggle[aria-expanded="true"]:after{content:'−'}
 #manuscriptView.active .ys-tool-group:not(.ys-section-open) .ys-group-controls{display:none!important}
 #manuscriptView.active .ys-tool-group.ys-section-open .ys-group-controls{display:flex!important;flex-wrap:wrap!important;white-space:normal!important;width:100%!important;box-sizing:border-box;padding:8px!important;gap:6px!important;overflow:visible!important}
 #manuscriptView.active .ys-option3-toolbar .ys-writing-tools.ys-section-open .ys-group-controls{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}
 #manuscriptView.active .ys-option3-toolbar .ys-writing-tools button{font:12px/1.25 system-ui!important;min-height:44px!important;height:auto!important;white-space:normal!important;word-break:normal!important}
 #manuscriptView.active .ys-option3-toolbar .ys-writing-tools>.ys-section-toggle{font-weight:700!important}
 #manuscriptView.active .ys-option3-toolbar select{font-size:16px!important;max-width:100%!important;min-height:42px!important}
 #manuscriptView.active #manuscriptEditor{width:100%!important;max-width:100%!important;min-height:55dvh!important;height:auto!important;box-sizing:border-box;padding:18px 16px 110px!important;font-size:18px!important;line-height:1.7!important;overflow-wrap:anywhere!important}
 #manuscriptView.active .editor-footer{flex-wrap:wrap!important;gap:6px;padding:8px 12px 80px!important;white-space:normal!important}
 #manuscriptView.active .chapter-pane{height:auto!important;width:min(88vw,360px)!important}
 #ysSaveWarning{left:8px;right:8px;bottom:84px;font-size:13px}
}
@media(max-width:700px){
 #privateApp .topbar{display:flex!important;flex-wrap:wrap!important;gap:0!important;padding:0!important;height:auto!important;min-height:0!important}
 #privateApp #ysTopPrimaryNav{flex:1 0 100%!important;margin:0!important;width:100%!important}
 #privateApp #ysTopPrimaryNav>button,#privateApp #ysTopPrimaryNav>#ysProjectsWrap{flex:1 1 auto!important;min-width:0!important}
 #privateApp #ysTopPrimaryNav #storyGuideBtn{font-size:12px!important;min-height:42px!important}
 #manuscriptView.active .ys-option3-toolbar .ys-writing-tools>.ys-section-toggle{justify-content:space-between!important;text-align:left!important;display:flex!important;letter-spacing:normal!important}
 #manuscriptView.active .ys-font-text.ys-section-open .ys-group-controls{flex-wrap:wrap!important}
 #saveStatus{left:8px!important;right:8px!important;bottom:36px!important;width:auto!important;max-width:none!important;text-align:center!important;box-sizing:border-box}
 #ysSyncFailure{bottom:72px}
 #ysSaveWarning{bottom:114px}
}
@media(min-width:701px){#saveStatus{bottom:44px!important;z-index:2350!important}}
@media(max-width:700px){
 #privateApp #ysTopPrimaryNav>button,#privateApp #ysTopPrimaryNav #ysProjectsToggle{border:1px solid #5d7487!important;border-radius:8px!important;background:#203f58!important;color:#fff!important;padding:8px 10px!important;font:600 13px system-ui!important;box-shadow:none!important}
 #privateApp #ysTopPrimaryNav #storyGuideBtn{flex:1 1 100%!important;margin-top:3px!important;min-height:32px!important;padding:4px 10px!important;text-align:center!important;justify-content:center!important}
 #privateApp #ysTopPrimaryNav #ysProjectsToggle{width:100%!important}
}
@media(max-width:700px){
 #manuscriptView.active #manuscriptEditor p,#manuscriptView.active #manuscriptEditor>div:not(.scene-separator-wrap){line-height:1.65!important}
}
/* Reserve toolbar space for status instead of floating over writing or sidebars. */
#manuscriptView .ys-option3-toolbar #saveStatus{
 position:static!important;inset:auto!important;z-index:auto!important;
 display:flex!important;flex:0 0 100%!important;justify-content:flex-end!important;
 width:100%!important;max-width:none!important;min-height:20px!important;height:auto!important;
 margin:2px 0 0!important;padding:2px 4px!important;box-sizing:border-box!important;
 border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;
 text-align:right!important;white-space:normal!important;pointer-events:auto!important;
}

/* The same live indicator now belongs to the manuscript footer. */
#manuscriptView .editor-footer{flex-wrap:wrap;gap:6px 12px}
#manuscriptView .editor-footer #saveStatus{
 position:static!important;inset:auto!important;transform:none!important;z-index:auto!important;
 display:inline-flex!important;align-items:center!important;justify-content:flex-end!important;
 flex:0 1 auto!important;width:auto!important;max-width:100%!important;min-height:0!important;height:auto!important;
 margin:0 0 0 auto!important;padding:0!important;box-sizing:border-box!important;
 border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;
 font:600 12px/1.4 system-ui!important;text-align:right!important;white-space:normal!important;
 overflow-wrap:anywhere;pointer-events:auto!important;
}
@media(max-width:700px){
 #manuscriptView.active .editor-footer{padding:8px 10px!important;scroll-margin-bottom:90px}
}

/* Keep the complete live workspace status next to its existing Refresh link. */
body:has(#privateApp:not(.hidden)) #ysUtilityBar{height:auto!important;min-height:34px}
#ysUtilityBar #workspaceSyncStatus{
 display:flex;align-items:center;gap:8px;padding:2px 0;min-width:0;
 flex:0 1 auto;max-width:min(640px,55vw);background:transparent;color:#f7f1e5;
 font:12px/1.4 system-ui;
}
#ysUtilityBar #workspaceSyncMessage{min-width:0;max-height:4.2em;overflow:auto;overflow-wrap:anywhere}
#ysUtilityBar #workspaceSyncStatus[data-state="retry"]{background:transparent;color:#ffe0a3}
#ysUtilityBar #workspaceRefreshButton{flex:0 0 auto}
@media(max-width:700px){
 #ysUtilityBar #workspaceSyncStatus{flex:0 1 100%;max-width:100%;justify-content:center;flex-wrap:wrap;gap:2px 6px}
 #ysUtilityBar #workspaceSyncMessage{flex:0 1 auto}
}