@font-face{font-family:IFStudioComic;src:url(fonts/ComicNeue-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:IFStudioComic;src:url(fonts/ComicNeue-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}
/* Studio is opt-in per browser via the visible Classic/Studio switch. */
.ifs-modern{--ifs-bg:#f5f5f3;--ifs-surface:#fff;--ifs-raised:#fafaf8;--ifs-text:#242625;--ifs-muted:#727672;--ifs-line:#e0e3de;--ifs-accent:#376c53;--ifs-soft:#eaf1eb;--bf-bg:var(--ifs-bg);--bf-text:var(--ifs-text);--bf-muted:var(--ifs-muted);--bf-white:var(--ifs-surface);--bf-line:var(--ifs-line);--bf-petrol:var(--ifs-text);--bf-petrol-dark:var(--ifs-text);--bf-petrol-soft:var(--ifs-soft);--bf-orange:var(--ifs-accent);--bf-orange-dark:#29543f;--bf-orange-text:var(--ifs-accent);--bf-on-orange:#fff;background:var(--ifs-bg)!important;color:var(--ifs-text);border-radius:16px;border-color:var(--ifs-line);font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
.ifs-modern[data-ifs-theme=dark]{--ifs-bg:#191c1b;--ifs-surface:#232725;--ifs-raised:#2b302d;--ifs-text:#edf0ec;--ifs-muted:#b1bab2;--ifs-line:#3a413c;--ifs-accent:#85bb9d;--ifs-soft:#31453a;--bf-orange-dark:#a0ccb2;--bf-on-orange:#142c1d;color-scheme:dark}
.ifs-modern.bf-full-viewport{width:calc(100vw - 32px)!important;max-width:none!important;margin-left:calc(50% - 50vw + 16px)!important;margin-right:0!important}
.ifs-modern .bf-topbar{height:auto!important;min-height:76px;padding:18px 24px!important;grid-template-columns:1fr auto!important;gap:12px;background:var(--ifs-surface)!important;border-color:var(--ifs-line)!important;box-shadow:none!important}
.ifs-modern .bf-stepper{grid-column:1/-1;grid-row:2;justify-content:center!important;gap:14px;border-top:1px solid var(--ifs-line);padding-top:14px}
.ifs-modern .bf-step{font-size:12px!important;text-transform:none!important;letter-spacing:0!important;color:var(--ifs-muted)!important;padding:6px 12px!important}
.ifs-modern .bf-step span{background:var(--ifs-raised)!important;color:var(--ifs-muted)!important;border-color:var(--ifs-line)!important;box-shadow:none!important}
.ifs-modern .bf-step.is-active{background:var(--ifs-soft)!important;color:var(--ifs-text)!important}
.ifs-modern .bf-step.is-active span{background:var(--ifs-accent)!important;color:var(--bf-on-orange)!important;border-color:var(--ifs-accent)!important}
.ifs-modern .bf-top-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px}
.ifs-appearance{display:flex;gap:6px;align-items:center}.ifs-appearance select{font-size:12px!important;min-height:34px!important;padding:5px 9px!important;border-radius:8px!important}
.ifs-btn{border:1px solid var(--ifs-line,#d9ded8)!important;background:var(--ifs-surface,#fff)!important;color:var(--ifs-text,#242625)!important;border-radius:9px!important;padding:9px 12px!important;font-size:12px!important;line-height:1.3!important;font-weight:600!important;box-shadow:none!important;min-height:36px;cursor:pointer;white-space:normal}
.ifs-btn:hover{background:var(--ifs-soft,#eaf1eb)!important}.ifs-btn:focus-visible,.ifs-modern :focus-visible{outline:2px solid var(--ifs-accent,#376c53)!important;outline-offset:3px}.ifs-btn:disabled{opacity:.5;cursor:wait}.ifs-appearance .ifs-btn{font-size:11px!important;padding:6px 8px!important}.ifs-primary{background:var(--ifs-accent,#376c53)!important;color:var(--bf-on-orange,#fff)!important;border-color:transparent!important}
.ifs-modern .bf-shell{grid-template-columns:minmax(0,1fr)!important;min-height:70vh}.ifs-modern .bf-project-sidebar{display:none!important}.ifs-modern[data-ifs-step="2"] .bf-shell{grid-template-columns:206px minmax(0,1fr)!important}.ifs-modern[data-ifs-step="2"] .bf-project-sidebar:not([hidden]){display:flex!important;padding:18px 12px!important;min-height:600px;background:var(--ifs-surface)!important}
.ifs-modern .bf-panel,.ifs-modern .bf-card,.ifs-modern .bf-project-summary,.ifs-modern .bf-design-controls,.ifs-modern .bf-preview-toolbar,.ifs-modern .bf-preview-footer-stats,.ifs-modern .bf-page-nav,.ifs-modern .bf-structure-sidebar,.ifs-modern .bf-editor-panel,.ifs-modern .bf-chapter-item,.ifs-modern .bf-import-card,.ifs-modern .bf-prep-card,.ifs-modern .bf-bottom-nav,.ifs-modern .bf-pro-toolbar{background:var(--ifs-surface)!important;border-color:var(--ifs-line)!important;color:var(--ifs-text)!important;box-shadow:none!important}
.ifs-modern .bf-screen,.ifs-modern .bf-workspace,.ifs-modern .bf-front-grid{background:var(--ifs-bg)!important}.ifs-modern .bf-card{border-radius:12px!important}.ifs-modern .bf-panel{padding:24px!important}.ifs-modern .bf-card h2,.ifs-modern .bf-card h3,.ifs-modern .bf-panel h2,.ifs-modern .bf-project-summary-copy span,.ifs-modern .bf-project-summary-copy strong{color:var(--ifs-text)!important}.ifs-modern .bf-field>span,.ifs-modern label,.ifs-modern summary{color:var(--ifs-text)}
.ifs-modern input:not([type=checkbox]):not([type=range]):not([type=file]):not([type=color]),.ifs-modern select,.ifs-modern textarea{background:var(--ifs-raised)!important;color:var(--ifs-text)!important;border-color:var(--ifs-line)!important;box-shadow:none!important;border-radius:8px!important}
.ifs-modern button.bf-ghost-btn,.ifs-modern button.bf-secondary-btn,.ifs-modern .bf-choice,.ifs-modern .bf-theme-card,.ifs-modern .bf-design-tab,.ifs-modern .bf-context-nav button,.ifs-modern .bf-pro-toolbar button{background:var(--ifs-raised)!important;color:var(--ifs-text)!important;border-color:var(--ifs-line)!important;box-shadow:none!important}
.ifs-modern .bf-primary-btn{background:var(--ifs-accent)!important;color:var(--bf-on-orange)!important;box-shadow:none!important}
.ifs-modern .bf-design-layout{grid-template-columns:330px minmax(0,1fr)!important}.ifs-modern .bf-preview-column{background:var(--ifs-bg)!important;min-width:0}.ifs-modern [data-book-stage]{background:#e5e7e2!important}.ifs-modern[data-ifs-theme=dark] [data-book-stage]{background:#141715!important}
.ifs-modern .bf-preview-page,.ifs-modern .bf-page-body,.ifs-modern .bf-rich-editor{color:#17191c!important;background:#fff!important;color-scheme:light}.ifs-modern .bf-preview-page *{color:inherit}.ifs-modern .bf-screen{min-height:600px}.ifs-modern .bf-import-wrap{max-width:1280px;padding-top:32px}.ifs-modern .bf-import-hero h2{font-size:clamp(28px,3vw,42px)!important;font-weight:650;letter-spacing:-1px}.ifs-modern .bf-entry-masthead{padding:22px 0!important;background:var(--ifs-bg)!important}
.ifs-context-tabs{padding:14px 24px;background:var(--ifs-surface);border-bottom:1px solid var(--ifs-line)}.ifs-context-tabs .bf-context-nav{display:flex!important;flex-direction:row!important;gap:8px!important;flex-wrap:wrap}.ifs-context-tabs .bf-context-nav button{font-size:13px!important;border-radius:8px!important;padding:10px 14px!important}.ifs-context-tabs .bf-context-nav button.is-active{background:var(--ifs-soft)!important}.ifs-classic .ifs-context-tabs{display:none}
.ifs-matter-nav,.ifs-design-tools{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:0 0 20px}.ifs-design-tools{padding:14px 18px;margin:0;background:var(--ifs-surface,#fff);border-bottom:1px solid var(--ifs-line,#ddd)}.ifs-design-tools label,.ifs-check{display:flex;align-items:center;gap:6px;font-size:12px}.ifs-guide-note{flex-basis:100%;font-size:12px;color:var(--ifs-muted,#656b66)}.ifs-guide-note p{margin:8px 0;max-width:800px}.ifs-toc-card{padding:12px!important;margin-top:16px}.ifs-toc-card summary{cursor:pointer;font-size:14px;font-weight:600}.ifs-toc-card p{font-size:12px;line-height:1.6}.ifs-toc-row{display:flex;gap:10px;align-items:center;border-top:1px solid var(--ifs-line,#ddd);padding:10px 2px;font-size:13px}.ifs-toc-row input{flex-shrink:0}.ifs-start{display:flex;justify-content:space-between;gap:16px;align-items:center;border:1px solid var(--ifs-line,#ddd);background:var(--ifs-surface,#fff);border-radius:12px;padding:20px;margin-top:20px}.ifs-start p{font-size:13px;margin:5px 0 0;color:var(--ifs-muted,#656b66)}.ifs-structure-comics{margin:16px 24px 0}
.ifs-page-guides{position:absolute;inset:0;pointer-events:none;z-index:10}.ifs-trim-line{position:absolute;inset:1px;border:2px dashed #d17445}.ifs-safe-line{position:absolute;border:1px dashed #457eac}.ifs-grid{background-image:linear-gradient(#738c9230 1px,transparent 1px),linear-gradient(90deg,#738c9230 1px,transparent 1px);background-size:24px 24px}
.ifs-composer{--ifs-bg:#f3f4f1;--ifs-surface:#fff;--ifs-text:#252926;--ifs-muted:#69716a;--ifs-line:#dde2da;--ifs-accent:#376c53;--ifs-soft:#eaf1eb;--bf-on-orange:#fff;width:calc(100vw - 32px)!important;height:calc(100dvh - 32px)!important;max-width:none!important;max-height:none!important;margin:auto!important;padding:0!important;border:1px solid var(--ifs-line)!important;border-radius:16px!important;background:var(--ifs-bg)!important;color:var(--ifs-text)!important;z-index:2147483000;font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;overflow:hidden!important;box-shadow:0 30px 120px #0005}
[data-ifs-theme=dark] .ifs-composer{--ifs-bg:#191c1b;--ifs-surface:#232725;--ifs-text:#edf0ec;--ifs-muted:#b1bab2;--ifs-line:#3a413c;--ifs-accent:#85bb9d;--ifs-soft:#31453a;--bf-on-orange:#142c1d}
.ifs-composer::backdrop{background:#12211780;backdrop-filter:blur(5px)}.ifs-composer[open]{display:flex!important;flex-direction:column}.ifs-composer-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 24px;border-bottom:1px solid var(--ifs-line);background:var(--ifs-surface)}.ifs-eyebrow{font-size:10px;font-weight:700;letter-spacing:.16em;color:var(--ifs-muted)}.ifs-composer h2{font-size:22px!important;letter-spacing:-.6px;margin:2px 0 0!important;color:var(--ifs-text)!important}.ifs-composer h3{font-size:13px!important;color:var(--ifs-text)!important;margin:0 0 14px!important}.ifs-composer-actions{display:flex;gap:8px}.ifs-composer-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:12px 18px;border-bottom:1px solid var(--ifs-line);background:var(--ifs-surface)}.ifs-composer select,.ifs-composer input,.ifs-composer textarea{font:inherit;background:var(--ifs-surface)!important;border:1px solid var(--ifs-line)!important;color:var(--ifs-text)!important;border-radius:7px!important;padding:8px;max-width:100%}.ifs-composer select{font-size:12px;min-height:36px}.ifs-composer-body{display:grid;grid-template-columns:190px minmax(0,1fr) 230px;flex:1;min-height:0}.ifs-scenes,.ifs-inspector{padding:18px 14px;background:var(--ifs-surface);overflow:auto}.ifs-scenes{border-right:1px solid var(--ifs-line)}.ifs-inspector{border-left:1px solid var(--ifs-line)}.ifs-scenes p{font-size:11px;line-height:1.6;color:var(--ifs-muted);margin-top:20px}.ifs-scene-list{display:grid;gap:6px}.ifs-scene-list button{text-align:left}.ifs-scene-list .is-active{background:var(--ifs-soft)!important;border-color:var(--ifs-accent)!important}.ifs-scene-add{display:grid;gap:8px;margin-top:18px}.ifs-canvas-area{display:flex;flex-direction:column;min-width:0;min-height:0}.ifs-canvas-info{font-size:12px;color:var(--ifs-muted);text-align:center;padding:12px 8px}.ifs-canvas-scroll{flex:1;min-height:150px;overflow:auto;padding:24px;display:grid;place-items:start center}.ifs-canvas-shell{position:relative;flex:none}.ifs-canvas{position:absolute;transform-origin:0 0;background:#fff;color:#17191c;box-shadow:0 10px 40px #0002;overflow:hidden;touch-action:none}.ifs-canvas.has-grid{background-image:linear-gradient(#738c9224 1px,transparent 1px),linear-gradient(90deg,#738c9224 1px,transparent 1px);background-size:25px 25px}.ifs-spine{position:absolute;top:0;bottom:0;left:50%;border-left:2px dashed #a96e35;z-index:100;pointer-events:none}.ifs-canvas-safe{position:absolute;border:2px dashed #567fa9;z-index:100;pointer-events:none}.ifs-canvas-status{font-size:12px;padding:10px 16px;min-height:44px;border-top:1px solid var(--ifs-line);color:var(--ifs-muted)}
.ifs-object{position:absolute;cursor:move;touch-action:none;user-select:none;box-sizing:border-box;color:#17191c;line-height:1.2}.ifs-object.is-selected{outline:3px solid #518e73;outline-offset:4px}.ifs-image-clip{position:absolute;inset:0;overflow:hidden}.ifs-object img{pointer-events:none}.ifs-panel,.ifs-text{border:3px solid #17191c;background:#fff}.ifs-balloon{border:3px solid #17191c;border-radius:50%;background:#fff;height:86%}.ifs-balloon:after{content:'';position:absolute;bottom:-9%;left:65%;width:20%;height:20%;border-left:3px solid #17191c;background:white;transform:skew(-30deg,-25deg);clip-path:polygon(0 0,100% 0,0 100%)}.ifs-object-text{width:88%;height:100%;margin:auto;display:flex;align-items:center;justify-content:center;text-align:center;white-space:pre-wrap;overflow:hidden;overflow-wrap:break-word}.ifs-balloon .ifs-object-text{width:72%;font-weight:700;height:83%}.ifs-handle{position:absolute;z-index:110;width:20px;height:20px;background:#fff;border:3px solid #518e73;border-radius:3px}.ifs-nw{left:-12px;top:-12px;cursor:nwse-resize}.ifs-ne{right:-12px;top:-12px;cursor:nesw-resize}.ifs-sw{left:-12px;bottom:-12px;cursor:nesw-resize}.ifs-se{right:-12px;bottom:-12px;cursor:nwse-resize}.ifs-field{font-size:11px;display:flex;flex-direction:column;gap:5px;margin-bottom:12px}.ifs-properties>select{width:100%;margin-bottom:14px}.ifs-dimensions{display:grid;grid-template-columns:1fr 1fr;gap:0 8px}.ifs-dimensions input{width:100%;min-width:0}.ifs-object-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}
@media(min-width:1100px){.ifs-modern .bf-design-controls{max-height:calc(100vh - 140px);overflow-y:auto}.ifs-modern .bf-preview-column{position:sticky;top:0;align-self:start}}
@media(max-width:1050px){.ifs-modern .bf-design-layout{grid-template-columns:280px minmax(0,1fr)!important}.ifs-modern .bf-topbar{padding:14px!important}.ifs-modern .bf-top-actions .bf-save-state{display:none}.ifs-composer-body{grid-template-columns:150px minmax(0,1fr) 185px}.ifs-composer-toolbar{gap:5px;padding:8px}}
@media(max-width:760px){.ifs-modern.bf-full-viewport{width:100vw!important;margin-left:calc(50% - 50vw)!important;border-radius:0}.ifs-modern .bf-topbar{display:flex!important;flex-wrap:wrap!important;gap:10px!important}.ifs-modern .bf-brand{flex:1}.ifs-modern .bf-top-actions{gap:4px;flex:1}.ifs-modern .bf-stepper{order:3;width:100%;justify-content:space-between!important;gap:2px;padding-top:10px;overflow:auto}.ifs-modern .bf-step{flex-direction:column;gap:3px;padding:4px 6px!important;font-size:10px!important}.ifs-modern .bf-step b{display:block!important;font-size:10px!important}.ifs-modern .bf-step span{width:23px;height:23px;font-size:11px}.ifs-modern .bf-top-actions>.bf-ghost-btn{min-width:32px;padding:6px!important}.ifs-modern .bf-top-actions .bf-fullscreen-btn{display:none}.ifs-appearance{flex-wrap:wrap;justify-content:flex-end;gap:3px}.ifs-appearance select{font-size:11px!important;min-height:30px!important}.ifs-appearance .ifs-btn{font-size:9px!important;min-height:28px}.ifs-modern[data-ifs-step="2"] .bf-shell{display:block!important}.ifs-modern[data-ifs-step="2"] .bf-project-sidebar:not([hidden]){display:none!important}.ifs-context-tabs{padding:10px}.ifs-context-tabs .bf-context-nav{display:grid!important;grid-template-columns:1fr 1fr}.ifs-context-tabs .bf-context-nav button{font-size:11px!important;padding:8px!important}.ifs-modern .bf-design-layout{display:block!important}.ifs-modern .bf-panel{padding:16px!important}.ifs-design-tools{padding:10px;gap:8px}.ifs-design-tools label{font-size:11px}.ifs-matter-nav{gap:5px}.ifs-start{flex-direction:column;align-items:flex-start}.ifs-composer{width:100vw!important;height:100dvh!important;border:0!important;border-radius:0!important}.ifs-composer-head{padding:10px 12px;gap:8px}.ifs-composer h2{font-size:17px!important}.ifs-composer-actions{gap:4px}.ifs-composer-actions .ifs-btn{font-size:10px!important;max-width:105px;padding:7px!important}.ifs-composer-toolbar{gap:5px;padding:8px}.ifs-composer-toolbar .ifs-btn{font-size:11px!important;padding:7px!important;min-height:32px}.ifs-composer-body{display:grid;grid-template-columns:1fr;grid-template-rows:auto minmax(200px,1fr) minmax(110px,23vh)}.ifs-scenes{padding:8px;display:flex;gap:8px;overflow:auto;border-bottom:1px solid var(--ifs-line);border-right:0;align-items:center}.ifs-scenes h3,.ifs-scenes p{display:none}.ifs-scene-list{display:flex;gap:4px;flex:none}.ifs-scene-list button{max-width:135px;font-size:10px!important}.ifs-scene-add{display:flex;gap:4px;margin:0;flex:none}.ifs-scene-add .ifs-btn{font-size:10px!important}.ifs-inspector{border-left:0;border-top:1px solid var(--ifs-line);padding:10px}.ifs-inspector h3{display:none}.ifs-properties{display:flex;align-items:flex-start;gap:10px}.ifs-properties>*{min-width:120px;flex:1}.ifs-properties>p{font-size:12px}.ifs-dimensions{min-width:220px}.ifs-properties textarea{min-width:160px}.ifs-object-actions{margin-top:0;min-width:210px}.ifs-canvas-info{padding:6px;font-size:10px}.ifs-canvas-status{font-size:10px;min-height:30px;padding:6px 10px}.ifs-canvas-scroll{padding:16px}}
@media print{.ifs-page-guides,.ifs-canvas-safe,.ifs-design-tools,.ifs-appearance,.ifs-composer{display:none!important}}
@media(min-width:761px){.ifs-modern .bf-design-layout{grid-template-columns:52px 310px minmax(0,1fr)!important}.ifs-modern .bf-design-rail{background:var(--ifs-surface)!important;border-color:var(--ifs-line)!important;width:52px!important}.ifs-modern .bf-design-rail button{color:var(--ifs-text)!important}.ifs-modern .bf-design-controls{min-width:0!important;width:auto!important}.ifs-modern .bf-preview-column{grid-column:3!important;min-width:0!important}.ifs-modern .bf-theme-name{color:#252926!important}}
@media(min-width:761px) and (max-width:1050px){.ifs-modern .bf-design-layout{grid-template-columns:44px 280px minmax(0,1fr)!important}.ifs-modern .bf-design-rail{width:44px!important}.ifs-modern .bf-panel.bf-design-controls{padding:18px!important}}
.ifs-modern .bf-save-state.is-saved:before{content:'✓'!important}.ifs-modern .bf-pro-toolbar{color:var(--ifs-text)!important}
.ifs-modern .bf-theme-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.ifs-modern .bf-theme-card{min-width:0!important}.ifs-modern .bf-theme-card>*{color:var(--ifs-text)!important}.ifs-modern .bf-design-controls .bf-form-grid{grid-template-columns:1fr!important}.ifs-modern .bf-design-controls h2{font-size:22px!important}.ifs-modern .bf-design-controls h3{font-size:16px!important}.ifs-entry-appearance{justify-content:flex-end;margin-bottom:22px}
@media(min-width:761px){.ifs-modern .bf-design-controls{max-height:calc(100dvh - 180px)!important;overflow-y:auto!important}.ifs-modern .bf-preview-column{position:sticky!important;top:0;align-self:start}}
.ifs-balloon{border:0!important;background:transparent!important;border-radius:0!important}.ifs-balloon:after{display:none!important}.ifs-balloon-shape{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.ifs-balloon .ifs-object-text{position:relative;z-index:1}

.ifs-handle{width:calc(18px / var(--ifs-scale,1));height:calc(18px / var(--ifs-scale,1));border-width:calc(2px / var(--ifs-scale,1))}.ifs-nw,.ifs-sw{left:calc(-9px / var(--ifs-scale,1))}.ifs-ne,.ifs-se{right:calc(-9px / var(--ifs-scale,1))}.ifs-nw,.ifs-ne{top:calc(-9px / var(--ifs-scale,1))}.ifs-sw,.ifs-se{bottom:calc(-9px / var(--ifs-scale,1))}

.ifs-print-options{padding:14px 16px;border:1px solid var(--ifs-line,#dfe3de);border-radius:12px;background:var(--ifs-surface,#fff);color:var(--ifs-text,#242625);margin:10px 0;width:100%}.ifs-print-options label{display:flex;gap:9px;align-items:center;font-weight:600}.ifs-print-options p{font-size:13px;line-height:1.5;color:var(--ifs-muted,#667069);margin:7px 0}.ifs-print-options .ifs-btn{margin-top:8px}