.handout-editor-page[data-v-7cadf81a]{height:100%;display:flex;flex-direction:column;background:#eef1f6}.editor-topbar[data-v-7cadf81a]{display:flex;align-items:center;gap:10px;padding:8px 16px;background:#fff;border-bottom:1px solid #e8e8e8;flex-shrink:0}.title-input[data-v-7cadf81a]{flex:1;min-width:120px;border:none;font-size:16px;font-weight:600;outline:none;color:#222}.save-status[data-v-7cadf81a]{font-size:12px;color:#52c41a;min-width:72px}.editor-workspace[data-v-7cadf81a]{flex:1;display:flex;min-height:0}.toc-panel[data-v-7cadf81a]{width:200px;background:#fff;border-right:1px solid #e8e8e8;flex-shrink:0;display:flex;flex-direction:column}.panel-head[data-v-7cadf81a]{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;font-weight:600;font-size:13px;border-bottom:1px solid #f0f0f0}.panel-close[data-v-7cadf81a]{cursor:pointer;color:#999}.toc-list[data-v-7cadf81a]{flex:1;overflow-y:auto;padding:8px 0}.toc-item[data-v-7cadf81a]{padding:6px 12px;font-size:12px;color:#444;cursor:pointer;line-height:1.4}.toc-item[data-v-7cadf81a]:hover{background:#f5f7fa;color:#1677ff}.toc-level-1[data-v-7cadf81a]{font-weight:600}.toc-level-2[data-v-7cadf81a]{padding-left:20px}.toc-level-3[data-v-7cadf81a]{padding-left:32px;color:#666}.toc-level-4[data-v-7cadf81a]{padding-left:44px;color:#888}.toc-empty[data-v-7cadf81a]{padding:12px;font-size:12px;color:#999}.canvas-panel[data-v-7cadf81a]{flex:1;min-width:0;display:flex;flex-direction:column;position:relative}.toc-toggle[data-v-7cadf81a]{position:absolute;left:8px;top:8px;z-index:2;background:#fff;border:1px solid #ddd;border-radius:4px;padding:4px 10px;font-size:12px;cursor:pointer;color:#1677ff}.paper-canvas[data-v-7cadf81a]{flex:1;min-height:0;overflow:hidden;position:relative;display:flex;flex-direction:column}.paper-canvas[data-v-7cadf81a] .rich-editor{flex:1;min-height:0}.page-badge[data-v-7cadf81a]{position:absolute;right:24px;bottom:52px;background:rgba(0,0,0,.55);color:#fff;font-size:12px;padding:4px 10px;border-radius:12px;pointer-events:none;z-index:3}.quick-style-bar[data-v-7cadf81a]{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#fff;border-top:1px solid #e8e8e8;flex-shrink:0;box-shadow:0 -2px 8px rgba(0,0,0,.04)}.quick-label[data-v-7cadf81a]{font-size:12px;color:#888;margin-right:4px}.quick-style-btn[data-v-7cadf81a]{border:1px solid #d9d9d9;background:#fff;border-radius:4px;padding:4px 12px;font-size:12px;cursor:pointer;color:#333;transition:all .15s}.quick-style-btn[data-v-7cadf81a]:hover{border-color:#1677ff;color:#1677ff}.quick-style-btn.active[data-v-7cadf81a]{background:#1677ff;border-color:#1677ff;color:#fff}.props-panel[data-v-7cadf81a]{width:260px;background:#fff;border-left:1px solid #e8e8e8;flex-shrink:0;display:flex;flex-direction:column}.panel-tabs[data-v-7cadf81a]{display:flex;border-bottom:1px solid #f0f0f0}.panel-tabs span[data-v-7cadf81a]{flex:1;text-align:center;padding:10px 0;font-size:13px;cursor:pointer;color:#666}.panel-tabs span.active[data-v-7cadf81a]{color:#1677ff;font-weight:600;border-bottom:2px solid #1677ff}.panel-body[data-v-7cadf81a]{flex:1;overflow-y:auto;padding:12px}.prop-section[data-v-7cadf81a]{margin-bottom:16px}.prop-title[data-v-7cadf81a]{font-size:13px;font-weight:600;color:#333;margin-bottom:8px}.prop-form[data-v-7cadf81a] .el-form-item{margin-bottom:8px}.form-tip[data-v-7cadf81a]{font-size:12px;color:#999;line-height:1.5}.preview-title[data-v-7cadf81a]{font-size:20px;font-weight:700;margin-bottom:16px;text-align:center}.preview-body[data-v-7cadf81a]{max-height:70vh;overflow-y:auto;padding:16px;background:#fafafa;border-radius:4px}