.xnote-note-create{display:flex;position:relative;flex-shrink:0}.xnote-note-create>button{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:38px;background:var(--button-primary-background);color:var(--button-primary-content);border:0;border-radius:6px 0 0 6px;padding:0 13px;font:inherit;font-size:13px;font-weight:550;cursor:pointer}.xnote-note-create>button:hover{background:var(--button-primary-hover)}.xnote-note-create>button+button{border-left:1px solid #ffffff40;width:32px;border-radius:0 6px 6px 0;padding:0}.xnote-note-create button:focus-visible{outline:3px solid var(--field-focus-ring);outline-offset:2px}.xnote-note-create>button:disabled{opacity:.5;cursor:default}.xnote-note-type-menu{position:absolute;z-index:40;right:0;top:calc(100% + 8px);width:min(290px,calc(100vw - 40px));padding:8px;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:7px;box-shadow:0 12px 35px #1d292d1f}.xnote-note-type-menu>p{font-size:11px;color:var(--muted);padding:8px 10px;margin:0}.xnote-note-type-menu>button{display:flex;gap:13px;align-items:center;width:100%;border:0;border-radius:6px;background:transparent;color:var(--ink);padding:13px 10px;text-align:left;cursor:pointer;font:inherit}.xnote-note-type-menu>button:hover{background:var(--surface-subtle)}.xnote-note-type-menu strong{display:block;font-size:13px;font-weight:600}.xnote-note-type-menu small{font-size:10px;background:var(--brand-soft);color:var(--brand-ink);padding:2px 5px;border-radius:3px;margin-left:4px}.xnote-note-type-menu em{display:block;font-style:normal;font-size:11px;color:var(--muted);margin-top:5px}.xnote-note-type-menu footer{border-top:1px solid var(--line);margin-top:5px;padding:12px 10px 6px;font-size:11px;color:var(--muted)}.xnote-markdown-editor{display:grid;grid-template-rows:auto minmax(0,1fr);min-height:0;height:100%;background:var(--surface);color:var(--ink);min-width:0}.xnote-markdown-toolbar{display:flex;align-items:center;gap:10px;min-height:48px;padding:7px 12px;border-block:1px solid var(--line);flex-wrap:wrap}.xnote-markdown-toolbar button{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:30px;padding:0 7px;border:0;border-radius:6px;color:var(--ink-soft);background:transparent;font:inherit;font-size:12px;cursor:pointer}.xnote-markdown-toolbar button:hover{background:var(--surface-subtle)}.xnote-markdown-popover select:focus-visible,.xnote-markdown-toolbar button:focus-visible{outline:3px solid var(--field-focus-ring);outline-offset:2px}.xnote-markdown-toolbar button:disabled{opacity:.4;cursor:default}.xnote-markdown-tabs{display:flex;flex-shrink:0;background:var(--surface-subtle);padding:2px;border-radius:6px}.xnote-markdown-tabs button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px #1d292d12}.xnote-markdown-tools{display:flex;gap:2px;align-items:center;border-left:1px solid var(--line);padding-left:8px}.xnote-markdown-tools button{width:30px;padding:0}.xnote-markdown-toolbar-end{display:flex;align-items:center;gap:7px;margin-left:auto}.xnote-markdown-settings{position:relative}.xnote-markdown-popover{position:absolute;z-index:35;right:0;top:38px;width:256px;padding:18px;background:var(--surface);border:1px solid var(--line);border-radius:7px;box-shadow:0 12px 32px #1d292d1f;font-size:12px}.xnote-markdown-popover h3{font-size:13px;font-weight:650;margin:0 0 7px}.xnote-markdown-popover p{font-size:11px;line-height:1.7;color:var(--muted);margin:0}.xnote-markdown-preference{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px}.xnote-markdown-stepper{display:flex;align-items:center;border:1px solid var(--line);border-radius:6px}.xnote-markdown-stepper output{min-width:48px;text-align:center;font-size:12px}.xnote-markdown-popover select{font:inherit;font-size:12px;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:6px;height:30px;padding:0 8px}.xnote-markdown-popover .xnote-markdown-setting-note{margin-top:18px;border-top:1px solid var(--line);padding-top:13px}.xnote-markdown-source{display:block;width:100%;min-height:0;height:100%;resize:none;overflow:auto;border:0;padding:24px;color:var(--ink);background:var(--surface-subtle);font-family:var(--font-mono);font-size:14px;line-height:1.95;-moz-tab-size:2;-o-tab-size:2;tab-size:2;outline:none}.xnote-markdown-source:focus-visible{box-shadow:inset 0 0 0 2px var(--field-focus-border)}.xnote-markdown-source::-moz-placeholder{color:var(--muted)}.xnote-markdown-source::placeholder{color:var(--muted)}.xnote-markdown-preview{min-height:0;overflow:auto;padding:25px 30px 40px;font-family:var(--font-note-body);font-size:var(--note-reading-size,18px);line-height:var(--note-reading-leading,1.95);overflow-wrap:anywhere}.xnote-markdown-preview>:first-child{margin-top:0}.xnote-markdown-preview h1{font-size:1.6em;margin:28px 0 16px;font-weight:650;line-height:1.5}.xnote-markdown-preview h2{font-size:1.25em;margin:25px 0 13px;font-weight:650;line-height:1.5}.xnote-markdown-preview h3{font-size:1.1em;margin:23px 0 11px;font-weight:650;line-height:1.5}.xnote-markdown-preview p{margin:12px 0;color:var(--ink-soft)}.xnote-markdown-preview ol,.xnote-markdown-preview ul{padding-left:24px;margin:13px 0}.xnote-markdown-preview li{margin:5px 0}.xnote-markdown-preview li::marker{color:var(--muted)}.xnote-markdown-preview blockquote{margin:20px 0;padding:9px 16px;border-left:3px solid var(--brand);background:var(--surface-subtle)}.xnote-markdown-preview blockquote p{margin:0;color:var(--muted)}.xnote-markdown-preview a{color:var(--brand-ink);text-decoration:underline;text-underline-offset:3px}.xnote-markdown-preview pre{max-width:100%;overflow:auto;padding:16px;background:var(--surface-subtle);border:1px solid var(--line);border-radius:6px}.xnote-markdown-preview code{font-family:var(--font-mono);font-size:.87em;background:var(--surface-subtle);padding:2px 4px;border-radius:3px}.xnote-markdown-preview pre code{background:none;padding:0}.xnote-markdown-preview table{display:block;max-width:100%;overflow:auto;border-collapse:collapse;margin:18px 0;font-size:.92em}.xnote-markdown-preview td,.xnote-markdown-preview th{padding:8px 12px;border:1px solid var(--line);text-align:left}.xnote-markdown-preview th{background:var(--surface-subtle);font-weight:600}.xnote-markdown-preview hr{border:0;border-top:1px solid var(--line);margin:25px 0}.xnote-markdown-preview .contains-task-list{list-style:none;padding-left:0}.xnote-markdown-preview input[type=checkbox]{accent-color:var(--brand);margin-right:9px;vertical-align:middle}.xnote-markdown-image-alt,.xnote-markdown-preview .xnote-markdown-empty{color:var(--muted)}@media(pointer:coarse){.xnote-markdown-source{font-size:16px}.xnote-markdown-toolbar button{min-height:44px;min-width:36px}}@media(max-width:600px){.xnote-markdown-toolbar{gap:6px;padding:7px 8px}.xnote-markdown-tools{gap:0;padding-left:4px}.xnote-markdown-tools button{width:27px;min-width:27px}.xnote-markdown-toolbar-end{gap:1px}.xnote-markdown-toolbar-end button span{display:none}.xnote-markdown-source{font-size:16px;padding:20px 18px}.xnote-markdown-preview{padding:23px 20px 35px}.xnote-markdown-popover{position:absolute;right:-36px;width:min(256px,calc(100vw - 48px))}}@media(max-width:360px){.xnote-note-create>button:first-child>svg{display:none}}.xnote-default-editor.note-editor{display:grid;grid-template-rows:auto minmax(0,1fr);min-height:0;height:100%;min-width:0;background:var(--surface);color:var(--ink)}.xnote-default-editor.note-editor-readonly{grid-template-rows:minmax(0,1fr)}.xnote-default-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:4px;min-height:48px;padding:7px 12px;border-bottom:1px solid var(--line)}.xnote-default-toolbar .default-color>button,.xnote-default-toolbar>button{display:inline-flex;align-items:center;justify-content:center;width:30px;min-width:30px;height:30px;min-height:30px;padding:0;border:0;border-radius:6px;background:transparent;color:var(--ink-soft);cursor:pointer;position:relative}.xnote-default-toolbar button:hover,.xnote-default-toolbar button[aria-pressed=true]{background:var(--brand-soft);color:var(--brand-ink)}.xnote-default-toolbar button:disabled{opacity:.4;cursor:default}.xnote-default-toolbar select{height:30px;max-width:125px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--ink);font:inherit;font-size:12px;padding:0 7px}.xnote-default-toolbar button:focus-visible,.xnote-default-toolbar select:focus-visible{outline:3px solid var(--field-focus-ring);outline-offset:2px}.default-color{position:relative}.default-color-indicator{position:absolute;bottom:3px;width:16px;height:2px}.xnote-text-color-panel{position:fixed;z-index:100;box-sizing:border-box;overflow-y:auto;overscroll-behavior:contain;padding:16px;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--ink);box-shadow:0 8px 24px #1d292d1f;font:12px/1.6 var(--font-ui)}.xnote-text-color-panel *{box-sizing:border-box}.xnote-text-color-panel button,.xnote-text-color-panel input{font:inherit;color:inherit}.xnote-text-color-panel button{cursor:pointer}.xnote-text-color-panel button:focus-visible,.xnote-text-color-panel input:focus-visible{outline:3px solid var(--field-focus-ring);outline-offset:2px}.xnote-default-toolbar .default-color>button[aria-expanded=true]{background:var(--brand-soft);color:var(--brand-ink)}.xnote-text-color-heading{display:flex;align-items:center;gap:10px;margin-bottom:12px}.xnote-text-color-heading strong{font-size:13px;font-weight:600;flex:1}.xnote-text-color-heading>span{font-size:10px;color:var(--muted)}.xnote-text-color-heading>button{display:grid;place-items:center;width:24px;height:24px;padding:0;border:0;border-radius:4px;background:transparent;color:var(--ink-soft)}.xnote-text-color-heading>button:hover{background:var(--surface-subtle)}.xnote-text-color-reset{display:flex;align-items:center;gap:8px;width:100%;padding:7px 8px;border:1px solid var(--line);border-radius:5px;background:var(--surface);text-align:left}.xnote-text-color-reset:hover,.xnote-text-color-reset[aria-pressed=true]{background:var(--surface-subtle)}.xnote-text-color-label{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin:12px 0 7px}.xnote-text-color-grid{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:3px}.xnote-text-color-panel .xnote-text-color-swatch{display:grid;place-items:center;position:relative;width:100%;aspect-ratio:1;min-width:0;padding:0;border:0;border-radius:2px;box-shadow:inset 0 0 0 1px #0000000a}.xnote-text-color-swatch:hover{outline:2px solid var(--ink);outline-offset:1px;z-index:1}.xnote-text-color-swatch[aria-pressed=true]:after{content:"";position:absolute;inset:-2px;border:2px solid var(--ink);border-radius:4px;pointer-events:none}.xnote-text-color-recent{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:5px}.xnote-text-color-recent .xnote-text-color-swatch{border-radius:4px}.xnote-text-color-empty{aspect-ratio:1;border:1px dashed var(--line);border-radius:4px;background:var(--surface-subtle)}.xnote-text-color-custom{border-top:1px solid var(--line);margin-top:16px;padding-top:13px}.xnote-text-color-custom>label{display:block;font-size:11px;color:var(--muted);margin-bottom:8px}.xnote-text-color-inputs{display:flex;align-items:center;gap:7px}.xnote-text-color-inputs>input[type=color]{flex:0 0 32px;width:32px;height:36px;padding:3px;border:1px solid var(--line);border-radius:5px;background:var(--surface);cursor:pointer}.xnote-text-color-hex{display:flex;align-items:center;gap:5px;flex:1;min-width:0;height:36px;padding-left:7px;border:1px solid var(--line);border-radius:5px}.xnote-text-color-hex>span{font-size:10px;color:var(--muted)}.xnote-text-color-hex>input{width:100%;min-width:0;border:0;padding:0 3px;background:transparent;font-size:16px;text-transform:uppercase}.xnote-text-color-apply{height:36px;padding:0 9px;border:1px solid var(--line);border-radius:5px;background:var(--surface-subtle);font-size:11px}.xnote-text-color-apply:hover{background:var(--brand-soft);color:var(--brand-ink)}.xnote-text-color-error{font-size:11px;color:var(--danger,#b24336);margin:6px 0 0}@media(max-width:600px){.xnote-text-color-panel{padding:14px}}.xnote-default-content{height:100%;min-height:0;overflow:auto;min-width:0}.xnote-default-content .tiptap{min-height:100%;padding:24px;color:var(--ink);font-family:var(--font-note-body);font-size:18px;line-height:1.85;outline:none;overflow-wrap:anywhere}.xnote-default-content .tiptap p{margin:0 0 12px}.xnote-default-content .tiptap p:last-child{margin-bottom:0}.xnote-default-content .tiptap :is(h1,h2,h3,h4,h5,h6){font-weight:650;line-height:1.5;margin:24px 0 12px;color:var(--ink)}.xnote-default-content .tiptap h1{font-size:1.7em}.xnote-default-content .tiptap h2{font-size:1.45em}.xnote-default-content .tiptap h3{font-size:1.25em}.xnote-default-content .tiptap h4{font-size:1.1em}.xnote-default-content .tiptap h5{font-size:1em}.xnote-default-content .tiptap h6{font-size:.9em}.xnote-default-content .tiptap>:first-child{margin-top:0}.xnote-default-content .tiptap ul{list-style:disc outside;padding-left:26px;margin:12px 0}.xnote-default-content .tiptap ol{list-style:decimal outside;padding-left:26px;margin:12px 0}.xnote-default-content .tiptap ul ul{list-style-type:circle}.xnote-default-content .tiptap li{margin:5px 0}.xnote-default-content .tiptap li>p{margin:0}.xnote-default-content .tiptap blockquote{border-left:3px solid var(--brand);padding:8px 16px;margin:16px 0;background:var(--surface-subtle);color:var(--ink-soft)}.xnote-default-content .tiptap ul[data-type=taskList]{list-style:none;padding-left:0}.xnote-default-content .tiptap ul[data-type=taskList]>li{display:flex;align-items:flex-start;gap:9px}.xnote-default-content .tiptap ul[data-type=taskList]>li>label{flex:0 0 auto;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding-top:2px}.xnote-default-content .tiptap ul[data-type=taskList]>li>div{flex:1;min-width:0}.xnote-default-content .tiptap input[type=checkbox]{accent-color:var(--brand);width:15px;height:15px;margin:0;cursor:pointer}.xnote-default-content .tiptap table{border-collapse:collapse;table-layout:fixed;width:100%;margin:16px 0;overflow:hidden}.xnote-default-content .tiptap :is(td,th){border:1px solid var(--line-strong);padding:8px 10px;min-width:45px;position:relative;vertical-align:top}.xnote-default-content .tiptap th{background:var(--surface-subtle);font-weight:650;text-align:left}.xnote-default-content .tiptap .selectedCell{background:var(--brand-soft)}.xnote-default-content .tiptap pre{padding:16px;background:var(--surface-subtle);overflow:auto;border-radius:6px;font-family:var(--font-mono)}.xnote-default-content .tiptap a{color:var(--brand-ink);text-decoration:underline}.xnote-default-content .tiptap hr{border:0;border-top:1px solid var(--line);margin:18px 0}.xnote-default-content .tiptap p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;height:0;color:var(--muted);pointer-events:none}@media(pointer:coarse){.xnote-default-toolbar .default-color>button,.xnote-default-toolbar>button{height:40px;min-height:40px;width:34px}.xnote-default-toolbar select{height:40px}}@media(max-width:600px){.xnote-default-toolbar{padding:7px 8px;gap:3px}.xnote-default-content .tiptap{padding:20px 18px}}