.ql-editor{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.6;color:#374151;padding:20px!important;min-height:400px}.ql-editor .transcript-segment{margin-bottom:16px;padding:12px;background-color:#f9fafb;border-radius:8px;border-left:4px solid #06b6d4;transition:all .2s ease}.ql-editor .transcript-segment:hover{background-color:#f3f4f6;border-left-color:#0891b2}.ql-editor .timestamp{font-family:Monaco,Menlo,monospace;font-size:12px;color:#6b7280;background-color:#e5e7eb;padding:2px 6px;border-radius:4px;margin-right:8px}.ql-editor .speaker-name{font-weight:600;color:#059669;margin-right:8px}.ql-editor .segment-text{color:#374151;line-height:1.5}.ql-toolbar{border:1px solid #d1d5db;border-bottom:none;background-color:#f9fafb;padding:12px;border-radius:8px 8px 0 0}.ql-container{border:1px solid #d1d5db;border-radius:0 0 8px 8px;font-size:14px}.ql-container:focus-within,.ql-toolbar:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.ql-toolbar .ql-formats{margin-right:12px}.ql-toolbar button{border:none;border-radius:4px;padding:6px;margin:0 2px;transition:all .2s ease}.ql-toolbar button:hover{background-color:#e5e7eb}.ql-toolbar button.ql-active{background-color:#dbeafe;color:#1d4ed8}.ql-editor::-webkit-scrollbar{width:6px}.ql-editor::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.ql-editor::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.ql-editor::-webkit-scrollbar-thumb:hover{background:#94a3b8}.ql-editor ::-moz-selection{background-color:#dbeafe;color:#1e40af}.ql-editor ::selection{background-color:#dbeafe;color:#1e40af}@media (max-width:640px){.ql-toolbar{padding:8px}.ql-toolbar .ql-formats{margin-right:8px}.ql-editor{padding:16px!important;font-size:13px}.ql-editor .transcript-segment{padding:10px;margin-bottom:12px}}@media print{.ql-toolbar{display:none}.ql-container{border:none}.ql-editor{padding:0!important}.ql-editor .transcript-segment{background-color:transparent;border-left:2px solid #000;margin-bottom:12px;-moz-column-break-inside:avoid;break-inside:avoid}}@media (prefers-color-scheme:dark){.ql-toolbar{background-color:#1f2937;border-color:#374151}.ql-container{border-color:#374151;background-color:#111827}.ql-editor{background-color:#111827;color:#f9fafb}.ql-editor .transcript-segment{background-color:#1f2937;border-left-color:#06b6d4}.ql-editor .timestamp,.ql-editor .transcript-segment:hover{background-color:#374151}.ql-editor .timestamp{color:#9ca3af}.ql-toolbar button:hover{background-color:#374151}.ql-toolbar button.ql-active{background-color:#1e40af;color:#dbeafe}}.smooth-scroll-editor{height:100%;display:flex;flex-direction:column}.smooth-scroll-editor .ql-toolbar{flex-shrink:0;border-bottom:1px solid #e5e7eb}.smooth-scroll-editor .ql-container{flex:1;display:flex!important;flex-direction:column!important;height:100%!important;overflow:hidden}.smooth-scroll-editor .ql-editor{flex:1!important;height:auto!important;min-height:400px!important;max-height:none!important;overflow-y:auto!important;overflow-x:hidden!important;scroll-behavior:smooth!important;padding:20px!important;scrollbar-width:thin;scrollbar-color:#cbd5e1 #f1f5f9}.smooth-scroll-editor .ql-editor[contenteditable=true]{overflow-y:scroll!important}.smooth-scroll-editor .ql-editor::-webkit-scrollbar{width:12px;height:12px}.smooth-scroll-editor .ql-editor::-webkit-scrollbar-track{background:#f8fafc;border-radius:6px;border:1px solid #e2e8f0}.smooth-scroll-editor .ql-editor::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:6px;border:2px solid #f8fafc;-webkit-transition:background-color .2s ease;transition:background-color .2s ease}.smooth-scroll-editor .ql-editor::-webkit-scrollbar-thumb:hover{background:#94a3b8}.smooth-scroll-editor .ql-editor::-webkit-scrollbar-thumb:active{background:#64748b}.smooth-scroll-editor .ql-editor p{margin-bottom:1rem;line-height:1.8}.smooth-scroll-editor .ql-editor:focus{outline:none;border:2px solid #3b82f6;border-radius:8px}.smooth-scroll-editor .ql-editor ::-moz-selection{background-color:rgba(59,130,246,.2)}.smooth-scroll-editor .ql-editor ::selection{background-color:rgba(59,130,246,.2)}.smooth-scroll-editor .ql-editor p:hover{background-color:rgba(59,130,246,.05);border-radius:4px;transition:background-color .1s ease}.smooth-scroll-editor .ql-editor{-webkit-overflow-scrolling:touch}