.recording-detail-loading,.recording-detail-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px}.recording-detail-page{padding:24px;max-width:1400px;margin:0 auto}.recording-detail-page .detail-header{display:flex;align-items:center;gap:16px;margin-bottom:24px;padding:20px 24px;background:linear-gradient(135deg,#11998e,#38ef7d);border-radius:12px;color:#fff}.recording-detail-page .detail-header .ant-btn{background:#ffffff26;border-color:#ffffff4d;color:#fff}.recording-detail-page .detail-header .ant-btn:hover{background:#ffffff40;border-color:#ffffff80}.recording-detail-page .detail-title{margin:0;font-size:24px;font-weight:700;flex:1;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.1)}.recording-detail-page .detail-header .ant-tag{background:#fff3;border:none;color:#fff}.recording-detail-page .detail-info-card{margin-bottom:24px;border-radius:12px;box-shadow:0 2px 8px #0000000f;border:none}.recording-detail-page .detail-description{margin-top:16px;padding-top:16px;border-top:1px solid #f0f0f0;color:#666;line-height:1.6}.recording-detail-page .detail-steps-card{margin-bottom:24px;border-radius:12px;box-shadow:0 2px 8px #0000000f;border:none}.recording-detail-page .detail-steps-card .ant-card-head{border-bottom:2px solid #f0f0f0}.recording-detail-page .detail-steps-card .ant-card-head-title{font-size:18px;font-weight:600}.recording-detail-page .step-item{padding:16px 0;border-bottom:1px solid #f5f5f5;transition:all .2s ease}.recording-detail-page .step-item:hover{background:#fafafa;margin:0 -16px;padding:16px}.recording-detail-page .step-item:last-child{border-bottom:none}.recording-detail-page .step-header{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:8px}.recording-detail-page .step-number{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 10px;font-weight:700;color:#fff;background:linear-gradient(135deg,#11998e,#38ef7d);border-radius:14px;font-size:12px}.recording-detail-page .step-description{color:#333;font-weight:500;font-size:15px}.recording-detail-page .step-url{margin-top:8px;font-size:12px;color:#999;word-break:break-all;padding:6px 10px;background:#f9f9f9;border-radius:6px}.recording-detail-page .step-value{margin-top:8px;font-size:13px}.recording-detail-page .step-value code{background:linear-gradient(135deg,#f5f7fa,#f0f0f0);padding:4px 10px;border-radius:6px;font-size:12px;font-family:Monaco,Menlo,monospace}.recording-detail-page .step-selector{margin-top:6px;font-size:12px;color:#999}.recording-detail-page .step-selector code{background:#f5f5f5;padding:3px 8px;border-radius:4px;font-size:11px;font-family:Monaco,Menlo,monospace}.recording-detail-page .step-screenshot{margin-top:16px}.recording-detail-page .step-screenshot img,.recording-detail-page .step-screenshot .ant-image{border-radius:10px;box-shadow:0 4px 16px #0000001f;transition:all .2s ease}.recording-detail-page .step-screenshot .ant-image:hover{transform:scale(1.02);box-shadow:0 8px 24px #00000026}@media (max-width: 768px){.recording-detail-page{padding:16px}.recording-detail-page .detail-header{flex-wrap:wrap;padding:16px}.recording-detail-page .detail-title{font-size:18px;width:100%}.recording-detail-page .step-item:hover{margin:0;padding:16px 0}}.resizable-image-wrapper{display:inline-block;margin:8px 0;line-height:0}.resizable-image-container{position:relative;display:inline-block}.resizable-image-container img{display:block;max-width:100%;height:auto;border-radius:4px}.resizable-image-wrapper.selected .resizable-image-container{outline:2px solid #1677ff;outline-offset:2px;border-radius:6px}.resize-handles{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;display:none}.resizable-image-wrapper:hover .resize-handles,.resizable-image-wrapper.selected .resize-handles{display:block}.resize-handle{position:absolute;background:#1677ff;border:2px solid #fff;border-radius:50%;width:12px;height:12px;z-index:10;cursor:pointer;box-shadow:0 2px 4px #0003}.resize-handle:hover{transform:scale(1.2);background:#0958d9}.resize-handle-se{right:-6px;bottom:-6px;cursor:se-resize}.resize-handle-e{right:-6px;top:50%;transform:translateY(-50%);cursor:e-resize}.resize-handle-s{bottom:-6px;left:50%;transform:translate(-50%);cursor:s-resize}.size-indicator{position:absolute;bottom:8px;right:8px;background:#000000b3;color:#fff;padding:2px 8px;border-radius:4px;font-size:12px;font-family:monospace;pointer-events:none;z-index:20}.block-editor,.block-editor.notion-style{background:#fff}.editor-content{padding:32px 0;min-height:200px}.editor-content .tiptap{outline:none}.editor-content .tiptap>*+*{margin-top:.75em}.editor-content .tiptap h1{font-size:2em;font-weight:700;margin-top:1.2em;margin-bottom:.5em;color:#1f1f1f;line-height:1.3}.editor-content .tiptap h2{font-size:1.5em;font-weight:600;margin-top:1em;margin-bottom:.4em;color:#1f1f1f}.editor-content .tiptap h3{font-size:1.25em;font-weight:600;margin-top:.8em;margin-bottom:.3em;color:#1f1f1f}.editor-content .tiptap p{line-height:1.7;color:#333}.editor-content .tiptap ul,.editor-content .tiptap ol{padding-left:1.5em}.editor-content .tiptap li{margin:.25em 0}.editor-content .tiptap code{background-color:#87837826;border-radius:3px;padding:.2em .4em;font-family:SFMono-Regular,Menlo,Monaco,monospace;font-size:.875em;color:#eb5757}.editor-content .tiptap pre{background:#282c34;color:#abb2bf;border-radius:8px;padding:16px 20px;overflow-x:auto;font-family:SFMono-Regular,Menlo,Monaco,monospace;font-size:.875em}.editor-content .tiptap pre code{background:none;color:inherit;padding:0;font-size:1em}.editor-content .tiptap blockquote{border-left:3px solid #e8e8e8;padding-left:16px;margin-left:0;color:#666}.editor-content .tiptap hr{border:none;border-top:1px solid #e8e8e8;margin:2em 0}.editor-content .tiptap img.editor-image{max-width:100%;height:auto;border-radius:4px;margin:1em 0}.editor-content .tiptap a.editor-link{color:#2383e2;text-decoration:underline;text-underline-offset:2px}.editor-content .tiptap a.editor-link:hover{color:#06c}.editor-content .tiptap p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:#9b9a97;pointer-events:none;height:0}.bubble-menu{display:flex;align-items:center;background:#1f1f1f;border-radius:8px;padding:4px 6px;gap:2px;box-shadow:0 4px 16px #0003}.bubble-menu button{background:transparent;border:none;color:#fffc;padding:6px 8px;border-radius:4px;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.bubble-menu button:hover{background:#ffffff1a;color:#fff}.bubble-menu button.is-active{background:#2383e2;color:#fff}.bubble-divider{width:1px;height:20px;background:#fff3;margin:0 4px}.heading-picker-group{position:relative}.heading-picker-group .heading-btn{padding:6px 10px;font-size:12px;font-weight:600;min-width:36px}.heading-dropdown{display:none;position:absolute;top:100%;left:0;padding-top:12px;z-index:100}.heading-dropdown-content{background:#fff;border-radius:8px;padding:4px;box-shadow:0 4px 16px #00000026;min-width:100px}.heading-dropdown:before{content:"";position:absolute;top:0;left:-10px;right:-10px;height:16px;background:transparent}.heading-picker-group:hover .heading-dropdown,.heading-dropdown:hover{display:block}.heading-dropdown button{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;border:none;background:transparent;color:#333;font-size:13px;cursor:pointer;border-radius:4px;transition:background .15s}.heading-dropdown button:hover{background:#f0f0f0}.heading-dropdown button.is-active{background:#e6f4ff;color:#1677ff}.heading-dropdown .heading-label{font-weight:600;min-width:24px}.heading-dropdown .heading-desc{color:#999;font-size:12px}.color-picker-group{position:relative}.color-picker-group .color-btn{padding:6px 8px}.color-dropdown{display:none;position:absolute;top:100%;left:50%;transform:translate(-50%);padding-top:12px;z-index:100}.color-dropdown:before{content:"";position:absolute;top:0;left:-20px;right:-20px;height:16px;background:transparent}.color-picker-group:hover .color-dropdown,.color-dropdown:hover{display:block}.color-picker-group:hover .color-dropdown .color-grid,.color-dropdown .color-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;background:#fff;border-radius:8px;padding:8px;box-shadow:0 4px 16px #00000026}.color-option{width:24px;height:24px;border-radius:4px;border:1px solid rgba(0,0,0,.1);cursor:pointer;transition:transform .1s ease}.color-option:hover{transform:scale(1.1)}.color-option.clear{position:relative}.color-option.clear:after{content:"×";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#999;font-size:14px}.editor-content mark{padding:.1em .2em;border-radius:2px}.slash-menu{background:#fff;border-radius:8px;box-shadow:0 4px 24px #00000026;border:1px solid #e8e8e8;min-width:240px;max-height:320px;overflow-y:auto;z-index:1000}.slash-menu-header{padding:8px 12px;font-size:11px;font-weight:600;color:#9b9a97;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #f0f0f0}.slash-menu-item{display:flex;align-items:center;padding:8px 12px;cursor:pointer;transition:background .1s ease}.slash-menu-item:hover,.slash-menu-item.selected{background:#f7f7f5}.slash-menu-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #e8e8e8;border-radius:4px;margin-right:10px;font-size:16px;color:#666}.slash-menu-text{flex:1}.slash-menu-name{font-size:14px;font-weight:500;color:#333}.slash-menu-desc{font-size:12px;color:#9b9a97;margin-top:2px}.editor-content .hljs-comment,.editor-content .hljs-quote{color:#5c6370}.editor-content .hljs-keyword,.editor-content .hljs-selector-tag{color:#c678dd}.editor-content .hljs-string,.editor-content .hljs-doctag{color:#98c379}.editor-content .hljs-number{color:#d19a66}.editor-content .hljs-function,.editor-content .hljs-title{color:#61afef}.editor-content .hljs-variable,.editor-content .hljs-attr{color:#e5c07b}@media (max-width: 768px){.editor-content{padding:16px 20px}.slash-menu{min-width:200px}}.bubble-menu .ai-btn{display:flex;align-items:center;gap:4px;padding:4px 10px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;transition:all .2s ease}.bubble-menu .ai-btn:hover{transform:scale(1.05);box-shadow:0 2px 8px #667eea66}.bubble-menu .ai-btn span{font-size:11px}.ai-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.ai-modal{background:#fff;border-radius:12px;width:90%;max-width:560px;max-height:80vh;overflow:hidden;box-shadow:0 20px 60px #0000004d;animation:modalSlideIn .2s ease}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.ai-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.ai-modal-header span{font-size:16px;font-weight:600;display:flex;align-items:center;gap:8px}.ai-modal-header .close-btn{background:#fff3;border:none;color:#fff;width:28px;height:28px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.ai-modal-header .close-btn:hover{background:#ffffff4d}.ai-modal-body{padding:20px;max-height:60vh;overflow-y:auto}.ai-section{margin-bottom:20px}.ai-section:last-child{margin-bottom:0}.ai-section label{display:block;font-size:13px;font-weight:600;color:#555;margin-bottom:8px}.original-text{background:#f7f7f5;padding:12px 16px;border-radius:8px;font-size:14px;color:#333;line-height:1.6;max-height:100px;overflow-y:auto;border:1px solid #e8e8e8}.preset-prompts{display:flex;flex-wrap:wrap;gap:8px}.preset-btn{padding:6px 12px;background:#f7f7f5;border:1px solid #e8e8e8;border-radius:16px;font-size:13px;color:#555;cursor:pointer;transition:all .15s ease}.preset-btn:hover{background:#e8e8e8;border-color:#d0d0d0}.preset-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:transparent}.prompt-input{width:100%;padding:12px 16px;border:1px solid #e8e8e8;border-radius:8px;font-size:14px;line-height:1.6;resize:none;margin-bottom:12px;transition:border-color .2s,box-shadow .2s}.prompt-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.rewrite-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:12px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s ease}.rewrite-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.rewrite-btn:disabled{opacity:.6;cursor:not-allowed}.result-text{background:#f0fdf4;padding:12px 16px;border-radius:8px;font-size:14px;color:#166534;line-height:1.6;max-height:150px;overflow-y:auto;border:1px solid #bbf7d0;margin-bottom:12px}.apply-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:12px 20px;background:#10b981;color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s ease}.apply-btn:hover:not(:disabled){background:#059669}.apply-btn:disabled{opacity:.6;cursor:not-allowed}.document-outline{width:220px;min-width:220px;height:100%;background:#fafafa;border-right:1px solid #f0f0f0;display:flex;flex-direction:column;overflow:hidden}.outline-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid #f0f0f0;background:#fff}.outline-title{font-size:14px;font-weight:600;color:#333}.outline-toggle{background:none;border:none;cursor:pointer;padding:4px;color:#999;transition:color .2s}.outline-toggle:hover{color:#1677ff}.outline-list{flex:1;overflow-y:auto;padding:12px 0}.outline-item{padding:8px 16px;cursor:pointer;color:#666;font-size:13px;line-height:1.5;transition:all .15s ease;border-left:3px solid transparent;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:6px}.outline-number{color:#1677ff;font-weight:600;font-size:12px;flex-shrink:0}.outline-text{overflow:hidden;text-overflow:ellipsis}.outline-item:hover{background:#f0f0f0;color:#333}.outline-item.active{background:#e6f4ff;color:#1677ff;border-left-color:#1677ff}.outline-item.level-1{font-weight:600;color:#333}.outline-item.level-2{padding-left:28px}.outline-item.level-3{padding-left:40px;font-size:12px}.outline-empty{padding:24px 16px;color:#999;font-size:13px;text-align:center}.outline-collapsed{width:40px;min-width:40px;height:100%;background:#fafafa;border-right:1px solid #f0f0f0;display:flex;align-items:flex-start;justify-content:center;padding-top:16px}.version-list{margin-top:8px}.version-item{border-bottom:1px solid #f0f0f0;padding:12px 0}.version-item:last-child{border-bottom:none}.version-title{display:flex;align-items:center}.version-number{font-weight:600;color:#333}.version-desc{display:flex;flex-direction:column;gap:4px}.version-time{font-size:12px}.version-changelog{font-size:13px;color:#666;max-width:280px}.version-preview-content{max-height:60vh;overflow-y:auto;padding:16px;background:#fafafa;border-radius:8px;border:1px solid #e8e8e8}.version-preview-content h1,.version-preview-content h2,.version-preview-content h3{margin-top:16px;margin-bottom:8px}.version-preview-content p{margin-bottom:12px;line-height:1.6}.version-preview-content img{max-width:100%;border-radius:4px;margin:8px 0}.editor-loading-fullscreen{display:flex;justify-content:center;align-items:center;min-height:100vh;background:#fff}.editor-fullscreen{display:flex;flex-direction:column;height:100vh;overflow:hidden;background:#fff}.editor-toolbar{height:52px;min-height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:#fff;border-bottom:1px solid #f0f0f0;box-shadow:0 1px 3px #0000000a}.toolbar-left,.toolbar-right{display:flex;align-items:center;gap:4px}.toolbar-btn{color:#666;width:32px;height:32px;padding:0;display:flex;align-items:center;justify-content:center}.toolbar-btn:hover{color:#1677ff;background:#f0f5ff}.toolbar-divider{width:1px;height:20px;background:#e8e8e8;margin:0 8px}.toolbar-title{margin:0;font-size:16px;font-weight:600;color:#1f1f1f;max-width:400px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.unsaved-dot{color:#faad14;font-size:16px;margin-left:8px;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.editor-main{flex:1;display:flex;overflow:hidden}.editor-content-area{flex:1;overflow-y:auto;background:#fff;padding:0 64px}.richtext-editor-wrapper{max-width:900px;margin:0 auto;min-height:100%}.richtext-editor-wrapper .block-editor{min-height:100%}.richtext-editor-wrapper .ProseMirror{min-height:calc(100vh - 100px);outline:none;padding:32px 0}.step-editor-wrapper{max-width:900px;margin:0 auto}.step-editor-header{font-size:16px;font-weight:600;color:#333;margin-bottom:20px;padding:16px 20px;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000f}.step-list{display:flex;flex-direction:column;gap:12px}@media (max-width: 768px){.editor-content-area{padding:16px}.richtext-editor-wrapper .block-editor{padding:24px}.toolbar-title{max-width:150px;font-size:14px}}.auto-save-status{font-size:12px;margin-right:12px;padding:4px 8px;border-radius:4px;transition:all .3s ease}.auto-save-status.saving{color:#1677ff;background:#e6f4ff}.auto-save-status.saved{color:#52c41a;background:#f6ffed}.settings-container{padding:24px;max-width:1000px;margin:0 auto}.settings-card{min-height:500px}.settings-card :global(.ant-tabs-left)>.ant-tabs-content-holder{padding-left:24px}.editor-layout{min-height:100vh;background:#fff}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f7fa}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#c1c1c1,#a8a8a8);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#a1a1a1,#888)}.ant-card{border-radius:12px;box-shadow:0 2px 8px #0000000f;border:none;transition:box-shadow .3s ease}.ant-card:hover{box-shadow:0 4px 16px #0000001a}.ant-card-head{border-bottom:1px solid #f0f0f0}.ant-card-head-title{font-weight:600}.ant-btn{border-radius:8px;font-weight:500;transition:all .2s ease}.ant-btn-primary{background:#52c41a;border:none;box-shadow:0 2px 6px #52c41a66}.ant-btn-primary:hover{background:#73d13d;box-shadow:0 4px 12px #52c41a80;transform:translateY(-1px)}.ant-btn-default:hover{border-color:#52c41a;color:#52c41a}.ant-table{border-radius:12px;overflow:hidden}.ant-table-thead>tr>th{background:#fafafa;font-weight:600}.ant-table-tbody>tr:hover>td{background:#f8f9ff}.ant-tag{border-radius:12px;padding:2px 10px;font-weight:500}.ant-input,.ant-input-affix-wrapper,.ant-select-selector,.ant-picker{border-radius:8px}.ant-input:focus,.ant-input-affix-wrapper-focused,.ant-select-focused .ant-select-selector{border-color:#52c41a;box-shadow:0 0 0 2px #52c41a33}.ant-modal-content{border-radius:16px;overflow:hidden}.ant-modal-header{border-bottom:1px solid #f0f0f0}.ant-modal-footer{border-top:1px solid #f0f0f0}.ant-drawer-content{border-radius:16px 0 0 16px}.ant-menu-item-selected{background:#52c41a1a!important}.ant-menu-item-selected:after{border-right-color:#52c41a!important}.ant-spin-container{transition:opacity .3s ease}.stat-card{background:linear-gradient(135deg,#52c41a,#389e0d);border-radius:16px;color:#fff;padding:24px;text-align:center}.stat-card .stat-value{font-size:36px;font-weight:700;margin-bottom:8px}.stat-card .stat-label{font-size:14px;opacity:.9}.ant-empty-description{color:#999}.ant-pagination-item-active{background:#52c41a;border:none}.ant-pagination-item-active a{color:#fff}.ant-tooltip-inner{border-radius:8px}.ant-message-notice-content{border-radius:10px;box-shadow:0 4px 16px #0000001f}.ant-breadcrumb-link{color:#666}.ant-breadcrumb-link:hover{color:#52c41a}@media (max-width: 768px){.ant-card{border-radius:8px}.ant-btn{border-radius:6px}.stat-card{padding:16px;border-radius:12px}.stat-card .stat-value{font-size:28px}}