@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--font-sans:"Outfit", "Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", monospace;--bg-dark:#08090c;--panel-dark:#10121a;--panel-light:#161924;--accent-purple:#8b5cf6;--accent-purple-hover:#a78bfa;--accent-blue:#3b82f6;--accent-pink:#ec4899;--border-dark:#ffffff0d;--border-light:#ffffff14;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--shadow-premium:0 8px 30px #0000004d;--shadow-inner-glow:inset 0 1px 0 0 #ffffff0d}*{box-sizing:border-box}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;overflow-x:hidden}h1,h2,h3,h4,h5,h6,h7,h8{letter-spacing:-.02em;margin:0;scroll-margin-top:80px;font-family:Outfit,sans-serif;font-weight:600}h7,h8{display:block}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb,#ffffff26);border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover,#ffffff4d)}.glass-sidebar{background:var(--panel-color);-webkit-backdrop-filter:blur(16px);border-right:1px solid var(--border-color)}.glass-editor{box-shadow:var(--shadow-premium);background:#10121a66;border:1px solid #ffffff05}.glass-card{-webkit-backdrop-filter:blur(8px);box-shadow:var(--shadow-inner-glow), var(--shadow-premium);background:#16192480;border:1px solid #ffffff08}.glass-button{cursor:pointer;background:#ffffff08;border:1px solid #ffffff0d;transition:all .2s cubic-bezier(.4,0,.2,1)}.glass-button:hover{background:#ffffff14;border-color:#ffffff1a;transform:translateY(-1px)}.glass-input{border:1px solid var(--border-dark);color:var(--text-primary);background:#0003;transition:all .2s}.glass-input:focus{border-color:var(--accent-purple);outline:none;box-shadow:0 0 0 2px #8b5cf626}.accent-glow-purple{filter:blur(40px);pointer-events:none;background:radial-gradient(circle,#8b5cf614 0%,#8b5cf600 70%);width:400px;height:400px;position:absolute}.accent-glow-blue{filter:blur(30px);pointer-events:none;background:radial-gradient(circle,#3b82f60f 0%,#3b82f600 70%);width:350px;height:350px;position:absolute}.scrollbar-thin{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb,#ffffff26) transparent}.ProseMirror{min-height:450px;color:var(--text-secondary);outline:none;font-family:Inter,system-ui,sans-serif}.ProseMirror h1{color:var(--text-primary);letter-spacing:-.02em;margin-top:.4rem;margin-bottom:.2rem;font-family:Outfit,sans-serif;font-size:2.25rem;font-weight:800;line-height:1.25}.ProseMirror h2{color:var(--text-primary);letter-spacing:-.015em;margin-top:.35rem;margin-bottom:.15rem;font-family:Outfit,sans-serif;font-size:1.6rem;font-weight:700;line-height:1.3}.ProseMirror h3{color:var(--text-primary);margin-top:.3rem;margin-bottom:.15rem;font-family:Outfit,sans-serif;font-size:1.25rem;font-weight:600}.ProseMirror h4{color:var(--text-primary);margin-top:.3rem;margin-bottom:.15rem;font-family:Outfit,sans-serif;font-size:1.15rem;font-weight:600}.ProseMirror h5{color:var(--text-primary);margin-top:.3rem;margin-bottom:.15rem;font-family:Outfit,sans-serif;font-size:1.05rem;font-weight:600}.ProseMirror h6{color:var(--text-primary);margin-top:.25rem;margin-bottom:.1rem;font-family:Outfit,sans-serif;font-size:.95rem;font-weight:600}.ProseMirror h7{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-top:.25rem;margin-bottom:.1rem;font-family:Outfit,sans-serif;font-size:.85rem;font-weight:600}.ProseMirror h8{color:var(--text-disabled);text-transform:uppercase;letter-spacing:.08em;margin-top:.25rem;margin-bottom:.1rem;font-family:Outfit,sans-serif;font-size:.8rem;font-weight:600}.ProseMirror p{color:var(--text-secondary);margin-top:0;margin-bottom:.25rem;font-size:15px;line-height:1.7}.ProseMirror ul,.ProseMirror ol{margin:1rem 0!important;padding:0 1rem 0 2rem!important;list-style:none!important}.ProseMirror ol{counter-reset:tiptap-counter!important}.ProseMirror li{color:var(--text-secondary);line-height:1.6;margin-bottom:.25rem!important;list-style:none!important;position:relative!important}.ProseMirror ol li{counter-increment:tiptap-counter!important}.ProseMirror ul li:before{content:"•"!important;color:var(--primary-color)!important;font-size:1.4rem!important;line-height:1!important;position:absolute!important;top:.05rem!important;left:-1.25rem!important}.ProseMirror ol li:before{content:counter(tiptap-counter) "."!important;color:var(--primary-color)!important;font-weight:700!important;font-family:var(--font-sans)!important;text-align:right!important;width:1.25rem!important;font-size:.95rem!important;position:absolute!important;top:.12rem!important;left:-1.5rem!important}.ProseMirror li p{display:inline;margin:0!important}.ProseMirror blockquote{border-left:3px solid var(--accent-purple);color:var(--text-secondary);margin-top:.25rem;margin-bottom:.25rem;margin-left:0;padding-left:1.25rem;font-style:italic}.ProseMirror code{font-family:var(--font-mono);background:color-mix(in srgb, var(--text-primary) 6%, transparent);border:1px solid var(--border-color);color:var(--accent-pink);border-radius:4px;padding:2px 6px;font-size:.85em}.ProseMirror pre{border:1px solid var(--border-dark);font-family:var(--font-mono);background:#0d0e14;border-radius:8px;margin-top:.25rem;margin-bottom:.25rem;padding:.75rem;overflow-x:auto}.ProseMirror pre code{color:var(--text-primary);background:0 0;border:none;border-radius:0;padding:0;font-size:13.5px}.ProseMirror img{border:1px solid var(--border-dark);border-radius:8px;max-width:100%;margin:.25rem 0}.ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:var(--text-muted);pointer-events:none;height:0}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.95)}}.pulse-animation{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}@keyframes ping{75%,to{opacity:0;transform:scale(2.5)}}.ping-animation{animation:1.2s cubic-bezier(0,0,.2,1) infinite ping}.ProseMirror[contenteditable=true] .layout-section-wrapper,.ProseMirror[contenteditable=true] .layout-section{border:1px dashed #ffffff0d;border-radius:12px;margin:.35rem 0;padding:12px 10px 10px;transition:all .2s;position:relative}.ProseMirror[contenteditable=true] .layout-section-wrapper:hover,.ProseMirror[contenteditable=true] .layout-section-wrapper.has-focus,.ProseMirror[contenteditable=true] .layout-section:hover{background:#ffffff03;border-color:#8b5cf640}.layout-controls-bar{opacity:0;pointer-events:none;transition:opacity .15s,transform .15s;transform:translateY(4px)}.layout-section-wrapper:hover .layout-controls-bar,.layout-section-wrapper.has-focus .layout-controls-bar{opacity:1;pointer-events:auto;transform:translateY(0)}.layout-columns-container,.layout-columns-container>div{flex-direction:row!important;gap:28px!important;width:100%!important;display:flex!important}.ProseMirror[contenteditable=true] .layout-column{background:#ffffff03;border:1px dashed #ffffff14;border-radius:8px;min-height:80px;padding:14px;transition:all .15s;flex:1!important;min-width:0!important}.ProseMirror[contenteditable=true] .layout-column:hover{background:#ffffff05;border-color:#ffffff2e}.ProseMirror[contenteditable=true] .layout-column.has-focus,.ProseMirror[contenteditable=true] .layout-column:focus-within{background:#8b5cf605;border-color:#8b5cf64d}.ProseMirror[contenteditable=true] .layout-columns-container .layout-column:not(:first-child){position:relative}.ProseMirror[contenteditable=true] .layout-columns-container .layout-column:not(:first-child):before{content:"";pointer-events:none;border-left:1px dashed #ffffff26;height:80%;position:absolute;top:10%;left:-15px}.ProseMirror[contenteditable=false] .layout-section-wrapper,.ProseMirror[contenteditable=false] .layout-section{border:1px solid #0000;margin:.25rem 0;padding:0}.ProseMirror[contenteditable=false] .layout-column{background:0 0;border:1px solid #0000;min-height:auto;padding:0;flex:1!important;min-width:0!important}.ProseMirror[contenteditable=false] .layout-columns-container .layout-column:not(:first-child){position:relative}.ProseMirror[contenteditable=false] .layout-columns-container .layout-column:not(:first-child):before{content:"";pointer-events:none;border-left:1px solid #ffffff0a;height:90%;position:absolute;top:5%;left:-15px}.layout-twocol .layout-columns-container .layout-column{flex:50%!important}.layout-threecol .layout-columns-container .layout-column{flex:33.33%!important}.layout-asymmetric-left .layout-columns-container .layout-column:first-child{flex:7 7 70%!important}.layout-asymmetric-left .layout-columns-container .layout-column:nth-child(2),.layout-asymmetric-right .layout-columns-container .layout-column:first-child{flex:3 3 30%!important}.layout-asymmetric-right .layout-columns-container .layout-column:nth-child(2){flex:7 7 70%!important}.ProseMirror table{border-collapse:collapse;table-layout:fixed;border:1px solid var(--border-color);background:var(--panel-color);border-radius:8px;width:100%;margin:.25rem 0;overflow:hidden;box-shadow:0 4px 20px #0000001a}.ProseMirror td,.ProseMirror th{border:1px solid var(--border-color);vertical-align:top;box-sizing:border-box;min-width:1em;padding:10px 12px;transition:background-color .15s;position:relative}.ProseMirror th{text-align:left;background-color:color-mix(in srgb, var(--text-primary) 4%, transparent);color:var(--text-primary);border-bottom:2px solid var(--border-color);font-weight:600}.ProseMirror td>*,.ProseMirror th>*{margin-bottom:0}.ProseMirror td:focus-within,.ProseMirror th:focus-within{background-color:#8b5cf605}.ProseMirror .selectedCell:after{z-index:2;content:"";pointer-events:none;background:#8b5cf626;position:absolute;inset:0}.ProseMirror .column-resize-handle{background-color:var(--accent-purple);pointer-events:none;opacity:0;z-index:20;width:4px;transition:opacity .15s;position:absolute;top:0;bottom:-2px;right:-2px}.ProseMirror th:hover .column-resize-handle,.ProseMirror td:hover .column-resize-handle{opacity:.5}.ProseMirror .column-resize-handle:hover,.ProseMirror .column-resize-handle.active{opacity:1}.ProseMirror .tableWrapper{scrollbar-width:thin;margin:.25rem 0;overflow-x:auto}.ai-prompt-input:focus-within{border-color:var(--accent-purple);box-shadow:0 0 12px #8b5cf640}.ai-cursor-pulse{background-color:var(--accent-purple);vertical-align:middle;width:2px;height:1.1em;margin-left:2px;animation:.8s infinite cursor-blink;display:inline-block}@keyframes cursor-blink{0%,to{opacity:0}50%{opacity:1}}.ai-generating-block{animation:2s ease-in-out infinite border-glow;position:relative;border-left:3px solid var(--accent-purple)!important;background:#8b5cf605!important;padding-left:8px!important}@keyframes border-glow{0%,to{border-color:#8b5cf64d}50%{border-color:#8b5cf6d9}}.remote-cursor-container{pointer-events:none;-webkit-user-select:none;user-select:none;display:inline;position:relative}.remote-cursor-caret{pointer-events:none;border-left-style:solid;border-left-width:2px;width:0;position:absolute;top:-.1em;bottom:-.1em;left:0}@keyframes fade-out-label{0%{opacity:1}70%{opacity:1}to{opacity:0}}.remote-cursor-label{font-size:10px;font-weight:500;font-family:var(--font-sans);color:#fff;white-space:nowrap;opacity:0;pointer-events:none;z-index:50;border-radius:3px;padding:1px 4px;animation:2.5s forwards fade-out-label;position:absolute;top:-1.4em;left:0;box-shadow:0 2px 4px #0003}.remote-cursor-container:hover .remote-cursor-label{opacity:1!important;animation:none!important}.remote-selection{border-radius:1px}.ProseMirror details.details-macro{border:1px solid var(--border-color);background-color:#ffffff03;border-radius:8px;margin:.25rem 0;padding:6px 12px;transition:all .2s}.ProseMirror details.details-macro:hover{background-color:#ffffff05;border-color:#ffffff1f}.ProseMirror details.details-macro summary{font-family:var(--font-sans);color:var(--text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;outline:none;align-items:center;gap:8px;font-size:14px;font-weight:600;list-style:none;display:flex}.ProseMirror details.details-macro summary:before{content:"";background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9 18 15 12 9 6'%3E%3C/polyline%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;width:14px;height:14px;transition:transform .2s;display:inline-block}.ProseMirror details.details-macro[open] summary:before{transform:rotate(90deg)}.ProseMirror details.details-macro .details-content{border-left:1px solid var(--border-color);margin-top:10px;padding-left:22px}.ProseMirror details.details-macro:not([open]) .details-content{display:none!important}.ProseMirror ul[data-type=taskList]{margin-top:0;margin-bottom:.25rem;padding:0;list-style:none}.ProseMirror ul[data-type=taskList] li{align-items:flex-start;gap:12px;margin-bottom:.1rem;display:flex}.ProseMirror ul[data-type=taskList] li>label{-webkit-user-select:none;user-select:none;pointer-events:none;margin-top:4px}.ProseMirror ul[data-type=taskList] li>label input[type=checkbox]{appearance:none;border:1.5px solid var(--text-muted);cursor:pointer;pointer-events:auto;background-color:#0000;border-radius:3px;width:15px;height:15px;transition:all .15s;position:relative}.ProseMirror ul[data-type=taskList] li>label input[type=checkbox]:hover{border-color:var(--accent-purple);background-color:#8b5cf614}.ProseMirror ul[data-type=taskList] li>label input[type=checkbox]:checked{background-color:var(--accent-purple);border-color:var(--accent-purple)}.ProseMirror ul[data-type=taskList] li>label input[type=checkbox]:checked:after{content:"";border:1.5px solid #fff;border-width:0 1.5px 1.5px 0;width:4px;height:8px;position:absolute;top:1px;left:4.5px;transform:rotate(45deg)}.ProseMirror ul[data-type=taskList] li[data-checked=true]>div{color:var(--text-muted);opacity:.8;text-decoration:line-through}.ProseMirror ul[data-type=taskList] li>div{flex:1;min-width:0}.ProseMirror pre.no-format-panel{border:1px solid var(--border-color);border-left:3px solid var(--text-muted);font-family:var(--font-mono);background:#0f111a99;border-radius:6px;margin-top:.25rem;margin-bottom:.25rem;padding:8px 12px;overflow-x:auto}.ProseMirror pre.no-format-panel code.no-format-text{color:var(--text-secondary);background:0 0;border:none;border-radius:0;padding:0;font-size:13.5px}@keyframes live-pulse{0%{box-shadow:0 0 #10b981cc}70%{box-shadow:0 0 0 6px #10b98100}to{box-shadow:0 0 #10b98100}}
