/*!
 * Quill Editor v2.0.3
 * https://quilljs.com
 * Copyright (c) 2017-2024, Slab
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container:not(.ql-disabled) li[data-list=checked]>.ql-ui,.ql-container:not(.ql-disabled) li[data-list=unchecked]>.ql-ui{cursor:pointer}.ql-clipboard{left:-100000px;height:1px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{box-sizing:border-box;counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;line-height:1.42;height:100%;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word}.ql-editor>*{cursor:text}.ql-editor p,.ql-editor ol,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{margin:0;padding:0}@supports (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-set:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor table{border-collapse:collapse}.ql-editor td{border:1px solid #000;padding:2px 5px}.ql-editor ol{padding-left:1.5em}.ql-editor li{list-style-type:none;padding-left:1.5em;position:relative}.ql-editor li>.ql-ui:before{display:inline-block;margin-left:-1.5em;margin-right:.3em;text-align:right;white-space:nowrap;width:1.2em}.ql-editor li[data-list=checked]>.ql-ui,.ql-editor li[data-list=unchecked]>.ql-ui{color:#777}.ql-editor li[data-list=bullet]>.ql-ui:before{content:"•"}.ql-editor li[data-list=checked]>.ql-ui:before{content:"☑"}.ql-editor li[data-list=unchecked]>.ql-ui:before{content:"☐"}@supports (counter-set:none){.ql-editor li[data-list]{counter-set:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list]{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered]{counter-increment:list-0}.ql-editor li[data-list=ordered]>.ql-ui:before{content:counter(list-0,decimal) ". "}.ql-editor li[data-list=ordered].ql-indent-1{counter-increment:list-1}.ql-editor li[data-list=ordered].ql-indent-1>.ql-ui:before{content:counter(list-1,lower-alpha) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-set:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-2{counter-increment:list-2}.ql-editor li[data-list=ordered].ql-indent-2>.ql-ui:before{content:counter(list-2,lower-roman) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-set:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-3{counter-increment:list-3}.ql-editor li[data-list=ordered].ql-indent-3>.ql-ui:before{content:counter(list-3,decimal) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-set:list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-4{counter-increment:list-4}.ql-editor li[data-list=ordered].ql-indent-4>.ql-ui:before{content:counter(list-4,lower-alpha) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-set:list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-5{counter-increment:list-5}.ql-editor li[data-list=ordered].ql-indent-5>.ql-ui:before{content:counter(list-5,lower-roman) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-set:list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-6{counter-increment:list-6}.ql-editor li[data-list=ordered].ql-indent-6>.ql-ui:before{content:counter(list-6,decimal) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-set:list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-reset:list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-7{counter-increment:list-7}.ql-editor li[data-list=ordered].ql-indent-7>.ql-ui:before{content:counter(list-7,lower-alpha) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-set:list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-reset:list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-8{counter-increment:list-8}.ql-editor li[data-list=ordered].ql-indent-8>.ql-ui:before{content:counter(list-8,lower-roman) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-set:list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-reset:list-9}}.ql-editor li[data-list=ordered].ql-indent-9{counter-increment:list-9}.ql-editor li[data-list=ordered].ql-indent-9>.ql-ui:before{content:counter(list-9,decimal) ". "}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor li.ql-direction-rtl{padding-right:1.5em}.ql-editor li.ql-direction-rtl>.ql-ui:before{margin-left:.3em;margin-right:-1.5em;text-align:left}.ql-editor table{table-layout:fixed;width:100%}.ql-editor table td{outline:none}.ql-editor .ql-code-block-container{font-family:monospace}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor .ql-ui{position:absolute}.ql-editor.ql-blank:before{color:#0009;content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}.ql-snow.ql-toolbar:after,.ql-snow .ql-toolbar:after{clear:both;content:"";display:table}.ql-snow.ql-toolbar button,.ql-snow .ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}.ql-snow.ql-toolbar button svg,.ql-snow .ql-toolbar button svg{float:left;height:100%}.ql-snow.ql-toolbar button:active:hover,.ql-snow .ql-toolbar button:active:hover{outline:none}.ql-snow.ql-toolbar input.ql-image[type=file],.ql-snow .ql-toolbar input.ql-image[type=file]{display:none}.ql-snow.ql-toolbar button:hover,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar button:focus,.ql-snow .ql-toolbar button:focus,.ql-snow.ql-toolbar button.ql-active,.ql-snow .ql-toolbar button.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item.ql-selected{color:#06c}.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill{fill:#06c}.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter{stroke:#06c}@media(pointer:coarse){.ql-snow.ql-toolbar button:hover:not(.ql-active),.ql-snow .ql-toolbar button:hover:not(.ql-active){color:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}.ql-snow,.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{display:inline-block;vertical-align:middle}.ql-snow .ql-formats:after{clear:both;content:"";display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-thin,.ql-snow .ql-stroke.ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor .ql-code-block-container{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor .ql-code-block-container{margin-bottom:5px;margin-top:5px;padding:5px 10px}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor .ql-code-block-container{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}.ql-snow .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-snow .ql-picker-label:before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{height:24px;width:24px;padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid transparent;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{position:absolute;margin-top:-9px;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-label:before,.ql-snow .ql-picker.ql-header .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{content:"Heading 1"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{content:"Heading 2"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{content:"Heading 3"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{content:"Heading 4"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{content:"Heading 5"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{content:"Heading 6"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-label:before,.ql-snow .ql-picker.ql-font .ql-picker-item:before{content:"Sans Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{content:"Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{content:"Monospace"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-label:before,.ql-snow .ql-picker.ql-size .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{content:"Small"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{content:"Large"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{content:"Huge"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-code-block-container{position:relative}.ql-code-block-container .ql-ui{right:5px;top:5px}.ql-toolbar.ql-snow{border:1px solid #ccc;box-sizing:border-box;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;padding:8px}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid transparent}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid transparent;box-shadow:#0003 0 2px 8px}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow+.ql-container.ql-snow{border-top:0}.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px #ddd;color:#444;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip:before{content:"Visit URL:";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{display:none;border:1px solid #ccc;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action:after{border-right:1px solid #ccc;content:"Edit";margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove:before{content:"Remove";margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action:after{border-right:0;content:"Save";padding-right:0}.ql-snow .ql-tooltip[data-mode=link]:before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]:before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]:before{content:"Enter video:"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #ccc}:root{--bg-primary: #f8fafc;--bg-secondary: #ffffff;--bg-tertiary: #f1f5f9;--bg-card: #ffffff;--bg-hover: #f1f5f9;--bg-active: #e2e8f0;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--border-color: #e2e8f0;--border-subtle: #cbd5e1;--border-focus: #2563eb;--accent-primary: #2563eb;--accent-primary-hover: #1d4ed8;--accent-light: #eff6ff;--accent-text: #1d4ed8;--status-success: #10b981;--status-warning: #f59e0b;--status-danger: #ef4444;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .07);--shadow-lg: 0 10px 25px -3px rgba(0, 0, 0, .08);--shadow-xl: 0 20px 35px -5px rgba(0, 0, 0, .12);--shadow-paper: 0 2px 12px rgba(0, 0, 0, .05), 0 0 0 1px rgba(0, 0, 0, .04);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-serif: "Merriweather", Georgia, serif;--font-mono: "JetBrains Mono", monospace;--font-handwritten: "Caveat", cursive, var(--font-sans);--page-spacing: 32px;--page-baseline: 24px;--page-margin-x: 64px;--page-text-pad-left: 78px;--page-pad-top: 32px;--page-line-color: rgba(59, 130, 246, .24);--page-line-color-strong: rgba(59, 130, 246, .5);--page-margin-color: rgba(239, 68, 68, .55);--page-grid-major: rgba(37, 99, 235, .35);--page-grid-minor: rgba(37, 99, 235, .14);--page-dot-color: rgba(15, 23, 42, .28);--paper-bg-white: #ffffff;--paper-text-white: #0f172a;--paper-bg-sepia: #fbf0d9;--paper-text-sepia: #433422;--paper-bg-legal: #fef9c3;--paper-text-legal: #1e293b;--paper-bg-mint: #f0fdf4;--paper-text-mint: #14532d;--paper-bg-blueprint: #0b1d3a;--paper-text-blueprint: #e0f2fe;--paper-bg-parchment: #fbf5e6;--paper-text-parchment: #452b14;--paper-bg-slate: #1e293b;--paper-text-slate: #f8fafc;--paper-bg-midnight: #0b0f19;--paper-text-midnight: #f8fafc;--nav-height: 52px}[data-theme=dark]{--bg-primary: #09090b;--bg-secondary: #121215;--bg-tertiary: #18181b;--bg-card: #141417;--bg-hover: #1f1f23;--bg-active: #27272a;--text-primary: #fafafa;--text-secondary: #a1a1aa;--text-muted: #71717a;--border-color: #27272a;--border-subtle: #3f3f46;--border-focus: #3b82f6;--accent-primary: #3b82f6;--accent-primary-hover: #2563eb;--accent-light: #172554;--accent-text: #93c5fd;--shadow-paper: 0 10px 30px rgba(0, 0, 0, .45), 0 0 0 1px rgba(255, 255, 255, .08);--page-line-color: rgba(148, 163, 184, .2);--page-line-color-strong: rgba(148, 163, 184, .45);--page-margin-color: rgba(248, 113, 113, .4);--page-grid-major: rgba(96, 165, 250, .25);--page-grid-minor: rgba(96, 165, 250, .1);--page-dot-color: rgba(255, 255, 255, .25);--paper-bg-white: #141417;--paper-text-white: #fafafa;--paper-bg-sepia: #1c1813;--paper-text-sepia: #f4e8d3;--paper-bg-legal: #272314;--paper-text-legal: #fef08a;--paper-bg-mint: #091a13;--paper-text-mint: #dcfce7;--paper-bg-blueprint: #07152b;--paper-text-blueprint: #bae6fd;--paper-bg-parchment: #211913;--paper-text-parchment: #fce7c8;--paper-bg-slate: #18181b;--paper-text-slate: #fafafa;--paper-bg-midnight: #000000;--paper-text-midnight: #ffffff}[data-paper=white] .ql-editor{background-color:var(--paper-bg-white)!important;color:var(--paper-text-white)!important}[data-paper=sepia] .ql-editor{background-color:var(--paper-bg-sepia)!important;color:var(--paper-text-sepia)!important}[data-paper=legal] .ql-editor{background-color:var(--paper-bg-legal)!important;color:var(--paper-text-legal)!important}[data-paper=mint] .ql-editor{background-color:var(--paper-bg-mint)!important;color:var(--paper-text-mint)!important}[data-paper=blueprint] .ql-editor{background-color:var(--paper-bg-blueprint)!important;color:var(--paper-text-blueprint)!important}[data-paper=parchment] .ql-editor{background-color:var(--paper-bg-parchment)!important;color:var(--paper-text-parchment)!important}[data-paper=slate] .ql-editor{background-color:var(--paper-bg-slate)!important;color:var(--paper-text-slate)!important}[data-paper=midnight] .ql-editor{background-color:var(--paper-bg-midnight)!important;color:var(--paper-text-midnight)!important}[data-font=sans] .ql-editor{font-family:var(--font-sans)!important}[data-font=serif] .ql-editor{font-family:var(--font-serif)!important}[data-page-design=blank][data-font=serif] .ql-editor{line-height:1.85!important}[data-font=mono] .ql-editor{font-family:var(--font-mono)!important}[data-font=handwritten] .ql-editor{font-family:var(--font-handwritten)!important;font-size:1.35rem!important;font-weight:500!important}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;transition:background-color .2s ease,color .2s ease;overflow-x:hidden;-webkit-font-smoothing:antialiased}.app-container{display:flex;flex-direction:column;min-height:100vh;width:100%;position:relative}.navbar{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;height:var(--nav-height);padding:0 1rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);gap:.5rem;transition:transform .25s ease,opacity .25s ease}.navbar.hidden{transform:translateY(-100%);pointer-events:none;opacity:0}.nav-left{display:flex;align-items:center;gap:.45rem;min-width:0;flex:1}.logo-badge{display:flex;align-items:center;gap:.4rem;font-weight:700;font-size:.95rem;color:var(--text-primary);text-decoration:none;cursor:pointer;white-space:nowrap;user-select:none;flex-shrink:0}.logo-icon{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:var(--radius-sm);background:var(--accent-primary);color:#fff}.title-container{display:flex;align-items:center;gap:.35rem;min-width:0;flex:1;max-width:260px}.document-title-input{font-family:var(--font-sans);font-size:.88rem;font-weight:600;color:var(--text-primary);background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);padding:.2rem .4rem;outline:none;transition:all .12s ease;width:100%;min-width:40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.document-title-input:hover{background:var(--bg-hover);border-color:var(--border-subtle)}.document-title-input:focus{background:var(--bg-secondary);border-color:var(--border-focus)}.status-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.15rem .45rem;border-radius:var(--radius-full);font-size:.7rem;font-weight:600;white-space:nowrap;user-select:none;flex-shrink:0}.status-pill.saved{background:#10b9811f;color:var(--status-success)}.status-pill.saving{background:#f59e0b1f;color:var(--status-warning)}.status-pill.offline{background:#ef44441f;color:var(--status-danger)}.status-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.status-pill.saved .status-dot{background:var(--status-success)}.status-pill.saving .status-dot{background:var(--status-warning);animation:pulse-glow 1.2s infinite ease-in-out}.status-pill.offline .status-dot{background:var(--status-danger)}@keyframes pulse-glow{0%,to{opacity:.4;transform:scale(.9)}50%{opacity:1;transform:scale(1.2)}}.nav-actions{display:flex;align-items:center;gap:.35rem;flex-shrink:0}.collaborators-pill{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .5rem;border-radius:var(--radius-full);font-size:.72rem;font-weight:600;background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color);flex-shrink:0}.action-btn{display:inline-flex;align-items:center;justify-content:center;gap:.3rem;padding:.32rem .6rem;font-family:var(--font-sans);font-size:.78rem;font-weight:600;border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;transition:all .12s ease;user-select:none;white-space:nowrap}.action-btn:hover{background:var(--bg-hover);border-color:var(--border-subtle)}.action-btn.primary{background:var(--accent-primary);color:#fff;border:1px solid var(--accent-primary)}.action-btn.primary:hover{background:var(--accent-primary-hover)}.action-btn.highlight{background:var(--bg-tertiary);color:var(--accent-primary);border-color:var(--border-color)}.action-btn.highlight:hover{background:var(--accent-light);color:var(--accent-text)}.action-btn.icon-only{padding:.35rem;width:30px;height:30px}.action-btn.danger{color:var(--status-danger)}.action-btn.danger:hover{background:#ef44441a;border-color:#ef44444d}.dropdown-wrapper{position:relative}.dropdown-menu{position:absolute;top:calc(100% + 6px);right:0;z-index:200;min-width:190px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:.35rem;display:flex;flex-direction:column;gap:.15rem;animation:slideDown .12s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{display:flex;align-items:center;gap:.5rem;padding:.45rem .65rem;font-size:.8rem;font-weight:500;color:var(--text-primary);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;text-align:left;transition:all .1s ease;width:100%}.dropdown-item:hover{background:var(--bg-hover);color:var(--accent-primary)}.dropdown-divider{height:1px;background:var(--border-color);margin:.25rem 0}.zen-exit-btn{position:fixed;top:1rem;right:1rem;z-index:250;display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .75rem;border-radius:var(--radius-md);background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color);box-shadow:var(--shadow-md);font-size:.78rem;font-weight:600;cursor:pointer}.editor-workspace{flex:1;display:flex;flex-direction:column;align-items:center;padding:.75rem .5rem 5rem;width:100%;max-width:100vw;box-sizing:border-box}.quill-editor-wrapper{display:flex;flex-direction:column;align-items:center;width:100%;max-width:920px}.ql-toolbar.ql-snow{position:sticky;top:var(--nav-height);z-index:90;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.2rem .35rem;padding:.35rem .6rem!important;background:var(--bg-secondary)!important;border:1px solid var(--border-color)!important;border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-sm)!important;margin-bottom:1rem!important;width:100%;max-width:920px;transition:top .2s ease}.app-container.zen-mode .ql-toolbar.ql-snow{top:1rem}.ql-toolbar.ql-snow .ql-formats{margin-right:.25rem!important;display:inline-flex;align-items:center;gap:2px;padding:1px 3px;border-radius:var(--radius-sm);background:var(--bg-tertiary);border:1px solid var(--border-color);position:relative}.ql-snow .ql-stroke{stroke:var(--text-secondary)!important;stroke-width:1.75!important}.ql-snow .ql-fill{fill:var(--text-secondary)!important}.ql-snow .ql-picker{color:var(--text-secondary)!important;font-family:var(--font-sans)!important;font-size:.8rem!important;font-weight:500!important;height:26px!important;border-radius:var(--radius-sm)!important;position:relative}.ql-snow .ql-picker.ql-font,.ql-snow .ql-picker.ql-size,.ql-snow .ql-picker.ql-header{width:82px!important}.ql-snow .ql-picker-label{display:flex!important;align-items:center!important;padding-left:5px!important;padding-right:3px!important;border-radius:var(--radius-sm);cursor:pointer}.ql-snow .ql-picker.ql-expanded{z-index:1000!important}.ql-snow .ql-picker.ql-expanded .ql-picker-label{border-color:var(--border-focus)!important;color:var(--accent-primary)!important;z-index:1001!important}.ql-snow .ql-picker-options{background-color:var(--bg-card)!important;border:1px solid var(--border-color)!important;border-radius:var(--radius-md)!important;box-shadow:var(--shadow-xl)!important;padding:.35rem!important;z-index:1005!important;position:absolute!important;top:100%!important;left:0!important;min-width:100%!important}.ql-snow .ql-picker-item{padding:5px 8px!important;border-radius:var(--radius-sm);cursor:pointer;font-size:.82rem!important;line-height:1.4!important;font-weight:500!important}.ql-snow .ql-picker-item:hover,.ql-snow .ql-picker-item.ql-selected{color:var(--accent-primary)!important;background:var(--bg-hover)!important}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{content:"Heading 1"!important;font-size:.95rem!important;font-weight:700!important}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{content:"Heading 2"!important;font-size:.9rem!important;font-weight:700!important}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{content:"Heading 3"!important;font-size:.85rem!important;font-weight:600!important}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{content:"Heading 4"!important;font-size:.82rem!important;font-weight:600!important}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{content:"Heading 5"!important;font-size:.8rem!important;font-weight:600!important}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{content:"Heading 6"!important;font-size:.78rem!important;font-weight:600!important}.ql-snow .ql-picker.ql-header .ql-picker-item:not([data-value]):before{content:"Normal Text"!important;font-size:.82rem!important;font-weight:400!important}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{content:"Small"!important;font-size:.75rem!important}.ql-snow .ql-picker.ql-size .ql-picker-item:not([data-value]):before{content:"Normal"!important;font-size:.82rem!important}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{content:"Large"!important;font-size:.92rem!important;font-weight:600!important}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{content:"Huge"!important;font-size:1rem!important;font-weight:700!important}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before{content:"Serif"!important;font-family:Merriweather,Georgia,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before{content:"Mono"!important;font-family:JetBrains Mono,monospace}.ql-snow .ql-picker.ql-font .ql-picker-item:not([data-value]):before,.ql-snow .ql-picker.ql-font .ql-picker-label:not([data-value]):before{content:"Sans"!important;font-family:var(--font-sans)}.ql-toolbar.ql-snow button:hover .ql-stroke,.ql-toolbar.ql-snow .ql-picker-label:hover .ql-stroke,.ql-toolbar.ql-snow button.ql-active .ql-stroke{stroke:var(--accent-primary)!important}.ql-toolbar.ql-snow button:hover .ql-fill,.ql-toolbar.ql-snow button.ql-active .ql-fill{fill:var(--accent-primary)!important}.ql-toolbar.ql-snow button{width:26px!important;height:26px!important;padding:3px!important;border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center}.ql-toolbar.ql-snow button:hover{background:var(--bg-hover)}.ql-toolbar.ql-snow button.ql-active{background:var(--accent-light)}.ql-container.ql-snow{border:none!important;font-family:var(--font-sans);font-size:1.05rem!important;width:100%;display:flex;justify-content:center}.ql-editor{--editor-pad-top: 3rem;--editor-pad-right: 3.5rem;--editor-pad-bottom: 3rem;--editor-pad-left: 3.5rem;position:relative!important;width:100%!important;max-width:860px!important;min-height:80vh!important;padding:var(--editor-pad-top) var(--editor-pad-right) var(--editor-pad-bottom) var(--editor-pad-left)!important;background-color:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-paper);line-height:1.75!important;outline:none}.ql-editor:focus{border-color:var(--border-subtle)}.ql-editor.ql-blank:before{position:absolute!important;left:var(--editor-pad-left, 3.5rem)!important;top:var(--editor-pad-top, 3rem)!important;right:var(--editor-pad-right, 3.5rem)!important;color:var(--text-muted)!important;font-style:normal!important;font-family:inherit!important;font-size:inherit!important;line-height:inherit!important;letter-spacing:inherit!important;margin:0!important;padding:0!important;text-indent:0!important;pointer-events:none!important}.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{color:var(--text-primary);font-weight:700;margin-top:1.2em;margin-bottom:.5em}.ql-editor p{margin-bottom:.85em}.ql-editor code{font-family:var(--font-mono)!important;background-color:var(--bg-tertiary);padding:.15rem .35rem;border-radius:var(--radius-sm);font-size:.9em;border:1px solid var(--border-color)}.ql-editor pre.ql-syntax{font-family:var(--font-mono)!important;background-color:var(--bg-tertiary)!important;color:var(--text-primary)!important;border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1rem!important;margin:1rem 0;overflow-x:auto}.ql-editor blockquote{border-left:3px solid var(--accent-primary)!important;color:var(--text-secondary);padding-left:.85rem;margin:.85rem 0;font-style:italic}.ql-editor img,.ql-editor iframe.ql-video{max-width:100%;border-radius:var(--radius-md);margin:1rem 0}.bottom-bar{position:fixed;bottom:1rem;left:50%;transform:translate(-50%);z-index:80;display:flex;align-items:center;gap:.75rem;padding:.35rem .85rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-full);box-shadow:var(--shadow-md);font-size:.75rem;color:var(--text-secondary);user-select:none;transition:transform .2s ease,opacity .2s ease}.bottom-bar.hidden{transform:translate(-50%,150%);opacity:0;pointer-events:none}.bottom-stat{display:flex;align-items:center;gap:.3rem}.bottom-divider{width:1px;height:12px;background:var(--border-color)}.word-goal-bar{display:flex;align-items:center;gap:.35rem}.progress-track{width:45px;height:5px;background:var(--bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.progress-fill{height:100%;background:var(--accent-primary);border-radius:var(--radius-full)}.modal-overlay{position:fixed;inset:0;background:#00000080;z-index:350;display:flex;align-items:center;justify-content:center;padding:1rem}.modal-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);width:100%;max-width:500px;overflow:hidden}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border-color)}.modal-title{display:flex;align-items:center;gap:.5rem;font-size:.95rem;font-weight:700;color:var(--text-primary)}.modal-close-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:.25rem;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center}.modal-close-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.modal-body{padding:1.25rem;display:flex;flex-direction:column;gap:.85rem}.templates-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.65rem}.template-card{display:flex;flex-direction:column;gap:.3rem;padding:.85rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;text-align:left;transition:all .12s ease}.template-card:hover{background:var(--bg-hover);border-color:var(--accent-primary)}.template-header{display:flex;align-items:center;gap:.4rem;font-size:.85rem;font-weight:700;color:var(--text-primary)}.template-desc{font-size:.72rem;color:var(--text-secondary);line-height:1.35}.drawer-overlay{position:fixed;inset:0;background:#00000073;backdrop-filter:blur(3px);z-index:300;display:flex;justify-content:flex-start;animation:fadeIn .15s ease-out}.drawer{background:var(--bg-card);width:350px;max-width:88vw;height:100%;box-shadow:var(--shadow-xl);border-right:1px solid var(--border-color);display:flex;flex-direction:column;animation:drawerSlideIn .22s cubic-bezier(.16,1,.3,1)}@keyframes drawerSlideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1.15rem;border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.drawer-title{display:flex;align-items:center;gap:.5rem;font-size:.92rem;font-weight:700;color:var(--text-primary)}.drawer-badge{font-size:.68rem;font-weight:600;background:var(--accent-light);color:var(--accent-text);padding:.15rem .45rem;border-radius:9999px}.drawer-header-actions{display:flex;align-items:center;gap:.4rem}.drawer-new-btn{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .6rem;font-size:.75rem;font-weight:600;border-radius:var(--radius-sm);background:var(--accent-primary);color:#fff;border:none;cursor:pointer;transition:all .15s ease}.drawer-new-btn:hover{background:var(--accent-hover);transform:translateY(-1px)}.drawer-search-box{padding:.65rem .85rem;border-bottom:1px solid var(--border-subtle);background:var(--bg-primary);display:flex;align-items:center;gap:.5rem}.drawer-search-input{flex:1;background:transparent;border:none;outline:none;font-size:.8rem;color:var(--text-primary)}.drawer-search-input::placeholder{color:var(--text-muted)}.drawer-list{flex:1;overflow-y:auto;padding:.5rem;display:flex;flex-direction:column;gap:.25rem}.drawer-item{display:flex;align-items:center;justify-content:space-between;padding:.6rem .75rem;background:transparent;border:1px solid transparent;border-radius:var(--radius-md);color:var(--text-primary);font-size:.82rem;cursor:pointer;text-align:left;transition:all .15s ease}.drawer-item:hover{background:var(--bg-hover);border-color:var(--border-subtle)}.drawer-item.active{background:var(--accent-light);color:var(--accent-text);font-weight:600;border-color:var(--border-subtle)}.drawer-item-main{display:flex;align-items:center;gap:.6rem;min-width:0;flex:1}.drawer-item-text{display:flex;flex-direction:column;min-width:0;flex:1}.drawer-item-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.83rem;font-weight:500}.drawer-item-date{font-size:.68rem;color:var(--text-muted);margin-top:.15rem}.drawer-item-actions{display:flex;align-items:center;gap:.35rem}.drawer-item-delete-btn{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:var(--radius-sm);border:none;background:transparent;color:var(--text-muted);cursor:pointer;transition:all .15s ease;opacity:.55}.drawer-item:hover .drawer-item-delete-btn{opacity:1}.drawer-item-delete-btn:hover{background:#ef444426;color:var(--status-danger, #ef4444)}.drawer-empty-state{padding:2rem 1rem;text-align:center;color:var(--text-muted);font-size:.82rem;display:flex;flex-direction:column;align-items:center;gap:.5rem}.typing-test-overlay{position:fixed;inset:0;background:var(--bg-primary);z-index:250;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;overflow-y:auto}.typing-test-container{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);width:100%;max-width:880px;padding:1.5rem;display:flex;flex-direction:column;gap:1rem;position:relative}.typing-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color)}.typing-title-group{display:flex;align-items:center;gap:.45rem;color:var(--text-primary)}.logo-icon-sm{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--radius-sm);background:var(--accent-primary);color:#fff}.typing-controls-row{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap}.pill-btn{padding:.25rem .55rem;font-size:.72rem;font-weight:600;border-radius:var(--radius-full);border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;display:inline-flex;align-items:center;gap:.25rem;transition:all .1s ease}.pill-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.pill-btn.active{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.divider-vert{width:1px;height:14px;background:var(--border-color);margin:0 .15rem}.metrics-dashboard{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.metric-box{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:.6rem .75rem;display:flex;flex-direction:column;align-items:center;gap:.15rem}.metric-label{font-size:.65rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.metric-val{font-size:1.4rem;font-weight:800;color:var(--text-primary);font-family:var(--font-mono)}.metric-val.primary{color:var(--accent-primary)}.metric-val.danger{color:var(--status-danger)}.typing-words-box{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1.25rem;min-height:120px;font-family:var(--font-mono);font-size:1.15rem;line-height:1.75;letter-spacing:.02em;user-select:none;cursor:text;word-break:break-word}.race-char{position:relative;transition:color .05s ease}.race-char.pending{color:var(--text-muted);opacity:.7}.race-char.correct{color:var(--status-success)}.race-char.incorrect{color:var(--status-danger);background:#ef444433;border-radius:2px}.race-char.current{border-left:2px solid var(--accent-primary);animation:blink .8s infinite ease-in-out}@keyframes blink{0%,to{border-color:var(--accent-primary)}50%{border-color:transparent}}.hidden-typing-input{position:absolute;opacity:0;pointer-events:none;top:-9999px;left:-9999px}.race-tracks-container{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:.85rem;display:flex;flex-direction:column;gap:.6rem}.race-tracks-header{display:flex;align-items:center;justify-content:space-between}.race-tracks-title{display:flex;align-items:center;gap:.35rem;font-size:.78rem;font-weight:700;color:var(--text-primary)}.tracks-list{display:flex;flex-direction:column;gap:.45rem}.player-track{display:flex;flex-direction:column;gap:.2rem}.player-meta{display:flex;align-items:center;justify-content:space-between;font-size:.72rem;font-weight:600}.player-name{color:var(--text-primary)}.player-wpm{color:var(--accent-primary);font-family:var(--font-mono)}.track-bar{width:100%;height:6px;background:var(--bg-secondary);border-radius:var(--radius-full);overflow:hidden;border:1px solid var(--border-color)}.track-progress{height:100%;background:var(--accent-primary);border-radius:var(--radius-full);transition:width .2s ease}.countdown-banner{text-align:center;padding:.85rem;background:#2563eb1a;border:1px solid var(--accent-primary);border-radius:var(--radius-md)}.countdown-banner h2{font-size:2rem;font-weight:800;color:var(--accent-primary)}.typing-footer{display:flex;align-items:center;justify-content:space-between;padding-top:.35rem}.typing-hint{font-size:.72rem;color:var(--text-muted)}.results-overlay{position:absolute;inset:0;background:#000000bf;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;padding:1.25rem;z-index:20}.results-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);width:100%;max-width:420px;padding:1.5rem;display:flex;flex-direction:column;gap:1rem;text-align:center}.results-header{display:flex;flex-direction:column;align-items:center;gap:.4rem}.results-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.65rem}.res-stat{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:.75rem;display:flex;flex-direction:column;gap:.15rem}.res-stat-label{font-size:.7rem;font-weight:700;color:var(--text-muted)}.res-stat-val{font-size:1.2rem;font-weight:800;color:var(--text-primary);font-family:var(--font-mono)}.res-stat-val.primary{color:var(--accent-primary)}.res-stat-val.danger{color:var(--status-danger)}.results-actions{display:flex;align-items:center;justify-content:center;gap:.45rem;flex-wrap:wrap}.toast-container{position:fixed;bottom:4rem;right:1rem;z-index:400;display:flex;flex-direction:column;gap:.4rem;pointer-events:none}.toast{display:flex;align-items:center;gap:.45rem;padding:.5rem .85rem;background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-md);font-size:.78rem;font-weight:500;pointer-events:auto}@media(max-width:768px){:root{--nav-height: 48px}.navbar{padding:0 .5rem;gap:.35rem}.desktop-only-btn,.logo-text{display:none!important}.title-container{max-width:140px;gap:.25rem}.document-title-input{font-size:.82rem;padding:.15rem .3rem}.status-pill{padding:.2rem;background:transparent!important}.status-text{display:none!important}.collaborators-pill{padding:.15rem .4rem;font-size:.68rem}.nav-btn-text{display:none}.action-btn{padding:.3rem}.editor-workspace{padding:.4rem .25rem 4rem}.ql-toolbar.ql-snow{overflow-x:auto!important;overflow-y:visible!important;flex-wrap:nowrap!important;justify-content:flex-start!important;padding:.3rem .45rem!important;border-radius:var(--radius-md)!important;scrollbar-width:none!important;-ms-overflow-style:none!important;gap:.15rem!important;-webkit-overflow-scrolling:touch!important}.ql-toolbar.ql-snow::-webkit-scrollbar{display:none!important}.ql-toolbar.ql-snow .ql-formats{margin-right:.15rem!important;padding:1px 2px!important;flex-shrink:0!important}.ql-snow .ql-picker.ql-font,.ql-snow .ql-picker.ql-size,.ql-snow .ql-picker.ql-header{width:72px!important;font-size:.75rem!important}.ql-snow .ql-picker.ql-expanded .ql-picker-options{position:fixed!important;top:var(--picker-top, calc(var(--nav-height) + 48px))!important;left:var(--picker-left, 12px)!important;right:auto!important;min-width:140px!important;max-width:220px!important;z-index:9999!important;background:var(--bg-card)!important;border:1px solid var(--border-color)!important;border-radius:var(--radius-md)!important;box-shadow:0 12px 30px #00000040!important;padding:.4rem!important}.ql-editor{--editor-pad-top: 1.25rem !important;--editor-pad-right: .85rem !important;--editor-pad-bottom: 1.25rem !important;--editor-pad-left: .85rem !important;padding:var(--editor-pad-top) var(--editor-pad-right) var(--editor-pad-bottom) var(--editor-pad-left)!important;min-height:75vh!important;border-radius:var(--radius-md)}.ql-editor.ql-blank:before{left:var(--editor-pad-left)!important;top:var(--editor-pad-top)!important;right:var(--editor-pad-right)!important}.bottom-bar{width:95%;justify-content:space-around;padding:.3rem .45rem;font-size:.68rem;gap:.3rem}.metrics-dashboard{grid-template-columns:repeat(2,1fr)}.typing-words-box{font-size:1rem;padding:.85rem}.typing-test-container{padding:1rem}}@media(max-width:480px){.title-container{max-width:105px}.collaborators-pill{padding:.15rem .35rem}.ql-snow .ql-picker.ql-font,.ql-snow .ql-picker.ql-size,.ql-snow .ql-picker.ql-header{width:68px!important}}[data-page-density=compact]{--page-spacing: 24px;--page-baseline: 18px;--page-margin-x: 52px;--page-text-pad-left: 66px;--page-pad-top: 24px}[data-page-density=standard]{--page-spacing: 32px;--page-baseline: 24px;--page-margin-x: 64px;--page-text-pad-left: 78px;--page-pad-top: 32px}[data-page-density=relaxed]{--page-spacing: 40px;--page-baseline: 30px;--page-margin-x: 72px;--page-text-pad-left: 88px;--page-pad-top: 40px}[data-page-width=compact] .ql-editor{max-width:720px!important}[data-page-width=standard] .ql-editor{max-width:860px!important}[data-page-width=wide] .ql-editor{max-width:1080px!important}[data-page-width=fluid] .ql-editor{max-width:95%!important}[data-page-design]:not([data-page-design=blank]) .ql-editor{font-size:16px!important;line-height:var(--page-spacing)!important;outline:none}[data-page-design]:not([data-page-design=blank]) .ql-editor p{margin:0!important;padding:0!important;line-height:var(--page-spacing)!important;min-height:var(--page-spacing)!important}[data-page-design]:not([data-page-design=blank]) .ql-editor h1{margin:0!important;font-size:1.5rem!important;line-height:calc(var(--page-spacing) * 2)!important;min-height:calc(var(--page-spacing) * 2)!important}[data-page-design]:not([data-page-design=blank]) .ql-editor h2{margin:0!important;font-size:1.3rem!important;line-height:calc(var(--page-spacing) * 2)!important;min-height:calc(var(--page-spacing) * 2)!important}[data-page-design]:not([data-page-design=blank]) .ql-editor h3{margin:0!important;font-size:1.15rem!important;line-height:var(--page-spacing)!important;min-height:var(--page-spacing)!important}[data-page-design]:not([data-page-design=blank]) .ql-editor h4,[data-page-design]:not([data-page-design=blank]) .ql-editor h5,[data-page-design]:not([data-page-design=blank]) .ql-editor h6{margin:0!important;font-size:1rem!important;line-height:var(--page-spacing)!important;min-height:var(--page-spacing)!important}[data-page-design]:not([data-page-design=blank]) .ql-editor blockquote{margin:0!important;line-height:var(--page-spacing)!important;padding-left:.75rem!important}[data-page-design]:not([data-page-design=blank]) .ql-editor ol,[data-page-design]:not([data-page-design=blank]) .ql-editor ul{margin:0!important;padding-left:1.5rem!important}[data-page-design]:not([data-page-design=blank]) .ql-editor li{margin:0!important;padding:0!important;line-height:var(--page-spacing)!important;min-height:var(--page-spacing)!important}[data-page-design=ruled] .ql-editor{--editor-pad-top: var(--page-pad-top);--editor-pad-right: 2.5rem;--editor-pad-bottom: var(--page-pad-top);--editor-pad-left: var(--page-text-pad-left);background-image:linear-gradient(90deg,transparent calc(var(--page-margin-x) - 1px),var(--page-margin-color) calc(var(--page-margin-x) - 1px),var(--page-margin-color) calc(var(--page-margin-x) + 1px),transparent calc(var(--page-margin-x) + 1px)),linear-gradient(transparent calc(var(--page-baseline) - 1px),var(--page-line-color) calc(var(--page-baseline) - 1px),var(--page-line-color) var(--page-baseline),transparent var(--page-baseline));background-size:100% 100%,100% var(--page-spacing);background-attachment:local;padding:var(--editor-pad-top) var(--editor-pad-right) var(--editor-pad-bottom) var(--editor-pad-left)!important}[data-page-design=college-ruled] .ql-editor{--page-spacing: 24px;--page-baseline: 18px;--page-margin-x: 54px;--page-text-pad-left: 66px;--page-pad-top: 24px;--editor-pad-top: var(--page-pad-top);--editor-pad-right: 2.5rem;--editor-pad-bottom: var(--page-pad-top);--editor-pad-left: var(--page-text-pad-left);font-size:15px!important;background-image:linear-gradient(90deg,transparent calc(var(--page-margin-x) - 1px),var(--page-margin-color) calc(var(--page-margin-x) - 1px),var(--page-margin-color) calc(var(--page-margin-x) + 1px),transparent calc(var(--page-margin-x) + 1px)),linear-gradient(transparent calc(var(--page-baseline) - 1px),var(--page-line-color) calc(var(--page-baseline) - 1px),var(--page-line-color) var(--page-baseline),transparent var(--page-baseline));background-size:100% 100%,100% var(--page-spacing);background-attachment:local;padding:var(--editor-pad-top) var(--editor-pad-right) var(--editor-pad-bottom) var(--editor-pad-left)!important}[data-page-design=maths-grid] .ql-editor{--editor-pad-top: var(--page-pad-top);--editor-pad-right: 2rem;--editor-pad-bottom: var(--page-pad-top);--editor-pad-left: 2rem;background-image:linear-gradient(to right,var(--page-grid-minor) 1.2px,transparent 1.2px),linear-gradient(to bottom,var(--page-grid-minor) 1.2px,transparent 1.2px);background-size:var(--page-spacing) var(--page-spacing);background-attachment:local;padding:var(--editor-pad-top) var(--editor-pad-right) var(--editor-pad-bottom) var(--editor-pad-left)!important}[data-page-design=graph-paper] .ql-editor{--editor-pad-top: var(--page-pad-top);--editor-pad-right: 2rem;--editor-pad-bottom: var(--page-pad-top);--editor-pad-left: 2rem;background-image:linear-gradient(to right,var(--page-grid-major) 1.5px,transparent 1.5px),linear-gradient(to bottom,var(--page-grid-major) 1.5px,transparent 1.5px),linear-gradient(to right,var(--page-grid-minor) 1px,transparent 1px),linear-gradient(to bottom,var(--page-grid-minor) 1px,transparent 1px);background-size:calc(var(--page-spacing) * 4) calc(var(--page-spacing) * 4),calc(var(--page-spacing) * 4) calc(var(--page-spacing) * 4),var(--page-spacing) var(--page-spacing),var(--page-spacing) var(--page-spacing);background-attachment:local;padding:var(--editor-pad-top) var(--editor-pad-right) var(--editor-pad-bottom) var(--editor-pad-left)!important}[data-page-design=dot-grid] .ql-editor{--editor-pad-top: var(--page-pad-top);--editor-pad-right: 2.5rem;--editor-pad-bottom: var(--page-pad-top);--editor-pad-left: 2.5rem;background-image:radial-gradient(circle,var(--page-dot-color) 1.3px,transparent 1.3px);background-size:var(--page-spacing) var(--page-spacing);background-attachment:local;padding:var(--editor-pad-top) var(--editor-pad-right) var(--editor-pad-bottom) var(--editor-pad-left)!important}[data-page-design=cornell] .ql-editor{--editor-pad-top: var(--page-pad-top);--editor-pad-right: 2.5rem;--editor-pad-bottom: var(--page-pad-top);--editor-pad-left: 198px;background-image:linear-gradient(90deg,transparent 180px,var(--page-line-color-strong) 180px,var(--page-line-color-strong) 182px,transparent 182px),linear-gradient(transparent calc(var(--page-baseline) - 1px),var(--page-line-color) calc(var(--page-baseline) - 1px),var(--page-line-color) var(--page-baseline),transparent var(--page-baseline));background-size:100% 100%,100% var(--page-spacing);background-attachment:local;padding:var(--editor-pad-top) var(--editor-pad-right) var(--editor-pad-bottom) var(--editor-pad-left)!important}[data-page-design=legal-pad] .ql-editor{--editor-pad-top: var(--page-pad-top);--editor-pad-right: 2.5rem;--editor-pad-bottom: var(--page-pad-top);--editor-pad-left: var(--page-text-pad-left);background-color:var(--paper-bg-legal)!important;color:var(--paper-text-legal)!important;background-image:linear-gradient(90deg,transparent 58px,rgba(239,68,68,.65) 58px,rgba(239,68,68,.65) 59px,transparent 59px,transparent 63px,rgba(239,68,68,.65) 63px,rgba(239,68,68,.65) 64px,transparent 64px),linear-gradient(transparent calc(var(--page-baseline) - 1px),rgba(59,130,246,.35) calc(var(--page-baseline) - 1px),rgba(59,130,246,.35) var(--page-baseline),transparent var(--page-baseline));background-size:100% 100%,100% var(--page-spacing);background-attachment:local;padding:var(--editor-pad-top) var(--editor-pad-right) var(--editor-pad-bottom) var(--editor-pad-left)!important}[data-theme=dark] [data-page-design=legal-pad] .ql-editor{background-color:var(--paper-bg-legal)!important;color:var(--paper-text-legal)!important;background-image:linear-gradient(90deg,transparent 58px,rgba(248,113,113,.55) 58px,rgba(248,113,113,.55) 59px,transparent 59px,transparent 63px,rgba(248,113,113,.55) 63px,rgba(248,113,113,.55) 64px,transparent 64px),linear-gradient(transparent calc(var(--page-baseline) - 1px),rgba(96,165,250,.25) calc(var(--page-baseline) - 1px),rgba(96,165,250,.25) var(--page-baseline),transparent var(--page-baseline));background-size:100% 100%,100% var(--page-spacing)}[data-page-design=isometric] .ql-editor{--editor-pad-top: var(--page-pad-top);--editor-pad-right: 2rem;--editor-pad-bottom: var(--page-pad-top);--editor-pad-left: 2rem;background-image:linear-gradient(30deg,var(--page-grid-minor) 1.2px,transparent 1.2px),linear-gradient(150deg,var(--page-grid-minor) 1.2px,transparent 1.2px),linear-gradient(270deg,var(--page-grid-minor) 1.2px,transparent 1.2px);background-size:var(--page-spacing) calc(var(--page-spacing) * 1.732);background-attachment:local;padding:var(--editor-pad-top) var(--editor-pad-right) var(--editor-pad-bottom) var(--editor-pad-left)!important}[data-page-design=vintage-parchment] .ql-editor{--editor-pad-top: var(--page-pad-top);--editor-pad-right: 2.5rem;--editor-pad-bottom: var(--page-pad-top);--editor-pad-left: var(--page-text-pad-left);background-color:var(--paper-bg-parchment)!important;color:var(--paper-text-parchment)!important;background-image:linear-gradient(90deg,transparent calc(var(--page-margin-x) - 1px),rgba(180,83,9,.45) calc(var(--page-margin-x) - 1px),rgba(180,83,9,.45) calc(var(--page-margin-x) + 1px),transparent calc(var(--page-margin-x) + 1px)),linear-gradient(transparent calc(var(--page-baseline) - 1px),rgba(161,98,7,.28) calc(var(--page-baseline) - 1px),rgba(161,98,7,.28) var(--page-baseline),transparent var(--page-baseline));background-size:100% 100%,100% var(--page-spacing);background-attachment:local;padding:var(--editor-pad-top) var(--editor-pad-right) var(--editor-pad-bottom) var(--editor-pad-left)!important}[data-theme=dark] [data-page-design=vintage-parchment] .ql-editor{background-color:var(--paper-bg-parchment)!important;color:var(--paper-text-parchment)!important;background-image:linear-gradient(90deg,transparent calc(var(--page-margin-x) - 1px),rgba(217,119,6,.45) calc(var(--page-margin-x) - 1px),rgba(217,119,6,.45) calc(var(--page-margin-x) + 1px),transparent calc(var(--page-margin-x) + 1px)),linear-gradient(transparent calc(var(--page-baseline) - 1px),rgba(217,119,6,.22) calc(var(--page-baseline) - 1px),rgba(217,119,6,.22) var(--page-baseline),transparent var(--page-baseline));background-size:100% 100%,100% var(--page-spacing)}[data-page-design=blueprint] .ql-editor{--editor-pad-top: var(--page-pad-top);--editor-pad-right: 2rem;--editor-pad-bottom: var(--page-pad-top);--editor-pad-left: 2rem;background-color:var(--paper-bg-blueprint)!important;color:var(--paper-text-blueprint)!important;background-image:linear-gradient(to right,rgba(56,189,248,.35) 1.5px,transparent 1.5px),linear-gradient(to bottom,rgba(56,189,248,.35) 1.5px,transparent 1.5px),linear-gradient(to right,rgba(56,189,248,.14) 1px,transparent 1px),linear-gradient(to bottom,rgba(56,189,248,.14) 1px,transparent 1px);background-size:calc(var(--page-spacing) * 4) calc(var(--page-spacing) * 4),calc(var(--page-spacing) * 4) calc(var(--page-spacing) * 4),var(--page-spacing) var(--page-spacing),var(--page-spacing) var(--page-spacing);background-attachment:local;padding:var(--editor-pad-top) var(--editor-pad-right) var(--editor-pad-bottom) var(--editor-pad-left)!important}[data-page-design=music-staff] .ql-editor{--editor-pad-top: 24px;--editor-pad-right: 2.5rem;--editor-pad-bottom: 24px;--editor-pad-left: 2.5rem;background-image:linear-gradient(transparent 0px,transparent 20px,var(--page-line-color-strong) 20px,var(--page-line-color-strong) 21px,transparent 21px,transparent 28px,var(--page-line-color-strong) 28px,var(--page-line-color-strong) 29px,transparent 29px,transparent 36px,var(--page-line-color-strong) 36px,var(--page-line-color-strong) 37px,transparent 37px,transparent 44px,var(--page-line-color-strong) 44px,var(--page-line-color-strong) 45px,transparent 45px,transparent 52px,var(--page-line-color-strong) 52px,var(--page-line-color-strong) 53px,transparent 53px,transparent 100px);background-size:100% 100px;background-attachment:local;padding:var(--editor-pad-top) var(--editor-pad-right) var(--editor-pad-bottom) var(--editor-pad-left)!important}[data-page-design=blank] .ql-editor{--editor-pad-top: 3rem;--editor-pad-right: 3.5rem;--editor-pad-bottom: 3rem;--editor-pad-left: 3.5rem;background-image:none!important;padding:var(--editor-pad-top) var(--editor-pad-right) var(--editor-pad-bottom) var(--editor-pad-left)!important;line-height:1.75!important}[data-page-design=blank] .ql-editor p{margin-bottom:.85em!important;line-height:1.75!important}[data-show-margin=false] [data-page-design=ruled] .ql-editor,[data-show-margin=false] [data-page-design=college-ruled] .ql-editor,[data-show-margin=false] [data-page-design=legal-pad] .ql-editor,[data-show-margin=false] [data-page-design=vintage-parchment] .ql-editor,[data-show-margin=false][data-page-design=ruled] .ql-editor,[data-show-margin=false][data-page-design=college-ruled] .ql-editor,[data-show-margin=false][data-page-design=legal-pad] .ql-editor,[data-show-margin=false][data-page-design=vintage-parchment] .ql-editor{--editor-pad-left: 2.5rem !important;padding-left:var(--editor-pad-left)!important;background-image:linear-gradient(transparent calc(var(--page-baseline) - 1px),var(--page-line-color) calc(var(--page-baseline) - 1px),var(--page-line-color) var(--page-baseline),transparent var(--page-baseline))!important;background-size:100% var(--page-spacing)!important}.ql-editor.ql-blank:before{left:var(--editor-pad-left, 3.5rem)!important;top:var(--editor-pad-top, 3rem)!important;right:var(--editor-pad-right, 3.5rem)!important}[data-page-design]:not([data-page-design=blank]) .ql-editor.ql-blank:before{top:var(--editor-pad-top)!important;left:var(--editor-pad-left)!important;right:var(--editor-pad-right)!important;line-height:var(--page-spacing)!important}[data-page-design=music-staff] .ql-editor.ql-blank:before{top:var(--editor-pad-top)!important;left:var(--editor-pad-left)!important;line-height:24px!important}.modal-overlay{position:fixed;inset:0;background:#000000a6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:1.5rem;animation:modalOverlayFade .18s cubic-bezier(.16,1,.3,1)}@keyframes modalOverlayFade{0%{opacity:0}to{opacity:1}}.modal-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:0 25px 50px -12px #00000080,0 0 0 1px var(--border-color);width:100%;max-width:860px;max-height:88vh;display:flex;flex-direction:column;overflow:hidden;animation:modalSlideIn .22s cubic-bezier(.16,1,.3,1)}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.4rem;border-bottom:1px solid var(--border-color);background:var(--bg-secondary);flex-shrink:0}.modal-title{display:flex;align-items:center;gap:.55rem;font-size:.95rem;font-weight:700;color:var(--text-primary)}.modal-close-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:.35rem;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:all .15s ease}.modal-close-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.modal-body{padding:1.25rem 1.4rem;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:1.1rem;max-height:calc(88vh - 65px);scrollbar-width:thin;scrollbar-color:var(--border-subtle) transparent}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:4px}.page-filter-tabs{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap;padding-bottom:.5rem;border-bottom:1px solid var(--border-color);flex-shrink:0}.page-filter-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.38rem .85rem;border-radius:var(--radius-full);font-size:.78rem;font-weight:600;background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-color);cursor:pointer;white-space:nowrap;transition:all .15s ease}.page-filter-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-subtle)}.page-filter-btn.active{background:var(--accent-light);color:var(--accent-primary);border-color:var(--accent-primary);font-weight:700}.filter-count{font-size:.72rem;opacity:.75}.page-designs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.85rem}.page-design-card{display:flex;flex-direction:column;background:var(--bg-secondary);border:1.5px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;cursor:pointer;transition:all .18s ease;position:relative}.page-design-card:hover{transform:translateY(-2px);border-color:var(--accent-primary);box-shadow:var(--shadow-md)}.page-design-card.active{border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--accent-primary),var(--shadow-md);background:var(--bg-card)}.page-design-preview{height:66px;width:100%;border-bottom:1px solid var(--border-color);position:relative;overflow:hidden;background-color:var(--bg-card)}.preview-text-lines{position:absolute;top:12px;left:32px;right:16px;display:flex;flex-direction:column;gap:8px;pointer-events:none}.preview-text-line{height:3px;border-radius:2px;background:#64748b66}.preview-text-line.short{width:55%}.preview-text-line.medium{width:80%}.preview-blank{background-color:var(--bg-card)}.preview-blank .preview-text-lines{left:20px;right:20px}.preview-blank .preview-text-line{background:#94a3b859}.preview-ruled{background-image:linear-gradient(90deg,transparent 22px,rgba(239,68,68,.55) 22px,rgba(239,68,68,.55) 23px,transparent 23px),linear-gradient(transparent 10px,rgba(59,130,246,.3) 10px,rgba(59,130,246,.3) 11px,transparent 11px);background-size:100% 100%,100% 11px}.preview-college-ruled{background-image:linear-gradient(90deg,transparent 20px,rgba(239,68,68,.55) 20px,rgba(239,68,68,.55) 21px,transparent 21px),linear-gradient(transparent 7px,rgba(59,130,246,.3) 7px,rgba(59,130,246,.3) 8px,transparent 8px);background-size:100% 100%,100% 8px}.preview-legal-pad{background-color:#fef9c3;background-image:linear-gradient(90deg,transparent 18px,rgba(239,68,68,.65) 18px,rgba(239,68,68,.65) 19px,transparent 19px,transparent 22px,rgba(239,68,68,.65) 22px,rgba(239,68,68,.65) 23px,transparent 23px),linear-gradient(transparent 10px,rgba(59,130,246,.35) 10px,rgba(59,130,246,.35) 11px,transparent 11px);background-size:100% 100%,100% 11px}.preview-maths-grid{background-image:linear-gradient(to right,rgba(59,130,246,.25) 1px,transparent 1px),linear-gradient(to bottom,rgba(59,130,246,.25) 1px,transparent 1px);background-size:11px 11px}.preview-graph-paper{background-image:linear-gradient(to right,rgba(37,99,235,.45) 1px,transparent 1px),linear-gradient(to bottom,rgba(37,99,235,.45) 1px,transparent 1px),linear-gradient(to right,rgba(37,99,235,.18) 1px,transparent 1px),linear-gradient(to bottom,rgba(37,99,235,.18) 1px,transparent 1px);background-size:33px 33px,33px 33px,7px 7px,7px 7px}.preview-dot-grid{background-image:radial-gradient(circle,rgba(15,23,42,.45) 1.2px,transparent 1.2px);background-size:10px 10px}.preview-isometric{background-image:linear-gradient(30deg,rgba(59,130,246,.25) 1px,transparent 1px),linear-gradient(150deg,rgba(59,130,246,.25) 1px,transparent 1px),linear-gradient(270deg,rgba(59,130,246,.25) 1px,transparent 1px);background-size:11px 19px}.preview-cornell{background-image:linear-gradient(90deg,transparent 48px,rgba(59,130,246,.55) 48px,rgba(59,130,246,.55) 49px,transparent 49px),linear-gradient(transparent 10px,rgba(59,130,246,.25) 10px,rgba(59,130,246,.25) 11px,transparent 11px);background-size:100% 100%,100% 11px}.preview-vintage-parchment{background-color:#fbf5e6;background-image:linear-gradient(90deg,transparent 22px,rgba(180,83,9,.45) 22px,rgba(180,83,9,.45) 23px,transparent 23px),linear-gradient(transparent 10px,rgba(161,98,7,.3) 10px,rgba(161,98,7,.3) 11px,transparent 11px);background-size:100% 100%,100% 11px}.preview-blueprint{background-color:#0b1d3a;background-image:linear-gradient(to right,rgba(56,189,248,.45) 1px,transparent 1px),linear-gradient(to bottom,rgba(56,189,248,.45) 1px,transparent 1px),linear-gradient(to right,rgba(56,189,248,.18) 1px,transparent 1px),linear-gradient(to bottom,rgba(56,189,248,.18) 1px,transparent 1px);background-size:32px 32px,32px 32px,8px 8px,8px 8px}.preview-music-staff{background-image:linear-gradient(transparent 0px,transparent 6px,rgba(59,130,246,.45) 6px,rgba(59,130,246,.45) 7px,transparent 7px,transparent 9px,rgba(59,130,246,.45) 9px,rgba(59,130,246,.45) 10px,transparent 10px,transparent 12px,rgba(59,130,246,.45) 12px,rgba(59,130,246,.45) 13px,transparent 13px,transparent 15px,rgba(59,130,246,.45) 15px,rgba(59,130,246,.45) 16px,transparent 16px,transparent 18px,rgba(59,130,246,.45) 18px,rgba(59,130,246,.45) 19px,transparent 19px,transparent 34px);background-size:100% 34px}.page-design-info{padding:.65rem .8rem;display:flex;flex-direction:column;gap:.25rem}.page-design-header{display:flex;align-items:center;justify-content:space-between;gap:.4rem}.page-design-title{font-size:.82rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:.35rem}.page-design-badge{font-size:.65rem;font-weight:700;padding:.12rem .45rem;border-radius:var(--radius-full);background:var(--bg-tertiary);color:var(--text-secondary)}.page-design-card.active .page-design-badge{background:var(--accent-light);color:var(--accent-primary)}.page-design-desc{font-size:.7rem;color:var(--text-muted);line-height:1.35}.page-options-container{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1rem 1.15rem;display:flex;flex-direction:column;gap:.9rem;flex-shrink:0}.page-options-title{font-size:.72rem;font-weight:800;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.6px}.page-options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:.85rem}.page-options-group{display:flex;flex-direction:column;gap:.4rem}.page-options-label{font-size:.78rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:.4rem}.segmented-control{display:flex;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:3px;gap:3px;width:100%}.segment-btn{flex:1;background:transparent;border:none;font-size:.72rem;font-weight:600;color:var(--text-secondary);padding:.35rem .4rem;border-radius:var(--radius-sm);cursor:pointer;transition:all .12s ease;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.segment-btn:hover{color:var(--text-primary);background:#ffffff0a}.segment-btn.active{background:var(--accent-primary);color:#fff;font-weight:700;box-shadow:0 1px 4px #2563eb4d}.color-pills-row{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.color-pill-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.32rem .7rem;border-radius:var(--radius-full);font-size:.74rem;font-weight:600;background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.color-pill-btn:hover{background:var(--bg-hover);border-color:var(--border-subtle);color:var(--text-primary)}.color-pill-btn.active{background:var(--accent-light);border-color:var(--accent-primary);color:var(--accent-primary);font-weight:700}.action-btn.highlight-page-design{background:var(--accent-light);color:var(--accent-primary);border-color:var(--accent-primary)}.action-btn.highlight-page-design:hover{background:var(--accent-primary);color:#fff}@media(max-width:640px){.modal-card{max-height:94vh}.modal-body{padding:1rem;max-height:calc(94vh - 60px)}.page-designs-grid,.page-options-grid{grid-template-columns:1fr}}@media print{body{background:#fff!important;color:#000!important}.navbar,.ql-toolbar.ql-snow,.bottom-bar,.zen-exit-btn,.toast-container,.modal-overlay,.drawer-overlay,.typing-test-overlay{display:none!important}.editor-workspace{padding:0!important}.ql-editor{border:none!important;box-shadow:none!important;padding:0!important;width:100%!important;max-width:100%!important;color:#000!important}}