/* Shared chrome, deliberately separate from authored page colors and typography. */
:root[data-fd-appearance]{background:var(--fd-bg);color:var(--fd-ink);accent-color:var(--fd-accent)}
html[data-fd-appearance] body{background:var(--fd-bg);color:var(--fd-ink);height:var(--app-height,100dvh);display:flex;flex-direction:column;overflow:hidden}
html[data-fd-appearance] :is(.app-header,.document-tabs-bar,.workspace-nav,.statusbar){flex:none}
html[data-fd-appearance] main.workspace{flex:1;min-height:0;height:auto!important}
.fd-a11y-only{position:absolute!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;width:1px!important;height:1px!important;overflow:hidden!important;white-space:nowrap!important}
html[data-fd-appearance] :is(.app-header,.workspace-nav,.tool-rail,.viewer-toolbar,.inspector,.statusbar,.searchbar,.writer-header,.writer-ribbon,.writer-context,.writer-inspector,.writer-footer,.writer-sidebar,#app-header,.project-bar,#view-tabs,.format-bar,#sidebar){background:var(--fd-panel)!important;color:var(--fd-ink)!important;border-color:var(--fd-line)!important}
html[data-fd-appearance] :is(.document-workspace,.document-stage,.writer-stage,#pages-scroll,.studio-body,.writer-body){background:var(--fd-bg)!important;scrollbar-color:var(--fd-control) transparent}
html[data-fd-appearance] :is(.thumbnail-pane,.document-tabs-bar,.viewer-footer,.writer-toolbar,.writer-tabs,.side-bottom){background:var(--fd-soft)!important;color:var(--fd-ink)!important;border-color:var(--fd-line)!important}
html[data-fd-appearance] :is(.app-header,.workspace-nav,.tool-rail,.viewer-toolbar,.inspector,.statusbar,.viewer-footer,.document-tabs-bar,.thumbnail-pane,.writer-header,.writer-ribbon,.writer-context,.writer-inspector,.writer-footer,.writer-sidebar,#app-header,.project-bar,#view-tabs,.format-bar,#sidebar) :is(button,summary,select,label,input,textarea){color:var(--fd-ink)!important;font-size:calc(13px * var(--fd-ui-scale))!important;border-color:var(--fd-control)}
html[data-fd-appearance] :is(.btn.quiet,.writer-btn,.fd-file-menu>summary,.writer-file-menu>summary,.project-bar select,.format-bar select,.writer-context input,.writer-context select,.viewer-font-control select,.control-group input,.control-group select,.control-group textarea,.field,#page-input){background:var(--fd-panel)!important;color:var(--fd-ink)!important;border-color:var(--fd-control)!important}
html[data-fd-appearance] :is(.header-actions,.viewer-toolbar,.writer-context,.writer-ribbon,.format-bar,.project-bar) button{min-height:var(--fd-control-height);flex-shrink:0}
html[data-fd-appearance] :is(.viewer-toolbar,.writer-context,.format-bar){gap:8px;scrollbar-width:thin;scrollbar-gutter:stable}
html[data-fd-appearance] :is(.viewer-toolbar,.writer-context){min-height:calc(var(--fd-control-height) + 16px)!important;padding-top:8px!important;padding-bottom:8px!important}
html[data-fd-appearance] :is(.toolbar-left,.writer-ribbon>div){gap:8px}
html[data-fd-appearance] :is(.header-actions,.writer-header,.project-bar){gap:10px}
html[data-fd-appearance] :is(.panel-intro,.panel-eyebrow,.section-label,.control-group label,.input-label,.thumb-label,.thumb-footer,.document-title div>span,.brand-sub,.local-badge,.nav-help,.view-controls,.writer-eyebrow,.writer-footer,#save-state,.story-type-note,.side-bottom p,.zoom){color:var(--fd-muted)!important}
html[data-fd-appearance] :is(.btn.primary,.writer-btn.primary,.writer-btn-primary,.format-bar .primary,#app-header .primary,.fd-accent-button){background:var(--fd-accent)!important;color:var(--fd-on-accent)!important;border-color:var(--fd-accent)!important}
html[data-fd-appearance] :is(.tool-pill.active,.tool-rail>button.active,.nav-tabs button.active,.document-tab.active,.writer-btn[aria-pressed=true],.writer-context [aria-pressed=true],#view-tabs button.active,.scene-item.active){background:var(--fd-accent-soft)!important;color:var(--fd-accent)!important;border-color:var(--fd-accent)!important}
html[data-fd-appearance] :is(.tool-card,.info-box,.scan-defaults,.signature-preview,.result-text,.writer-popover,.writer-tools,.writer-note,.bible-card,.report-card,.fd-file-menu>div,.writer-file-menu>div,.phrase-suggestions,.fd-font-menu,.fd-quick-menu,#fd-help-panel,.fd-ai-panel){background:var(--fd-panel)!important;color:var(--fd-ink)!important;border-color:var(--fd-line)!important;box-shadow:0 10px 30px var(--fd-shadow)}
html[data-fd-appearance] :is(.info-box,.scan-defaults,.writer-popover,.writer-inspector,.fd-file-menu>div,.writer-file-menu>div,.fd-font-menu,.fd-quick-menu,#fd-help-panel,.fd-ai-panel) :is(p,label,small,button,summary,select,input,textarea,kbd){color:var(--fd-ink)}
html[data-fd-appearance] :is(.fd-file-menu,.writer-file-menu) :is(button,summary){color:var(--fd-ink)!important;font-size:calc(13px * var(--fd-ui-scale))!important}
html[data-fd-appearance] :is(.fd-file-menu,.writer-file-menu) :is(button:hover,button:focus-visible){background:var(--fd-accent-soft)!important;color:var(--fd-accent)!important}
html[data-fd-appearance] :is(.fd-file-menu,.writer-file-menu) kbd{color:var(--fd-muted)!important}
html[data-fd-appearance] dialog:not(#writer-dialog){background:var(--fd-panel);color:var(--fd-ink);border:1px solid var(--fd-line);box-shadow:0 18px 70px var(--fd-shadow)}
html[data-fd-appearance] dialog:not(#writer-dialog) :is(input:not([type=color]),select,textarea){background:var(--fd-panel);color:var(--fd-ink);border-color:var(--fd-control)}
html[data-fd-appearance] dialog:not(#writer-dialog) :is(p,label,small,.modal-note,.modal-header p){color:var(--fd-muted)}
html[data-fd-appearance] :is(.modal-header,.modal-footer,.writer-inspector,.fd-file-menu hr,.writer-file-menu hr){border-color:var(--fd-line)!important}
html[data-fd-appearance] :is(.busy-card,.fd-ai-card,.fd-ai-result){background:var(--fd-panel)!important;color:var(--fd-ink)!important}
html[data-fd-appearance] :is(.fd-font-popup,.fd-font-dropdown,.fd-font-mini-list,.fd-font-list,.fd-font-detail,.fd-font-option,.fd-font-row,.folio-quick-menu,.fd-cloud-panel,.fd-proof-panel,.fd-ai-main,.fd-ai-side,.fd-ai-body,.fd-ai-source,.fd-ai-actions){background:var(--fd-panel)!important;color:var(--fd-ink)!important;border-color:var(--fd-line)!important}
html[data-fd-appearance] :is(.fd-font-trigger,.fd-font-more,.fd-font-query,.fd-font-category,.fd-font-sample-input,.folio-quick-menu button,.fd-ai-panel input,.fd-ai-panel select,.fd-ai-panel textarea){background:var(--fd-panel)!important;color:var(--fd-ink)!important;border-color:var(--fd-control)!important}
html[data-fd-appearance] :is(.fd-font-row-name,.fd-font-current-name,.fd-font-mini-status,.fd-font-count,.fd-font-sample-label){color:var(--fd-muted)!important}
html[data-fd-appearance] :is(.fd-font-option[aria-selected=true],.fd-font-row[aria-selected=true],.fd-font-option:hover,.fd-font-row:hover,.folio-quick-menu button:hover){background:var(--fd-accent-soft)!important;color:var(--fd-accent)!important;box-shadow:inset 3px 0 var(--fd-accent)}
html[data-fd-appearance] #toast{background:var(--fd-accent);color:var(--fd-on-accent)}
html[data-fd-appearance] :is(.busy-card p,.tool-card small,.control-group label,.info-box,.section-label){color:var(--fd-muted)!important}
html[data-fd-appearance] .toast{background:var(--fd-accent);color:var(--fd-on-accent);box-shadow:0 6px 20px var(--fd-shadow)}
html[data-fd-appearance] .toast.error{background:var(--fd-danger);color:var(--fd-mode-error-ink,#111820)}
html[data-fd-mode=light] .toast.error{color:#fff}
html[data-fd-appearance] :is(button,a,summary,input,select,textarea):focus-visible{outline:3px solid var(--fd-accent)!important;outline-offset:3px}
html[data-fd-appearance] :is(.beat-card,.board-node){color:#222}
/* Dim the composed page as a unit, so existing overlays retain the same visual relationship. */
html[data-fd-appearance] :is(.page-shell,#writer-sheet,.script-page){filter:brightness(var(--fd-preview-brightness))}
.fd-appearance-trigger{display:inline-flex!important;align-items:center;justify-content:center;gap:7px;min-width:38px;min-height:38px;border:1px solid var(--fd-control)!important;border-radius:9px;padding:8px;background:var(--fd-panel)!important;color:var(--fd-ink)!important;flex:none;white-space:nowrap}
.fd-appearance-trigger svg{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7}
.fd-appearance-trigger span{font-size:calc(12px * var(--fd-ui-scale))}
.fd-focus-strip{min-height:36px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:6px 16px;flex:none;background:var(--fd-accent-soft);color:var(--fd-ink);border-bottom:1px solid var(--fd-line);font:calc(12px * var(--fd-ui-scale))/1.4 Inter,"Segoe UI",Arial,sans-serif}
.fd-focus-strip[hidden]{display:none!important}.fd-focus-strip>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fd-focus-strip button{min-height:32px;border:1px solid var(--fd-control);border-radius:7px;padding:4px 11px;background:var(--fd-panel);color:var(--fd-ink);flex:none;font:inherit}
html[data-fd-focus=true] :is(.workspace-nav,.document-tabs-bar,.workspace>.tool-rail,.workspace>.thumbnail-pane,.workspace>.inspector,.project-bar,#view-tabs,#sidebar){display:none!important}
html[data-fd-focus=true] main.workspace{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr)!important}
html[data-fd-focus=true] .workspace>.document-workspace{grid-column:1!important;grid-row:1!important}
html[data-fd-focus=true] .header-actions>:is([data-action=new-document],[data-action=writer-open],[data-action=scanner-open],[data-action=cloud-save]){display:none!important}
html[data-fd-focus=true] #writer-dialog.canvas-writer :is(.writer-inspector,.writer-sidebar,.writer-ribbon,.writer-pen-tools){display:none!important}
html[data-fd-focus=true] #writer-dialog.canvas-writer .writer-body{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr)!important}
html[data-fd-focus=true] .studio-body{padding:0!important}
html[data-fd-density=spacious] :is(.inspector,.writer-inspector){padding:24px!important}
html[data-fd-density=spacious] :is(.viewer-toolbar,.writer-context,.format-bar){gap:12px!important}
html[data-fd-density=spacious] .tool-card{padding:17px 14px;margin-bottom:12px}
html[data-fd-density=compact] :is(.viewer-toolbar,.writer-context,.format-bar){gap:5px!important}
html[data-fd-density=compact] .tool-card{padding:9px;margin-bottom:6px}
html[data-fd-motion=reduce] :is(.app-header,.workspace,.writer-app,.studio-body,dialog,.fd-font-menu,.fd-help-panel,.toast,.busy-overlay,.spinner) *,html[data-fd-motion=reduce] :is(.toast,.spinner){animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:0s!important;scroll-behavior:auto!important}
html[data-fd-motion=reduce] :is(.document-stage,.writer-stage,#pages-scroll){scroll-behavior:auto!important}
.fd-appearance-dialog{width:min(690px,calc(100vw - 24px));max-width:none;max-height:calc(var(--app-height,100dvh) - 24px);border-radius:18px!important;padding:0!important;overflow:hidden;font:calc(14px * var(--fd-ui-scale))/1.5 Inter,"Segoe UI",Arial,sans-serif}
.fd-appearance-dialog[open]{display:flex;flex-direction:column}
.fd-appearance-header{display:flex;gap:20px;align-items:flex-start;padding:22px 24px 18px;border-bottom:1px solid var(--fd-line);background:var(--fd-panel);flex:none}
.fd-appearance-header h2{font-size:1.55em;line-height:1.2;letter-spacing:-.025em;margin:0 0 7px;color:var(--fd-ink)}
.fd-appearance-header p{font-size:.88em;line-height:1.5;margin:0;color:var(--fd-muted)}
.fd-appearance-header>button{margin-left:auto;min-width:38px;min-height:38px;border:1px solid var(--fd-control);border-radius:10px;background:var(--fd-panel);color:var(--fd-ink);font-size:23px;flex:none}
.fd-appearance-body{padding:22px 24px;overflow:auto;min-height:0;overscroll-behavior:contain;scrollbar-gutter:stable}
.fd-appearance-body section+section{margin-top:25px}.fd-appearance-body h3{margin:0 0 12px;font-size:.95em;font-weight:650;color:var(--fd-ink)}
.fd-mode-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.fd-mode-grid>button{display:flex;flex-direction:column;gap:7px;text-align:left;padding:10px;border-radius:12px;border:1px solid var(--fd-control);background:var(--fd-panel);color:var(--fd-ink);min-width:0;position:relative;font:inherit}
.fd-mode-grid strong{font-size:.87em;font-weight:650}.fd-mode-grid small{font-size:.7em;line-height:1.4;color:var(--fd-muted)}
.fd-mode-sample{display:block;border:1px solid #6e7e90;border-radius:7px;width:100%;height:43px;background:linear-gradient(90deg,#dce4ed 21%,transparent 21%),linear-gradient(#fff 22%,#eef2f7 22%)}
.fd-mode-dark{background:linear-gradient(90deg,#455264 21%,transparent 21%),linear-gradient(#263344 22%,#17202c 22%)}
.fd-mode-night{background:linear-gradient(90deg,#34496a 21%,transparent 21%),linear-gradient(#172945 22%,#0d1626 22%)}
.fd-mode-system{background:linear-gradient(110deg,#e8eef5 50%,#263447 50%)}
.fd-mode-grid>button[aria-pressed=true],.fd-accent-grid>button[aria-pressed=true]{outline:2px solid var(--fd-accent);outline-offset:2px;background:var(--fd-accent-soft);color:var(--fd-accent)}
.fd-mode-grid>button[aria-pressed=true]:after,.fd-accent-grid>button[aria-pressed=true]:after{content:'✓';position:absolute;right:6px;top:4px;color:var(--fd-accent);font-weight:800;background:var(--fd-panel);border-radius:5px;padding:0 3px;font-size:12px}
.fd-accent-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.fd-accent-grid>button{position:relative;min-width:0;display:flex;align-items:center;gap:8px;min-height:44px;border:1px solid var(--fd-control);border-radius:9px;background:var(--fd-panel);color:var(--fd-ink);padding:9px;font:inherit;text-align:left;font-size:.8em}
.fd-accent-grid i{display:block;flex:none;width:16px;height:16px;border-radius:50%;background:var(--fd-swatch);border:1px solid var(--fd-control)}
.fd-preset-row{display:flex;gap:8px;flex-wrap:wrap}.fd-preset-row button,.fd-appearance-footer button,.fd-command-open{border:1px solid var(--fd-control);border-radius:9px;padding:9px 12px;background:var(--fd-panel);color:var(--fd-ink);min-height:42px;font:inherit;font-size:.85em}
.fd-comfort-note{font-size:.8em;color:var(--fd-muted);margin:9px 0 0}
.fd-comfort-grid{display:grid;grid-template-columns:1fr 1fr;gap:19px 22px}
.fd-comfort-field{display:flex;flex-direction:column;gap:7px;font-size:.88em;color:var(--fd-ink)}.fd-comfort-field>span{font-weight:600}
.fd-comfort-field select{width:100%;min-height:42px;border:1px solid var(--fd-control);border-radius:8px;padding:8px 10px;font:inherit;background:var(--fd-panel);color:var(--fd-ink)}
.fd-comfort-field small,.fd-focus-setting small{font-size:.83em;line-height:1.5;color:var(--fd-muted)}
.fd-focus-setting{display:grid;grid-template-columns:20px 1fr;gap:6px 10px;align-content:start;font-size:.88em;color:var(--fd-ink)}.fd-focus-setting input{width:19px;height:19px;margin:2px 0 0;accent-color:var(--fd-accent)}.fd-focus-setting>span{font-weight:600}.fd-focus-setting small{grid-column:2}
.fd-command-open{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:24px;gap:15px}.fd-command-open kbd{font-size:.85em;color:var(--fd-muted);white-space:nowrap}
.fd-appearance-footer{height:auto;display:flex;gap:8px;justify-content:flex-end;padding:14px 24px;background:var(--fd-panel);border-top:1px solid var(--fd-line);flex:none;flex-wrap:wrap}.fd-appearance-footer button{min-height:42px}.fd-appearance-footer button:disabled{opacity:.5}
.fd-command-dialog{width:min(580px,calc(100vw - 24px));max-width:none;max-height:calc(var(--app-height,100dvh) - 30px);padding:18px;border-radius:14px;font:calc(14px * var(--fd-ui-scale))/1.5 Inter,"Segoe UI",Arial,sans-serif}
.fd-command-dialog header{display:flex;align-items:center;gap:12px}.fd-command-dialog h2{font-size:1.2em;margin:0}.fd-command-dialog header button{margin-left:auto;font-size:24px;min-width:38px;min-height:38px;color:var(--fd-ink)}
.fd-command-dialog input{width:100%;min-height:46px;border:1px solid var(--fd-control);border-radius:8px;padding:10px;margin:12px 0;color:var(--fd-ink);background:var(--fd-panel);font:inherit}
.fd-command-dialog [role=listbox]{max-height:50dvh;overflow:auto;display:flex;flex-direction:column;gap:4px}.fd-command-dialog [role=option]{border:1px solid transparent;border-radius:7px;padding:11px;text-align:left;background:var(--fd-panel);color:var(--fd-ink);font:inherit;min-height:44px}.fd-command-dialog [role=option]:hover,.fd-command-dialog [role=option]:focus{background:var(--fd-accent-soft);color:var(--fd-accent)}
@media(max-width:650px){html[data-fd-appearance] :is(.app-header,#app-header){height:auto;min-height:62px;flex-wrap:wrap;padding:8px 10px;gap:7px}html[data-fd-appearance] .header-actions{min-width:0;max-width:100%;flex-wrap:wrap;gap:6px!important}#app-header>.brand span{display:none}#app-header>.brand{min-width:32px}#app-header>.header-spacer{display:none}#app-header>[data-command=backup]{font-size:0}#app-header>[data-command=backup]:after{content:'Save project';font-size:calc(12px * var(--fd-ui-scale))}#app-header>[data-command=pdf-workspace]{font-size:0}#app-header>[data-command=pdf-workspace]:after{content:'PDF tools';font-size:calc(12px * var(--fd-ui-scale))}}
@media(max-width:850px){.fd-appearance-trigger span{display:none}.fd-appearance-trigger{min-width:40px;min-height:40px}.fd-appearance-dialog{width:calc(100vw - 16px);max-height:calc(var(--app-height,100dvh) - 16px);border-radius:14px!important}.fd-appearance-header{padding:18px}.fd-appearance-body{padding:18px}.fd-appearance-footer{padding:12px 16px}.fd-accent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fd-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fd-mode-grid small{font-size:.8em}.fd-comfort-grid{grid-template-columns:1fr}.fd-appearance-dialog select{font-size:max(16px,1em)}html[data-fd-appearance] :is(.header-actions,.viewer-toolbar,.writer-context,.format-bar,.project-bar) button{min-height:max(44px,var(--fd-control-height))}.fd-focus-strip{padding:6px 10px}.fd-focus-strip button{min-height:40px}}
@media print{.fd-appearance-trigger,.fd-focus-strip,.fd-appearance-dialog,.fd-command-dialog{display:none!important}html[data-fd-appearance] :is(.page-shell,#writer-sheet,.script-page){filter:none!important}}

/* Help and coach controls keep foreground, background and focus colors paired. */
html[data-fd-appearance] #fd-help-panel button{background:var(--fd-soft)!important;color:var(--fd-ink)!important;border-color:var(--fd-control)!important}
html[data-fd-appearance] #fd-help-panel button:is(:hover,:focus-visible,[aria-pressed=true]){background:var(--fd-accent-soft)!important;color:var(--fd-ink)!important}
html[data-fd-appearance] :is(.app-header,.writer-header,#app-header) .fd-help-button[aria-pressed=true],html[data-fd-appearance] body.coach #app-header [data-command=help]{background:#ffe27b!important;color:#5b3d00!important;border-color:#5b3d00!important}
html[data-fd-appearance] #dialog .dialog-actions button:not(.primary){background:var(--fd-soft)!important;color:var(--fd-ink)!important;border-color:var(--fd-control)!important}
html[data-fd-appearance] #dialog .dialog-actions button.primary{background:var(--fd-accent)!important;color:var(--fd-on-accent)!important;border-color:var(--fd-accent)!important}
html[data-fd-appearance] body.coach :is(button,select){outline:1px solid var(--fd-accent);outline-offset:2px}
body.fd-help-mode :is(button:disabled,input:disabled,select:disabled){opacity:1!important}
/* Pair foreground and surface colors; native dark controls must not inherit white ink on white. */
html[data-fd-appearance] :is(.inspector,.writer-inspector,.writer-context,.viewer-toolbar,#sidebar,.format-bar,.project-bar,.fd-font-popup,.fd-font-dropdown,.fd-font-menu,.fd-ai-panel,.fd-image-browser,dialog) :is(input:not([type=color]),select,textarea,option,optgroup,button){background-color:var(--fd-panel)!important;color:var(--fd-ink)!important;border-color:var(--fd-control)!important;color-scheme:inherit}
html[data-fd-appearance] :is(dialog,.fd-font-popup,.fd-font-dropdown,.fd-font-menu,.fd-image-browser,.writer-popover,.inline-edit-toolbar,.inline-geometry>div,.board-bar,.board-settings,.outline-toolbar,.view-toolbar){background-color:var(--fd-panel)!important;color:var(--fd-ink)!important;border-color:var(--fd-line)!important}
html[data-fd-appearance] :is(dialog,.fd-font-menu,.fd-font-popup,.fd-font-dropdown,.inline-edit-toolbar,.fd-image-browser) :is(h1,h2,h3,h4,p,span,label,summary,small,strong){color:inherit}
html[data-fd-appearance] :is(dialog,.fd-image-browser,.fd-font-popup,.fd-font-dropdown) :is(a,.art-status){color:var(--fd-accent)!important}
html[data-fd-appearance] :is(.art-cost,.fd-image-note,.fd-image-status){background:var(--fd-soft)!important;color:var(--fd-ink)!important}
html[data-fd-appearance] :is(dialog,.inspector,.writer-inspector,.fd-image-browser) :is(button.primary,.fd-image-tabs [aria-pressed=true]){background:var(--fd-accent)!important;color:var(--fd-on-accent)!important}
html[data-fd-appearance] :is(.fd-font-mini-preview,.fd-font-preview,.fd-font-row-preview,.fd-font-option *){color:inherit!important}
html[data-fd-appearance] :is(input,textarea)::placeholder{color:var(--fd-muted)!important;opacity:1}
/* Script paper and pastel reference cards keep their document ink, independently of chrome. */
html[data-fd-appearance] .script-page{color:#202020}
html[data-fd-appearance] :is(.beat-card,.board-node){color:#202020}
html[data-fd-appearance] :is(.beat-card,.board-node) :is(input,select,textarea,button){background:#fff!important;color:#202020!important;border-color:#697480!important}
.storyboard-art-dialog{width:min(720px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;padding:24px;box-sizing:border-box}
.storyboard-art-dialog label{display:flex;flex-direction:column;gap:6px;margin:12px 0}.storyboard-art-dialog :is(input,select,textarea){font:inherit;padding:9px;max-width:100%;box-sizing:border-box;border:1px solid var(--fd-control);border-radius:6px}.storyboard-art-dialog textarea{min-height:120px;resize:vertical}.storyboard-art-dialog .art-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.storyboard-art-dialog .dialog-actions{display:flex;gap:8px;flex-wrap:wrap}.storyboard-art-dialog button{min-height:40px;padding:8px 12px;border:1px solid var(--fd-control);border-radius:6px}.storyboard-art-dialog .art-preview{display:block;max-width:100%;max-height:40vh;margin:auto}.storyboard-art-dialog [hidden]{display:none!important}.storyboard-art-dialog .art-status{white-space:pre-wrap;min-height:24px}.storyboard-art-dialog small{line-height:1.6}.storyboard-art-dialog .art-cost{padding:12px;border-radius:8px}
@media(max-width:550px){.storyboard-art-dialog .art-row{grid-template-columns:1fr}}

/* Every chrome control owns a foreground/surface pair, including the mobile header. */
html[data-fd-appearance] :where(.app-header,#app-header,.writer-header,.document-tabs-bar,.workspace-nav,.tool-rail,.viewer-toolbar,.inspector,.writer-ribbon,.writer-context,.writer-inspector,.writer-sidebar,.writer-footer,.statusbar,.project-bar,.format-bar,#view-tabs,#sidebar,body>footer) :is(button,summary,select,textarea,input:not([type=color])){background:var(--fd-panel)!important;color:var(--fd-ink)!important;border-color:var(--fd-control)!important}
html[data-fd-appearance] :where(.app-header,#app-header,.writer-header,.document-tabs-bar,.workspace-nav,.tool-rail,.viewer-toolbar,.inspector,.writer-ribbon,.writer-context,.writer-inspector,.writer-sidebar,.writer-footer,.statusbar,.project-bar,.format-bar,#view-tabs,#sidebar,body>footer) :is(button,summary):hover{background:var(--fd-soft)!important;color:var(--fd-ink)!important}
html[data-fd-appearance] :where(.app-header,#app-header,.writer-header,.viewer-toolbar,.writer-ribbon,.writer-context,.inspector,.writer-inspector,.format-bar) :is(.primary,.btn.primary,.writer-btn-primary){background:var(--fd-accent)!important;color:var(--fd-on-accent)!important;border-color:var(--fd-accent)!important}
html[data-fd-appearance] body>footer{background:var(--fd-panel)!important;color:var(--fd-muted)!important;border-color:var(--fd-line)!important}
html[data-fd-appearance] body>footer :is(span,small,p){color:inherit!important}
html[data-fd-appearance] :where(.app-header,#app-header,.writer-header) :is(button,summary) :is(span,small){color:inherit!important}

@media(max-width:650px){html[data-fd-appearance] #app-header>[data-command=backup],html[data-fd-appearance] #app-header>[data-command=pdf-workspace]{font-size:0!important}}
.page-design-settings details{padding:10px 0;border-bottom:1px solid var(--fd-line,#aaa)}.page-design-settings summary{cursor:pointer;font-weight:bold;padding:8px 0}.page-design-settings details>button{margin:5px 3px 0 0}
/* Task menus share the same readable theme surfaces. */
.folio-quick-menu{width:min(430px,calc(100vw - 16px))!important;max-height:calc(100dvh - 24px)!important;overflow:auto;background:var(--fd-panel,#fff)!important;color:var(--fd-ink,#202831)!important;border:1px solid var(--fd-control,#6b7683)!important;border-radius:12px;padding:8px;box-shadow:0 12px 40px #0005;z-index:10040}.folio-quick-menu header{display:flex;justify-content:space-between;align-items:center;font-weight:700;padding:6px 8px;background:var(--fd-panel,#fff)!important;color:var(--fd-ink,#202831)!important}.folio-quick-menu h3{font:650 12px/1.4 system-ui;margin:10px 8px 4px;color:var(--fd-muted,#45515f)}.folio-quick-menu section{border-top:1px solid var(--fd-line,#89939e);padding-bottom:5px}.folio-quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.folio-quick-menu button{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:40px;padding:8px 10px;white-space:normal;text-align:left;background:var(--fd-panel,#fff)!important;color:var(--fd-ink,#202831)!important;border:1px solid var(--fd-control,#6b7683)!important;border-radius:6px;font:inherit}.folio-quick-menu button:hover{background:var(--fd-soft,#eff2f4)!important}.folio-quick-menu button[data-danger]{border-inline-start:4px solid var(--fd-accent,#a81d26)!important;font-weight:650}.folio-quick-menu button:focus-visible{outline:3px solid var(--fd-accent,#a81d26);outline-offset:1px}.folio-quick-menu button:disabled{opacity:.55}.folio-quick-menu kbd{font:11px system-ui;color:var(--fd-muted,#45515f)}.fd-tools-trigger{white-space:nowrap;min-height:40px}.fd-tool-filters{display:flex;gap:6px;flex-wrap:wrap;padding:8px 16px}.fd-tool-filters button[aria-pressed=true]{background:var(--fd-accent)!important;color:var(--fd-on-accent)!important}.fd-tool-row{display:flex;gap:6px;align-items:stretch}.fd-tool-row>[role=option]{flex:1;display:flex;justify-content:space-between;align-items:center;text-align:left}.fd-tool-row>[role=option] small{color:var(--fd-muted);font-size:11px;margin-inline-start:12px}.fd-tool-pin{flex:0 0 40px}.fd-command-dialog [data-fd-command-results]{display:grid;gap:6px}.fd-tool-count{padding:0 18px;color:var(--fd-muted);font-size:12px}.fd-file-menu [data-menu-heading]{font:650 11px system-ui;color:var(--fd-muted,#45515f);padding:8px 12px 3px;margin:0}.fd-file-menu>div>button{display:flex!important;justify-content:space-between;align-items:center;gap:14px;min-height:40px;white-space:normal!important}.fd-file-menu kbd{margin-inline-start:auto;flex:none;font:11px system-ui;color:var(--fd-muted,#45515f)}
.fd-tools-trigger{background:var(--fd-panel,#fff)!important;color:var(--fd-ink,#202831)!important;border:1px solid var(--fd-control,#6b7683)!important;padding:8px 12px;border-radius:8px;font:inherit;cursor:pointer}

/* Quick tools use normal-size scrolling controls, never saved panel scaling. */
.folio-quick-menu{font:16px/1.4 system-ui!important;max-height:calc(100dvh - 24px)!important;box-sizing:border-box;overscroll-behavior:contain}.folio-quick-menu button{min-height:44px!important;font-size:14px!important}.folio-quick-menu h3{font-size:13px!important}.fd-delete-object{min-height:44px!important;padding:8px 12px!important;border-inline-start:4px solid var(--fd-accent,#a81d26)!important;font-weight:700;white-space:nowrap}

/* Compact application chrome: pack actions together without scaling their contents. */
html[data-fd-appearance] body .app-header{height:auto;min-height:64px;padding:8px 12px;gap:8px;flex-wrap:wrap;max-width:100%;min-width:0;align-content:flex-start}
html[data-fd-appearance] body .app-header .brand{min-width:0;margin:0;flex:none;gap:6px;font-size:20px}
html[data-fd-appearance] body .app-header .document-title{min-width:0;flex:1 1 90px}
html[data-fd-appearance] body .app-header .header-actions{min-width:0;max-width:100%;flex:0 1 auto;flex-wrap:wrap;margin-left:auto;gap:4px!important;justify-content:flex-start;align-items:center}
html[data-fd-appearance] body .app-header .header-actions>:is(button,.header-history){flex:none}
html[data-fd-appearance] body .tool-rail{justify-content:flex-start;gap:3px;padding:6px 3px;overflow-y:auto;min-height:0}
html[data-fd-appearance] body .tool-rail>button{flex:none;gap:3px;padding:5px 1px;min-height:44px;line-height:1.1}
html[data-fd-appearance] body .tool-rail .rail-spacer{flex:none;height:8px}
html[data-fd-appearance] body .inspector{padding:14px 12px;min-height:0}
html[data-fd-appearance] body .inspector .panel-intro{margin-bottom:12px;line-height:1.4}
html[data-fd-appearance] body .inspector .tool-card{padding:9px 8px;margin-bottom:5px;gap:7px}
html[data-fd-appearance] body .inspector .tool-card strong{line-height:1.2}
html[data-fd-appearance] body .workspace-nav{min-width:0;padding-right:10px;overflow-x:auto;gap:8px}
html[data-fd-appearance] body .nav-tabs{gap:14px}
html[data-fd-appearance] body .nav-tabs button{flex:none;min-height:40px}
@media(max-width:850px){
 html[data-fd-appearance] body .app-header{padding:5px 8px;gap:4px;min-height:48px}
 html[data-fd-appearance] body .app-header .header-actions{display:contents!important}
 html[data-fd-appearance] body .app-header .header-actions>*{order:0!important;position:static}
 html[data-fd-appearance] body .app-header .brand{margin:0;flex:none;min-width:28px}
 html[data-fd-appearance] body .app-header .document-title,html[data-fd-appearance] body .app-header .inline-version{display:none}
 html[data-fd-appearance] body .app-header .btn{padding:6px 8px;min-height:44px}
 html[data-fd-appearance] body .app-header .fd-help-button{height:44px!important;min-height:44px;min-width:36px;flex:none!important;margin:0}
 html[data-fd-appearance] body .app-header .header-history{gap:0}
 html[data-fd-appearance] body .workspace-nav{padding:0 6px;height:40px;flex:none}
 html[data-fd-appearance] body .document-tabs-bar{height:36px;padding:0 6px;flex:none}
 html[data-fd-appearance] body .tool-rail>button{font-size:11px!important;min-height:44px;gap:2px;padding:4px 0}
 html[data-fd-appearance] body .viewer-footer{height:40px;min-height:40px;padding:0 6px}
 html[data-fd-appearance] body .statusbar{gap:6px;padding:0 6px;font-size:10px;height:22px;min-height:22px;overflow:hidden}
 html[data-fd-appearance] body .statusbar .version-link{font-size:10px}
 html[data-fd-appearance] body .viewer-toolbar{padding:4px 6px!important;gap:4px}
 html[data-fd-appearance] body :is(.toolbar-left,.viewer-text-tools,.page-design-tools){gap:4px!important}
}

html[data-fd-appearance] body .app-header .inline-version{display:none}
html[data-fd-appearance] body .workspace-nav{overflow-y:hidden}
html[data-fd-appearance] body .app-header .document-title{flex-basis:140px}

html[data-fd-appearance] body .inspector .page-design-settings{padding:8px 0;gap:9px}
html[data-fd-appearance] body .inspector .section-label{margin-top:12px}

/* Keep Screenwriter's mobile utility buttons beside All tools, in one row. */
@media(max-width:850px){
 html[data-fd-appearance] body>#app-header{display:flex;flex-wrap:nowrap!important;align-items:center;align-content:center;min-height:46px!important;height:auto;padding:4px 6px!important;gap:4px!important;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}
 html[data-fd-appearance] body>#app-header>*{flex:0 0 auto;margin-block:0}
 html[data-fd-appearance] body>#app-header>.brand{min-width:26px;gap:0;margin:0}
 html[data-fd-appearance] body>#app-header>.brand :is(span,small){display:none}
 html[data-fd-appearance] body>#app-header>.brand img{width:26px;height:26px}
 html[data-fd-appearance] body>#app-header>.header-spacer{display:none}
 html[data-fd-appearance] body>#app-header :is(button,summary){min-height:36px!important;height:36px;padding:5px 6px!important;font-size:12px!important;white-space:nowrap}
 html[data-fd-appearance] body>#app-header>[data-command=backup]{font-size:0!important}
 html[data-fd-appearance] body>#app-header>[data-command=backup]:after{content:'Save';font-size:12px!important}
 html[data-fd-appearance] body>#app-header>[data-command=pdf-workspace]{font-size:0!important}
 html[data-fd-appearance] body>#app-header>[data-command=pdf-workspace]:after{content:'PDF tools';font-size:12px!important}
 html[data-fd-appearance] body>#app-header :is(.fd-appearance-trigger,.fd-help-button,[data-command=help]){width:36px!important;min-width:36px!important;max-width:36px;padding:5px!important;flex:0 0 36px!important}
 html[data-fd-appearance] body>#app-header .fd-appearance-trigger span{display:none}
 html[data-fd-appearance] body>#app-header .fd-appearance-trigger svg{width:20px;height:20px}
}