.flip-book{position:relative;perspective:2500px;-webkit-user-select:none;user-select:none}.book-page{position:absolute;top:0;width:50%;height:100%;overflow:hidden;background:#fdf6e3}.left-page{left:0;border-radius:3px 0 0 3px;box-shadow:-6px 4px 18px #00000038,0 20px 40px #00000024,inset -3px 0 8px #00000012}.right-page{right:0;border-radius:0 3px 3px 0;box-shadow:6px 4px 18px #00000038,0 20px 40px #00000024,inset 3px 0 8px #00000012}.page-empty{background:transparent!important;box-shadow:none!important}.book-page.clickable{cursor:pointer}.book-page.clickable:after{content:"";position:absolute;inset:0;background:transparent;transition:background .2s ease;pointer-events:none}.book-page.clickable:hover:after{background:#00000008}.book-spine{position:absolute;left:50%;top:0;bottom:0;width:8px;transform:translate(-50%);background:linear-gradient(to right,#0000002e,#c8a882e6 40%,#fff0c8cc,#c8a882e6 60%,#00000026);z-index:5;pointer-events:none}.page-turn-hint{position:absolute;bottom:14px;font-size:28px;line-height:1;color:#0000002e;transition:color .2s ease;pointer-events:none;font-family:serif}.book-page.clickable:hover .page-turn-hint{color:#00000073}.left-hint{left:14px}.right-hint{right:14px}.flip-page{position:absolute;top:0;left:50%;width:50%;height:100%;transform-style:preserve-3d;z-index:10;transform-origin:left center}.flip-forward{animation:flipForward .6s cubic-bezier(.4,0,.2,1) both}.flip-backward{animation:flipBackward .6s cubic-bezier(.4,0,.2,1) both}@keyframes flipForward{0%{transform:rotateY(0)}to{transform:rotateY(-180deg)}}@keyframes flipBackward{0%{transform:rotateY(-180deg)}to{transform:rotateY(0)}}.flip-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:#fdf6e3;overflow:hidden}.flip-back{transform:rotateY(180deg)}.bfe{--bfe-space-1: 4px;--bfe-space-2: 8px;--bfe-space-4: 16px;--bfe-text-body-compact: 13px;--bfe-text-primary: #0f172a;--bfe-text-secondary: #64748b;--bfe-text-tertiary: #94a3b8;--bfe-bg-surface: #ffffff;--bfe-bg-subtle: #f1f5f9;--bfe-border-subtle: #e2e8f0;--bfe-radius-sm: 4px;--bfe-radius-md: 8px;--bfe-radius-lg: 12px;--bfe-shadow-md: 0 4px 12px rgb(15 23 42 / 10%);--bfe-color-blue: #2563eb;--bfe-color-purple: #9333ea;--bfe-color-orange: #ea580c;--bfe-shape-purple: #9333ea;--bfe-shape-orange: #ea580c;--bfe-shape-blue: #2563eb;--bfe-shape-gold: #eab308;--bfe-font-family: "DM Sans", ui-sans-serif, system-ui, sans-serif;--bfe-book-font-family: "Lora", ui-serif, Georgia, serif;--bfe-motion-fast: .15s ease;--bfe-page-bg: #fdf6e3;display:flex;flex-direction:column;height:100%;min-height:0;width:100%;-webkit-user-select:none;user-select:none;font-family:var(--bfe-font-family);color:var(--bfe-text-primary)}.bfe:focus{outline:none}.bfe-file-input{display:none}.bfe-viewport{flex:1;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:var(--bfe-space-4);padding:24px}.bfe-nav-btn{flex-shrink:0;width:56px;height:120px;border:none;border-radius:var(--bfe-radius-md);background:#00000014;color:#444;font-size:32px;line-height:1;cursor:pointer;transition:background .15s,color .15s;display:flex;align-items:center;justify-content:center}.bfe-nav-btn:hover:not(:disabled){background:#00000026;color:#111}.bfe-nav-btn:disabled{opacity:.25;cursor:default}.bfe-stage-area{flex:1;align-self:stretch;min-width:0;min-height:0;overflow:hidden;display:flex;align-items:center;justify-content:center}.bfe-stage-wrapper{position:relative;flex-shrink:0}.bfe-stage{position:absolute;top:0;left:0;transform-origin:top left}.bfe-stage>.flip-book{pointer-events:none}.bfe .flip-book.is-flipping .flip-page{z-index:20}.bfe .flip-book{z-index:1}.bfe-flow-overlay{position:absolute;inset:0;z-index:15;pointer-events:auto}.bfe-flow-overlay.is-flipping{visibility:hidden;pointer-events:none}.bfe-add-page-slot{position:absolute;top:0;left:50%;width:50%;height:100%;z-index:20;display:flex;align-items:center;justify-content:center;padding:var(--bfe-space-4);box-sizing:border-box;pointer-events:auto}.bfe-add-page-btn{display:inline-flex;align-items:center;gap:var(--bfe-space-2);padding:10px 16px;border:1.5px dashed var(--bfe-border-subtle);border-radius:var(--bfe-radius-lg);background:#ffffffe0;color:var(--bfe-text-secondary);font-size:var(--bfe-text-body-compact);font-family:inherit;line-height:1.25;cursor:pointer;transition:background var(--bfe-motion-fast),border-color var(--bfe-motion-fast),color var(--bfe-motion-fast),box-shadow var(--bfe-motion-fast);box-shadow:var(--bfe-shadow-md)}.bfe-add-page-btn:hover{background:var(--bfe-bg-surface);border-color:var(--bfe-color-blue);color:var(--bfe-text-primary)}.bfe-add-page-btn__icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:var(--bfe-radius-sm);background:var(--bfe-bg-subtle);color:var(--bfe-color-blue);font-size:16px;font-weight:600;line-height:1}.bfe-remove-page-slot{position:absolute;top:0;width:50%;height:100%;z-index:20;pointer-events:none}.bfe-remove-page-slot--left{left:0}.bfe-remove-page-slot--right{left:50%}.bfe-remove-page-btn{position:absolute;top:8px;right:8px;display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;border-radius:999px;background:#0f172ab8;color:#fff;font-size:20px;line-height:1;cursor:pointer;pointer-events:auto;transition:background var(--bfe-motion-fast);box-shadow:var(--bfe-shadow-md)}.bfe-remove-page-btn:hover{background:#dc2626}.bfe-flow-overlay .bfe-spread-canvas-wrap{position:absolute;inset:0}.bfe-flow-overlay .bfe-spread-canvas{position:absolute;inset:0;margin:0;background:var(--bfe-page-bg);box-shadow:none}.bfe-flow-overlay .bfe-spread-canvas--cover{cursor:default;-webkit-mask-image:linear-gradient(to right,transparent 50%,black 50%);mask-image:linear-gradient(to right,transparent 50%,black 50%)}.bfe-flow-overlay .bfe-spread-canvas--cover .bfe-spread-spine{display:none}.bfe-flow-overlay .bfe-spread-canvas--back-cover{cursor:default;-webkit-mask-image:linear-gradient(to right,black 50%,transparent 50%);mask-image:linear-gradient(to right,black 50%,transparent 50%)}.bfe-flow-overlay .bfe-spread-canvas--back-cover .bfe-spread-spine{display:none}.bfe-flow-overlay .bfe-spread-canvas--left-hidden{cursor:default;-webkit-mask-image:linear-gradient(to right,transparent 50%,black 50%);mask-image:linear-gradient(to right,transparent 50%,black 50%)}.bfe-flow-overlay .bfe-spread-canvas--right-hidden{cursor:default;-webkit-mask-image:linear-gradient(to right,black 50%,transparent 50%);mask-image:linear-gradient(to right,black 50%,transparent 50%)}.bfe-flow-overlay .bfe-spread-canvas--left-hidden .bfe-spread-spine,.bfe-flow-overlay .bfe-spread-canvas--right-hidden .bfe-spread-spine{display:none}.bfe-flow-overlay .bfe-shape-frame-inner,.bfe-flow-overlay .bfe-shape-resize-handle,.bfe-flow-overlay .bfe-image-object{pointer-events:auto}.bfe-flow-overlay .bfe-text-layer--overlay .bfe-line{color:var(--bfe-text-primary);pointer-events:none}.bfe-flow-overlay .bfe-placeholder{color:var(--bfe-text-tertiary);pointer-events:none}@media(max-width:1440px){.bfe-viewport{padding:12px;gap:8px}.bfe-nav-btn{width:44px;height:96px;font-size:28px}}.bfe-flow-page{position:relative;width:100%;height:100%;overflow:hidden}.bfe-flow-page .bfe-spread-clip{pointer-events:none}.bfe-spread-bg{position:absolute;inset:0;background-repeat:no-repeat;pointer-events:none;z-index:0}.bfe-page-bg{position:absolute;top:0;width:50%;height:100%;object-fit:cover;pointer-events:none;z-index:0}.bfe-page-background-layer{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}.bfe-page-background{position:absolute;pointer-events:none;overflow:hidden}.bfe-page-background.is-interactive{pointer-events:auto;cursor:grab}.bfe-page-background.is-interactive.is-selected{outline:2px solid var(--bfe-color-blue);outline-offset:0}.bfe-page-background.is-interactive:active{cursor:grabbing}.bfe-page-background__image{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none}.bfe-page-background-controls{position:absolute;z-index:4;cursor:grab;outline:2px solid var(--bfe-color-blue);outline-offset:0;touch-action:none;box-sizing:border-box}.bfe-page-background-controls:active{cursor:grabbing}.bfe-page-bg--left{left:0}.bfe-page-bg--right{left:50%}.bfe-spread-clip{position:relative;height:100%;overflow:hidden;pointer-events:none}.bfe-spread-clip .bfe-shape-frame-inner,.bfe-spread-clip .bfe-image-object{pointer-events:none;cursor:default}.bfe-spread-clip--full{width:100%}.bfe-spread-clip--left{position:absolute;top:0;left:0;width:50%}.bfe-spread-clip--right{position:absolute;top:0;right:0;width:50%}.bfe-spread-clip-inner{position:relative}.bfe-spread-clip--left .bfe-spread-clip-inner{left:0}.bfe-spread-clip--right .bfe-spread-clip-inner{left:calc(-1 * var(--bfe-page-width, 480px))}.bfe-spread-clip--page-left,.bfe-spread-clip--page-right{position:absolute;inset:0;width:100%}.bfe-spread-clip--page-left .bfe-spread-clip-inner{left:0}.bfe-spread-clip--page-right .bfe-spread-clip-inner{left:calc(-1 * var(--bfe-page-width, 480px))}.bfe-page{position:absolute;top:0;width:50%;height:100%;background:var(--bfe-page-bg);pointer-events:none}.bfe-page--left{left:0}.bfe-page--right{left:50%}.bfe-spread-spine{position:absolute;top:0;bottom:0;left:50%;z-index:0;width:2px;margin-left:-1px;background:color-mix(in oklch,var(--bfe-border-subtle) 70%,var(--bfe-bg-subtle));box-shadow:-1px 0 3px color-mix(in oklch,black 6%,transparent),1px 0 3px color-mix(in oklch,black 6%,transparent);pointer-events:none}.bfe-spread-canvas{position:relative;margin:0 auto;flex-shrink:0;overflow:hidden;cursor:text}.bfe-spread-canvas--cover{cursor:default;-webkit-mask-image:linear-gradient(to right,transparent 50%,black 50%);mask-image:linear-gradient(to right,transparent 50%,black 50%)}.bfe-spread-canvas--cover .bfe-spread-spine{display:none}.bfe-spread-canvas--back-cover{cursor:default;-webkit-mask-image:linear-gradient(to right,black 50%,transparent 50%);mask-image:linear-gradient(to right,black 50%,transparent 50%)}.bfe-spread-canvas--back-cover .bfe-spread-spine{display:none}.bfe-text-layer{position:absolute;inset:0;pointer-events:none;z-index:6;-webkit-user-select:none;user-select:none}.bfe-line{position:absolute;margin:0;white-space:pre;overflow:hidden;color:var(--bfe-text-primary);font-family:var(--bfe-book-font-family);-webkit-user-select:none;user-select:none}.bfe-placeholder{position:absolute;margin:0;color:var(--bfe-text-tertiary);pointer-events:none}.bfe-input{position:absolute;inset:0;z-index:2;box-sizing:border-box;width:100%;height:100%;border:0;padding:0;margin:0;resize:none;overflow:hidden;background:transparent;color:transparent;-webkit-text-fill-color:transparent;caret-color:transparent;outline:none;white-space:pre-wrap;overflow-wrap:break-word;user-select:text;-webkit-user-select:text;pointer-events:auto}.bfe-input::selection{background:transparent;color:transparent;-webkit-text-fill-color:transparent}.bfe-input::-moz-selection{background:transparent;color:transparent}.bfe-selection-layer{position:absolute;inset:0;z-index:3;pointer-events:none}.bfe-selection{position:absolute;pointer-events:none;background:color-mix(in oklch,var(--bfe-color-blue) 28%,transparent)}.bfe-caret{position:absolute;z-index:5;width:1px;background:var(--bfe-text-primary);pointer-events:none;animation:bfe-caret-blink 1.1s step-end infinite}@keyframes bfe-caret-blink{0%,to{opacity:1}50%{opacity:0}}.bfe-shape-frame{position:absolute;z-index:10;touch-action:none;pointer-events:none}.bfe-shape-frame.is-background{z-index:2}.bfe-shape-frame-outer{position:absolute;inset:0;box-sizing:border-box;border:1.5px dashed color-mix(in oklch,var(--bfe-shape-stroke) 50%,var(--bfe-text-tertiary));pointer-events:none;opacity:0}.bfe-shape-frame.is-selected .bfe-shape-frame-outer{opacity:1}.bfe-shape-frame-outer.is-circle,.bfe-shape-frame-outer.is-ellipse{border-radius:50%}.bfe-shape-frame-outer.is-square{border-radius:var(--bfe-radius-sm)}.bfe-shape-frame-inner{position:absolute;box-sizing:border-box;border-style:dashed;border-width:var(--bfe-shape-stroke-width, 2px);border-color:var(--bfe-shape-stroke);background:var(--bfe-shape-fill, transparent);pointer-events:auto;cursor:grab}.bfe-shape-frame-inner.is-circle,.bfe-shape-frame-inner.is-ellipse{border-radius:50%}.bfe-shape-frame-inner.is-square{border-radius:var(--bfe-radius-sm)}.bfe-shape-frame--star{pointer-events:none}.bfe-shape-star-outline,.bfe-shape-star-graphic{display:block;width:100%;height:100%}.bfe-shape-star-outline{position:absolute;inset:0;color:color-mix(in oklch,var(--bfe-shape-stroke) 50%,var(--bfe-text-tertiary));pointer-events:none}.bfe-shape-star-hit{position:absolute;pointer-events:auto;cursor:grab}.bfe-shape-star-hit:active{cursor:grabbing}.bfe-shape-frame--star.is-selected .bfe-shape-star-graphic polygon{stroke-dasharray:none}.is-shapes-transparent .bfe-shape-star-graphic polygon{fill:transparent;stroke:transparent}.is-shapes-transparent .bfe-shape-frame--star.is-selected .bfe-shape-star-outline{opacity:0}.bfe-shape-frame-inner:active{cursor:grabbing}.bfe-shape-frame.is-selected .bfe-shape-frame-inner{border-style:solid}.is-shapes-transparent .bfe-shape-frame-inner{background:transparent;border-color:transparent}.is-shapes-transparent .bfe-shape-frame-outer{border-color:transparent;opacity:0}.is-shapes-transparent .bfe-shape-frame.is-selected .bfe-shape-frame-inner{background:transparent;border-color:transparent}.is-shapes-transparent .bfe-shape-frame.is-selected .bfe-shape-frame-outer,.is-shapes-transparent .bfe-textbox-frame.is-selected .bfe-textbox-frame-outer{border-color:transparent;opacity:0}.bfe-textbox-frame.is-stroke-transparent .bfe-textbox-frame-outer{border-color:transparent}.bfe-textbox-frame.is-stroke-transparent:not(.is-selected) .bfe-textbox-frame-outer{opacity:0}.bfe-textbox-frame{position:absolute;z-index:10;touch-action:none;pointer-events:none}.bfe-textbox-frame-outer{position:absolute;inset:0;box-sizing:border-box;border:1.5px dashed color-mix(in oklch,var(--bfe-shape-stroke) 50%,var(--bfe-text-tertiary));pointer-events:none;opacity:0;border-radius:var(--bfe-radius-sm)}.bfe-textbox-frame.is-selected{z-index:12}.bfe-textbox-frame.is-selected .bfe-textbox-frame-outer{opacity:1;pointer-events:auto;cursor:grab}.bfe-textbox-frame.is-stroke-transparent.is-selected .bfe-textbox-frame-outer{opacity:1;pointer-events:auto;cursor:grab;border:1.5px dashed color-mix(in oklch,var(--bfe-color-blue) 65%,var(--bfe-text-tertiary))}.bfe-textbox-frame.is-selected .bfe-textbox-frame-outer:active{cursor:grabbing}.bfe-textbox-frame-inner{position:absolute;box-sizing:border-box;border:none;background:var(--bfe-shape-fill, transparent);pointer-events:auto;cursor:grab;border-radius:var(--bfe-radius-sm);overflow:hidden}.bfe-textbox-frame.is-stroke-transparent .bfe-textbox-frame-inner{border:none}.bfe-textbox-frame.is-selected .bfe-textbox-frame-inner{cursor:default}.bfe-textbox-frame-inner:active{cursor:grabbing}.bfe-textbox-frame.is-selected .bfe-textbox-frame-inner:active{cursor:default}.bfe-textbox-content{position:absolute;inset:0;display:flex;flex-direction:column;overflow:hidden}.bfe-textbox-content.is-valign-top{justify-content:flex-start}.bfe-textbox-content.is-valign-center{justify-content:center}.bfe-textbox-content.is-valign-bottom{justify-content:flex-end}.bfe-textbox-input,.bfe-textbox-display{display:block;box-sizing:border-box;width:100%;height:auto;max-height:100%;flex:0 0 auto;margin:0;padding:8px;border:none;background:transparent;white-space:pre-wrap;word-break:break-word;overflow:hidden;resize:none;outline:none}.bfe-textbox-input{cursor:text;field-sizing:content}.bfe-textbox-display{pointer-events:none;-webkit-user-select:none;user-select:none}.is-shapes-transparent .bfe-textbox-frame-inner{background:transparent;border-color:transparent}.is-shapes-transparent .bfe-textbox-frame-outer{border-color:transparent;opacity:0}.bfe-shape-resize-handle{position:absolute;right:-5px;bottom:-5px;z-index:11;width:12px;height:12px;border:2px solid var(--bfe-bg-surface);border-radius:50%;background:var(--bfe-color-blue);pointer-events:auto;cursor:nwse-resize}.bfe-figure-move-btn{position:absolute;top:-14px;left:-14px;z-index:12;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid rgba(15,23,42,.14);border-radius:999px;background:var(--bfe-bg-surface, #fff);color:#475569;box-shadow:0 2px 8px #0f172a1f;pointer-events:auto;cursor:pointer;transition:background-color var(--bfe-motion-fast),border-color var(--bfe-motion-fast),color var(--bfe-motion-fast),box-shadow var(--bfe-motion-fast)}.bfe-figure-move-btn:hover{border-color:#2563eb59;color:#2563eb}.bfe-figure-move-btn.is-active{border-color:var(--bfe-color-blue);background:var(--bfe-color-blue);color:#fff;box-shadow:0 2px 10px #2563eb59}.bfe-figure-move-btn:focus-visible{outline:2px solid rgba(37,99,235,.45);outline-offset:2px}.bfe-image-object{position:absolute;z-index:10;touch-action:none;cursor:grab;border:2px solid transparent;border-radius:var(--bfe-radius-sm);transition:border-color var(--bfe-motion-fast);overflow:visible}.bfe-image-object.is-selected{border-color:var(--bfe-color-blue)}.bfe-image-object:active{cursor:grabbing}.bfe-image{display:block;width:100%;height:100%;object-fit:cover;border-radius:var(--bfe-radius-sm);pointer-events:none;-webkit-user-select:none;user-select:none}