/* Studio 1.3: compact controls; document typography is not UI typography. */
.bf-app.ifs-modern .bf-step b,.bf-app.ifs-modern [data-context-nav] button,.bf-app.ifs-modern .ifs-ui-design-tabs .ifs-tab span{ text-transform:uppercase;letter-spacing:.065em;font-size:11px!important;font-weight:650!important }
.bf-app.ifs-modern .ifs-ui-panel h3,.bf-app.ifs-modern .ifs-toolbar-label{font-family:inherit;text-transform:uppercase;letter-spacing:.09em;font-size:11px!important;font-weight:700!important;color:var(--ifs-muted);line-height:1.5}
.bf-app.ifs-modern .ifs-ui-panel h3{margin-bottom:15px!important}
.bf-app.ifs-modern [hidden]{display:none!important}
.bf-app.ifs-modern .bf-save-state{display:inline-flex!important;align-items:center;justify-content:center;flex:0 0 28px;min-width:28px;width:28px;height:34px;margin:0!important;overflow:hidden;font-size:0!important;gap:0!important}
.bf-app.ifs-modern .bf-save-state:before{content:attr(data-save-icon)!important;font-size:16px!important;line-height:1!important;margin:0!important;display:grid!important;place-items:center;width:24px;height:24px;border-radius:50%;color:var(--ifs-muted)!important;background:transparent!important}
.bf-app.ifs-modern .bf-save-state.is-saved:before{color:var(--ifs-accent)!important;background:var(--ifs-soft)!important}
.bf-app.ifs-modern .bf-save-state[data-save-icon="!"]:before{color:#c04c0d!important;background:#fff0e4!important}
.bf-app.ifs-modern .bf-top-actions>*{align-self:center}
.bf-app.ifs-modern [data-ifs-action-icon],.bf-app.ifs-modern .ifs-action-icon{display:inline-flex!important;align-items:center;justify-content:center;flex:0 0 auto;min-width:34px!important;width:34px!important;min-height:34px!important;height:34px!important;padding:0!important;border-radius:7px!important;font-size:0!important;line-height:1!important}
.bf-app.ifs-modern [data-ifs-action-icon]:before{content:attr(data-ifs-action-icon);font-size:22px!important;line-height:1}
.bf-app.ifs-modern .ifs-action-icon{font-size:21px!important}
.bf-app.ifs-modern [data-ifs-action-icon] svg{display:none}
.bf-app.ifs-modern .ifs-no-ornament .bf-ornament-preview,.bf-app.ifs-modern .ifs-no-ornament svg,.bf-app.ifs-modern .ifs-no-ornament>span{display:none!important}
.bf-app.ifs-modern .ifs-no-ornament:before{content:'×';font:25px/1 system-ui!important;color:var(--ifs-muted)}
.bf-app.ifs-modern .ifs-kind-choice{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;border:0;margin:0 auto 22px;padding:0;max-width:680px}
.bf-app.ifs-modern .ifs-kind-choice legend{float:none;width:100%;text-align:center;text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:700;color:var(--ifs-muted);margin-bottom:12px}
.bf-app.ifs-modern .ifs-kind-choice label{display:flex;align-items:center;gap:9px;padding:12px 18px;border:1px solid var(--ifs-line);border-radius:9px;background:var(--ifs-surface);cursor:pointer;font-size:14px}
.bf-app.ifs-modern .ifs-kind-choice label:has(input:checked){border-color:var(--ifs-accent);background:var(--ifs-soft)}
.bf-app[data-book-kind=text] .ifs-comics-command,.bf-app[data-book-kind=text] .ifs-structure-comics,.bf-app[data-book-kind=text] .ifs-start,.bf-app[data-book-kind=text] .bf-pro-pages,.bf-app[data-book-kind=text] .bf-import-illustrated{display:none!important}
.bf-app.ifs-modern .ifs-book-kind{margin-bottom:20px!important}
.bf-app.ifs-modern .bf-advanced-only.ifs-essential:not([hidden]){display:block!important}
.bf-app.ifs-modern .bf-check-row.ifs-essential:not([hidden]){display:flex!important}
.bf-app.ifs-modern .bf-form-grid.ifs-essential:not([hidden]){display:grid!important}
.bf-app.ifs-modern .ifs-essential input[type=range]{display:block!important;pointer-events:auto!important;width:100%!important;height:24px!important;min-height:24px!important;padding:0!important;position:relative;z-index:1;cursor:ew-resize;touch-action:pan-y}
.bf-app.ifs-modern .ifs-indent-number{width:96px!important;min-height:36px!important;margin:0 0 18px!important}
.bf-app.ifs-modern .ifs-header-toggles{display:flex;gap:14px;flex-wrap:wrap;font-size:12px}
.bf-app.ifs-modern .ifs-header-toggles label{display:flex;align-items:center;gap:5px}
.bf-app.ifs-modern .ifs-logo-editor,.bf-app.ifs-modern .ifs-copyright-editor{border-top:1px solid var(--ifs-line);padding-top:20px;margin-top:18px}
.bf-app.ifs-modern .ifs-copyright-editor textarea{min-height:220px!important;line-height:1.5!important}
.bf-app.ifs-modern .ifs-copyright-legacy{display:none!important}
.bf-app.ifs-modern [data-ifs-logo-preview]{max-width:180px;max-height:100px;object-fit:contain;margin:0 0 16px;background:white;border:1px solid var(--ifs-line);padding:8px;border-radius:6px}
.bf-app.ifs-modern .ifs-logo-actions{display:flex;align-items:center;gap:10px;margin-bottom:16px}
.bf-app.ifs-modern [data-ifs-logo-fields]{display:grid;grid-template-columns:1.5fr 1fr 1.5fr;gap:14px}
.bf-app.ifs-modern .ifs-insert-image{width:34px!important;min-width:34px!important;height:34px!important;padding:0!important;font-size:0!important}
.bf-app.ifs-modern .ifs-insert-image:before{content:'▧';font:22px/1 system-ui}
.bf-app.ifs-modern .bf-pro-main-tools{align-items:center;gap:7px;padding:7px 0}
.bf-app.ifs-modern .ifs-toolbar-label{margin-right:4px}
.bf-app.ifs-modern .ifs-table-tools{display:flex;flex-wrap:wrap;align-items:center;gap:6px;border:1px solid var(--ifs-line);background:var(--ifs-soft);padding:8px;border-radius:8px;margin:8px 0}
.bf-app.ifs-modern .ifs-table-tools .ifs-action-icon{width:auto!important;min-width:34px!important;padding:0 10px!important;font-size:12px!important}
.bf-app .bf-rich-editor td:focus-within,.bf-app .bf-rich-editor th:focus-within{outline:1px solid var(--ifs-accent,#0b5365)}
.bf-app.ifs-modern .ifs-native-font{display:none!important}
.bf-app.ifs-modern .ifs-font-picker{position:relative;min-width:0;width:100%}
.bf-app.ifs-modern .ifs-font-picker>[role=combobox]{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:left!important;min-height:40px!important;padding:8px 10px!important;font-size:16px!important;font-weight:400!important;letter-spacing:0!important;text-transform:none!important}
.bf-app.ifs-modern .ifs-font-picker>[role=combobox]:after{content:'⌄';font:16px system-ui;flex-shrink:0}
.bf-app.ifs-modern .ifs-font-options{position:relative;z-index:25;max-height:240px;overflow:auto;border:1px solid var(--ifs-line);border-radius:8px;background:var(--ifs-surface);padding:4px;margin:4px 0 12px;box-shadow:0 6px 18px #0001}
.bf-app.ifs-modern .ifs-font-option{display:block;width:100%;text-align:left!important;border:0!important;background:transparent!important;box-shadow:none!important;border-radius:5px!important;font-size:18px!important;font-weight:400!important;line-height:1.3!important;padding:9px 10px!important;letter-spacing:0!important;text-transform:none!important}
.bf-app.ifs-modern .ifs-font-option[aria-selected=true],.bf-app.ifs-modern .ifs-font-option:hover,.bf-app.ifs-modern .ifs-font-option:focus-visible{background:var(--ifs-soft)!important;color:var(--ifs-accent)!important}
.bf-app.ifs-classic .ifs-font-picker,.bf-app.ifs-classic .ifs-indent-number{display:none}
.bf-app.ifs-modern .bf-topbar .bf-top-actions .bf-save-state{font-size:0!important;color:transparent!important;white-space:nowrap!important}
.bf-app.ifs-modern .bf-font-current{background:var(--ifs-surface)!important;color:var(--ifs-text)!important;border-color:var(--ifs-line)!important}
.bf-app.ifs-modern .ifs-ui-design-tabs{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0!important;padding:5px 8px!important}
.bf-app.ifs-modern .ifs-ui-design-tabs .ifs-tab{width:auto!important;min-width:0!important;padding:9px 3px!important;gap:5px!important;overflow:hidden!important}
@media(min-width:768px){.bf-app.ifs-modern .bf-design-layout{align-items:start!important}.bf-app.ifs-modern .bf-design-controls{position:sticky!important;top:12px;overflow:hidden!important;max-height:calc(100dvh - 24px)!important}.bf-app.ifs-modern .ifs-ui-design{min-height:0!important;max-height:none!important;overflow-y:auto!important;overscroll-behavior:contain;scrollbar-gutter:stable}.bf-app.ifs-modern .bf-book-stage{overscroll-behavior:contain}}
@media(max-width:767px){.bf-app.ifs-modern .bf-top-actions{flex-wrap:wrap!important;max-width:215px}.bf-app.ifs-modern .bf-save-state{flex-basis:22px;min-width:22px;width:22px;height:30px}.bf-app.ifs-modern .bf-step b{font-size:9px!important;letter-spacing:.035em}.bf-app.ifs-modern .ifs-ui-design-tabs .ifs-tab span{font-size:9px!important}.bf-app.ifs-modern .ifs-kind-choice{gap:8px}.bf-app.ifs-modern .ifs-kind-choice label{padding:10px;font-size:13px}.bf-app.ifs-modern [data-ifs-logo-fields]{grid-template-columns:1fr}.bf-app.ifs-modern .ifs-ui-design{height:360px;max-height:52dvh;overscroll-behavior:contain}}