:root{--rol-primary-color:#3b35ab;--rol-danger-color:#ef4444;--rol-header-color:#433f96;--rol-text-disabled:#9ca3af;--rol-border-light:#f3f4f6;--rol-drag-indicator:#e1dcff;--rol-text-color:#1f2937;--rol-bg-color:transparent;--rol-drag-indicator-10:color-mix(in srgb,var(--rol-drag-indicator) 10%,transparent);--rol-drag-indicator-30:color-mix(in srgb,var(--rol-drag-indicator) 30%,transparent)}.dark{--rol-primary-color:#6b9ff3;--rol-danger-color:#f87171;--rol-header-color:#2563eb;--rol-text-disabled:#6b7280;--rol-border-light:#374151;--rol-drag-indicator:#2563eb;--rol-text-color:#f9fafb;--rol-bg-color:transparent;--rol-drag-indicator-10:color-mix(in srgb,var(--rol-drag-indicator) 10%,transparent);--rol-drag-indicator-30:color-mix(in srgb,var(--rol-drag-indicator) 30%,transparent)}.outliner-container{padding:1.5rem;background-color:var(--rol-bg-color);color:var(--rol-text-color)}.outliner-items{display:flex;flex-direction:column}.outline-item-container{position:relative}.outline-item-container[draggable=true]:not([style*="pointer-events: none"]){cursor:grab}.outline-item-container[draggable=true]:not([style*="pointer-events: none"]):active{cursor:grabbing}.outline-item-container.dragging{opacity:.5;cursor:grabbing}.outline-item-wrapper.drag-over{position:relative}.outline-item-wrapper.drag-over:before{top:0}.outline-item-wrapper.drag-over-bottom:after,.outline-item-wrapper.drag-over:before{content:"";position:absolute;left:0;right:0;height:2px;background-color:var(--rol-drag-indicator);z-index:10}.outline-item-wrapper.drag-over-bottom:after{bottom:0}.outline-item-wrapper.drag-over-inside{background-color:var(--rol-drag-indicator-10);box-shadow:0 0 0 2px var(--rol-drag-indicator-30)}.outline-item-vertical-line{position:absolute;left:0;top:0;bottom:0;border-left:2px solid var(--rol-border-light)}.outline-item-wrapper{display:flex;align-items:baseline;gap:.25rem;border-radius:.25rem;padding:.25rem .5rem;position:relative}.outline-item-collapse-btn{position:absolute;left:-19px;top:10px;width:1rem;height:1rem;display:flex;align-items:center;justify-content:center;pointer-events:all;border-radius:.25rem;transition:background-color .2s}.outline-item-collapse-btn.hidden{visibility:hidden}.outline-item-collapse-btn.collapsed,.outline-item-collapse-btn:hover{background-color:var(--rol-drag-indicator);opacity:1}.outline-item-collapse-btn.expanded{opacity:0}.outline-item-wrapper:hover .outline-item-collapse-btn.expanded{opacity:1}.outline-item-front{width:1rem;height:1rem;flex-shrink:0}.outline-item-wrapper:not([style*="pointer-events: none"]){cursor:grab}.outline-item-wrapper:not([style*="pointer-events: none"]):active{cursor:grabbing}.outline-item-topic{flex:1;cursor:text;padding:.125rem 0;margin-left:.5rem;outline:none}.outline-item-wrapper:hover .outline-item-delete-btn{opacity:1}.outline-item-wrapper:hover .outline-item-dot{opacity:0}.outline-item-dot{position:absolute;top:15px;left:9px;width:.4rem;height:.4rem;background-color:var(--rol-primary-color);border-radius:9999px;flex-shrink:0;transition:opacity .2s ease}.outline-item-delete-btn{position:absolute;top:6px;left:0;padding:.25rem;border-radius:.25rem;color:var(--rol-danger-color);background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;width:1.5rem;height:1.5rem;opacity:0}.outline-item-delete-btn:hover:not(:disabled){background-color:var(--rol-border-light)}.outline-item-delete-btn:disabled{color:var(--rol-text-disabled);cursor:not-allowed;opacity:.5}.outline-item-topic h1{font-size:1.5rem;font-weight:700;color:var(--rol-header-color)}.outline-item-topic h2{font-size:1.25rem;font-weight:600;color:var(--rol-header-color)}.outline-item-topic h3{font-size:1.125rem;font-weight:600;color:var(--rol-header-color)}.outline-item-topic h4{font-size:1rem;font-weight:600;color:var(--rol-header-color)}.outline-item-topic h5{font-weight:600}.outline-item-topic h5,.outline-item-topic h6{font-size:.875rem;color:var(--rol-header-color)}.outline-item-topic h6{font-weight:500;margin:.1rem 0;font-style:italic}.outline-item-topic a,.outline-item-topic em,.outline-item-topic strong{color:var(--rol-primary-color)}.outline-item-topic a{text-decoration:none}.outline-item-topic a:hover{color:var(--rol-primary-color);text-decoration:underline}