*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-white: #ffffff;--color-gray-50: #fafafa;--color-gray-100: #f5f5f5;--color-gray-200: #eeeeee;--color-gray-300: #e0e0e0;--color-gray-400: #bdbdbd;--color-gray-500: #9e9e9e;--color-gray-600: #757575;--color-gray-700: #616161;--color-gray-800: #424242;--color-gray-900: #212121;--color-blue-50: #e3f2fd;--color-blue-100: #bbdefb;--color-blue-200: #90caf9;--color-blue-300: #64b5f6;--color-blue-400: #42a5f5;--color-blue-500: #2196f3;--color-blue-600: #1e88e5;--color-blue-700: #1976d2;--color-blue-800: #1565c0;--color-blue-900: #0d47a1}body{--color-bg-active: var(--color-gray-200);--color-bg-hover: var(--color-gray-200);--color-bg-link: var(--color-gray-100);--color-bg-primary: var(--color-white);--color-bg-secondary: var(--color-gray-100);--color-border-primary: var(--color-gray-300);--color-bg-range-secondary: var(--color-gray-600);--color-bg-selected: var(--color-blue-100);--color-bg-scrollbar: var(--color-gray-300);--color-bg-scrollbar-thumb: var(--color-gray-500);--color-bg-mask: var(--color-gray-300);--color-bg-pre: var(--color-gray-100);--color-text-primary: var(--color-gray-900);--color-text-secondary: var(--color-gray-600);--color-text-tertiary: var(--color-gray-400);--color-text-selected: var(--color-blue-600);--color-fg-link: var(--color-blue-800);--color-focus: var(--color-blue-800)}.dark>*{color-scheme:dark;--color-bg-active: var(--color-gray-600);--color-bg-hover: var(--color-gray-600);--color-bg-link: var(--color-gray-800);--color-bg-primary: var(--color-gray-900);--color-bg-secondary: var(--color-gray-800);--color-border-primary: var(--color-gray-500);--color-bg-range-secondary: var(--color-gray-500);--color-bg-selected: var(--color-blue-700);--color-bg-scrollbar: var(--color-gray-600);--color-bg-scrollbar-thumb: var(--color-gray-400);--color-bg-mask: var(--color-gray-600);--color-bg-pre: var(--color-gray-800);--color-text-primary: var(--color-white);--color-text-secondary: var(--color-gray-200);--color-text-tertiary: var(--color-gray-500);--color-text-selected: var(--color-blue-300);--color-fg-link: var(--color-blue-200);--color-focus: var(--color-blue-200)}.block{display:block}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.flex-column{display:flex;flex-direction:column}.flex-row{display:flex;flex-direction:row}.flex{display:flex}.f-1{flex:1}.grid{display:grid}.align-items-center{align-items:center}.place-items-center{place-items:center}.items-center{align-items:center}.nowrap{white-space:nowrap}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-x-scroll{overflow-x:scroll}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.overflow-y-scroll{overflow-y:scroll}.overflow-y-hidden{overflow-y:hidden}.h-full{height:100%}.h-4{height:1rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.max-h-12{max-height:3rem}.max-h-160{max-height:40rem}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.w-6{width:1.5rem}.w-8{width:2rem}.w-16{width:4rem}.w-32{width:8rem}.w-48{width:12rem}.w-64{width:16rem}.w-80{width:20rem}.w-128{width:32rem}.w-192{width:48rem}.w-256{width:64rem}.w-full{width:100%}.line-height-normal{line-height:normal}.line-height-0{line-height:0}.line-height-1{line-height:1}.gap-1{gap:.25rem}.text-small{font-size:.75rem;line-height:1rem}.text-moderate{font-size:.875rem;line-height:1.25rem}.text-medium{font-size:1rem;line-height:1.5rem}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.text-selected{color:var(--color-text-selected)}.font-thin{font-weight:100}.font-light{font-weight:300}.font-lighter{font-weight:lighter}.font-normal{font-weight:400}.bold{font-weight:700}.font-mono{font-family:monospace}.m-4{margin:1rem}.m-8{margin:2rem}.m-16{margin:4rem}.m-auto{margin:auto}.my-8{margin-top:2rem;margin-bottom:2rem}.my-16{margin-top:4rem;margin-bottom:4rem}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.p-16{padding:4rem}.px-0{padding-left:0;padding-right:0}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pt-2{padding-top:.5rem}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.pb-2{padding-bottom:.5rem}.pb-4{padding-bottom:1rem}.pl-0{padding-left:0}.pl-4{padding-left:1rem}.pl-6{padding-left:1.5rem}.pr-1{padding-right:.25rem}.pr-2{padding-right:.5rem}.pr-3{padding-right:.75rem}.pr-4{padding-right:1rem}.pr-6{padding-right:1.5rem}.bg-transparent{background-color:transparent}.bg-primary{background-color:var(--color-bg-primary)}.bg-secondary{background-color:var(--color-bg-secondary)}.border-none{border-style:none}.border-solid{border-style:solid}.border-0{border-width:0}.border-1{border-width:1px}.border-t-1{border-top:1px}.border-color-default{border-color:var(--color-border-primary)}.list-style-none{list-style:none}.text-decoration-none{text-decoration:none}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.align-middle{vertical-align:middle}.hover:hover{background-color:var(--color-bg-hover)}.pointer{cursor:pointer}.drop-shadow{filter:drop-shadow(0 1px 2px rgb(0 0 0 / .1)) drop-shadow(0 1px 1px rgb(0 0 0 / .06))}.layout-center{margin-left:auto;margin-right:auto;max-width:60ch}.layout-center-wide{margin-left:auto;margin-right:auto;max-width:80ch}.layout-stack-1>*+*{margin-top:.25rem}.layout-stack-2>*+*{margin-top:.5rem}.layout-stack-4>*+*{margin-top:1rem}.layout-stack-6>*+*{margin-top:1.5rem}.layout-stack-8>*+*{margin-top:2rem}.layout-stack-h-1>*+*{margin-left:.25rem}.layout-stack-h-2>*+*{margin-left:.5rem}.layout-stack-h-4>*+*{margin-left:1rem}body{color:var(--color-text-primary);background-color:var(--color-bg-primary);font-family:sans-serif;line-height:1.5rem;overflow:hidden}ul{padding:0 1rem}a{color:var(--color-fg-link)}button{font:inherit}svg{fill:currentColor}pre{background-color:var(--color-bg-pre);padding:1rem;margin-top:.5rem;margin-bottom:.5rem}#app{min-height:100vh;display:flex;flex-direction:column;overflow:hidden}.tiptap:focus{outline:none}.tiptap{padding:1rem}.tiptap blockquote{border-left:2px solid var(--color-border-primary);padding-left:1rem;margin:1rem 0}.tiptap h1,.tiptap h2,.tiptap h3{line-height:2}.tiptap hr{border:none;border-top:1px solid var(--color-border-primary);margin-top:1.5rem;margin-bottom:1.5rem;cursor:pointer}.tiptap hr.ProseMirror-selectednode{border-top:1px solid var(--color-focus)}.tiptap ul,.tiptap ol{padding-left:1rem;padding-right:1rem}.tiptap ul[data-type=taskList]{list-style:none;margin-left:0;padding:0}.tiptap ul[data-type=taskList] li{align-items:flex-start;display:flex}.tiptap ul[data-type=taskList] li>label{margin-right:.5rem}.tiptap ul[data-type=taskList] input[type=checkbox]{cursor:pointer}.tiptap p.is-empty:before{color:var(--color-text-tertiary);content:attr(data-placeholder);float:left;height:0;pointer-events:none}.router-link-exact-active>div{background-color:var(--color-bg-active)}.router-link-exact-active>*{background-color:var(--color-bg-active)}.pattern-height-note-list{max-height:calc(100vh - 11rem)}.pattern-height-editor-content{max-height:calc(100vh - 3.5rem)}.pattern-button-base{padding:.25rem .5rem;background-color:transparent;border-style:solid;border-width:1px;border-color:var(--color-border-primary);color:var(--color-text-secondary);cursor:pointer}.pattern-button-base:hover{background-color:var(--color-bg-hover)}.pattern-button-dropdown{padding:.5rem 1rem;background-color:transparent;color:var(--color-text-secondary);border-style:none;cursor:pointer}.pattern-button-dropdown:hover{background-color:var(--color-bg-hover)}.pattern-button-selected{background-color:var(--color-bg-selected)}.pattern-button-icon{display:block;background-color:transparent;border-style:none;color:var(--color-text-secondary);cursor:pointer}.pattern-button-icon>svg{display:block}.pattern-button-icon:hover{background-color:var(--color-bg-hover)}.pattern-selected{background-color:var(--color-bg-selected)}.pattern-dropdown{position:relative}.pattern-dropdown>summary{list-style:none}.pattern-dropdown>summary::-webkit-details-marker{display:none}details[open].pattern-dropdown>summary:before{content:" ";display:block;position:fixed;top:0;left:0;right:0;bottom:0;z-index:50}.pattern-dropdown>div{position:absolute;top:2rem;right:0;z-index:100}.pattern-hiding-child>*>.pattern-hidden-child{display:none}.pattern-hiding-child:hover>*>.pattern-hidden-child{display:inline-block}.pattern-scrollbar-thick::-webkit-scrollbar{width:8px;height:8px;background-color:var(--color-bg-scrollbar)}.pattern-scrollbar-thick::-webkit-scrollbar-thumb{background-color:var(--color-bg-scrollbar-thumb)}.pattern-scrollbar-thin::-webkit-scrollbar{width:4px;height:4px;background-color:var(--color-bg-scrollbar)}.pattern-scrollbar-thin::-webkit-scrollbar-thumb{background-color:var(--color-bg-scrollbar-thumb)}.pattern-horizontal-scroll{overflow-x:scroll;overflow-y:hidden;white-space:nowrap}.pattern-mask{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000040;transition:opacity .1s ease}input[type=range].pattern-range{accent-color:var(--color-bg-range-secondary)}