.be{display:flex;flex-direction:column;height:100%;-webkit-user-select:none;user-select:none;width:100%}.be:focus{outline:none}.be-toolbar{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid #e0e0e0;background:#fafafa;flex-shrink:0}.be-toolbar-btn{padding:4px 12px;border:1px solid #ccc;border-radius:4px;background:#fff;cursor:pointer;font-size:13px;line-height:20px}.be-toolbar-btn:hover{background:#f0f0f0}.be-toolbar-btn:disabled{opacity:.4;cursor:default}.be-toolbar-save-hint{font-size:12px;color:#888;min-width:88px}.be-toolbar-btn--active{background:#e8e8e8;font-weight:600}.be-viewport{flex:1;overflow:auto;display:flex;align-items:center;justify-content:center;gap:16px;padding:24px}.be-nav-btn{flex-shrink:0;width:56px;height:120px;border:none;border-radius:8px;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}.be-nav-btn:hover:not(:disabled){background:#00000026;color:#111}.be-nav-btn:disabled{opacity:.25;cursor:default}.be-stage-wrapper{position:relative;flex-shrink:0}.be-stage{position:absolute;top:0;left:0;transform-origin:top left}.be-spread{display:flex;position:relative;box-shadow:0 4px 24px #0000002e}.be-page{position:relative;background:#fff;overflow:hidden;flex-shrink:0}.be-page--left{box-shadow:inset -1px 0 #ddd}.be-page--right{box-shadow:inset 1px 0 #ddd}.be-page-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.be-spread-bg{position:absolute;inset:0;background-size:200% 100%;background-repeat:no-repeat;pointer-events:none}.be-toolbar-sep{width:1px;height:20px;background:#ddd;flex-shrink:0}.be-toolbar-bg-group{display:flex;align-items:center}.be-toolbar-bg-group .be-toolbar-btn:first-child{border-radius:4px 0 0 4px;border-right:none}.be-toolbar-color{width:28px;height:28px;border:1px solid #ddd;border-left:none;border-right:none;padding:2px;cursor:pointer;background:#fff;flex-shrink:0}.be-toolbar-color:disabled{opacity:.4;cursor:not-allowed}.be-toolbar-btn--clear{padding:4px 7px;border-radius:0 4px 4px 0;font-size:14px;line-height:20px;color:#888}.be-toolbar-btn--clear:not(:disabled):hover{color:#c00;background:#fff0f0}.be-text-block{position:absolute;cursor:text;z-index:1}.be-text-block.is-active{outline:1.5px solid #4a8fff;outline-offset:1px}.be-text-block.is-selected:not(.is-active){outline:1.5px dashed #999;outline-offset:1px}.be-text-block__placeholder{position:absolute;top:0;left:0;color:#aaa;pointer-events:none;font:var(--be-page-font);line-height:var(--be-line-height);white-space:nowrap}.be-text-block__line{position:absolute;white-space:pre;pointer-events:none}.be-selection{position:absolute;background:#4a8fff40;pointer-events:none}.be-caret{position:absolute;width:1.5px;background:#222;pointer-events:none;animation:be-blink 1s step-end infinite}@keyframes be-blink{0%,to{opacity:1}50%{opacity:0}}.be-text-block__move-handle{position:absolute;top:-14px;left:0;right:0;height:14px;cursor:grab;background:#4a8fff;border-radius:3px 3px 0 0;opacity:.7}.be-text-block__move-handle:hover{opacity:1}.be-text-block__move-handle:active{cursor:grabbing}.be-format-bar{position:absolute;height:32px;display:flex;align-items:center;gap:2px;background:#1e1e1e;border-radius:6px;padding:0 6px;box-shadow:0 2px 8px #00000059;z-index:20;white-space:nowrap}.be-format-bar__btn{height:22px;min-width:28px;padding:0 5px;border:1px solid transparent;border-radius:4px;background:transparent;color:#ccc;font-size:11px;font-weight:600;cursor:pointer;line-height:1}.be-format-bar__btn:hover{background:#ffffff1a;color:#fff}.be-format-bar__btn.is-active{background:#ffffff26;color:#fff;border-color:#ffffff40}.be-format-bar__sep{width:1px;height:16px;background:#ffffff2e;margin:0 4px;flex-shrink:0}.be-format-bar__color{width:22px;height:22px;border:none;border-radius:4px;cursor:pointer;padding:0;background:none}.be-text-block__resize-e{position:absolute;top:0;right:-5px;width:10px;bottom:0;cursor:ew-resize;z-index:2}.be-text-block__resize-e:after{content:"";position:absolute;top:50%;left:3px;width:4px;height:24px;margin-top:-12px;background:#4a8fff;border-radius:2px;opacity:.7}.be-image-block{position:absolute;z-index:1;cursor:move}.be-image-block.is-selected{outline:1.5px solid #4a8fff;outline-offset:1px}.be-image-block img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}.be-image-block__resize{position:absolute;right:-5px;bottom:-5px;width:12px;height:12px;background:#4a8fff;border-radius:50%;cursor:nwse-resize}.be-input{position:fixed;left:-9999px;top:-9999px;opacity:0;pointer-events:none;width:1px;height:1px}.br{flex:1;min-height:0;width:100%;display:flex;flex-direction:column;overflow:hidden}.br-stage-area{flex:1;min-width:0;min-height:0;overflow:hidden;display:flex;align-items:center;justify-content:center}.br-stage-wrapper{position:relative;flex-shrink:0}.br-stage{position:absolute;top:0;left:0;transform-origin:top left}.br-page{width:100%;height:100%;position:relative}.br-text-block{position:absolute;pointer-events:none;z-index:1}.br-image-block{position:absolute;z-index:1;pointer-events:none}.br-image-block img{width:100%;height:100%;object-fit:contain;display:block}