.Tag-container{max-width:900px;margin:0 auto;min-height:200px;height:100%;background:var(--background);color:var(--foreground);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;display:flex;flex-direction:column;border:1px solid var(--border);border-radius:8px}.Tag-container-readonly{min-height:auto}.Tag-container-readonly .Tag-editor-container{min-height:auto;padding:8px 12px}.Tag-container-readonly .Tag-editor .ProseMirror{min-height:auto}.Tag-header{padding:20px 40px;border-bottom:1px solid var(--border);background:var(--background);position:sticky;top:0;z-index:100}.Tag-header.Tag-toolbar-only{padding:16px 40px}.Tag-title{font-size:24px;font-weight:600;margin:0 0 20px;color:var(--primary);word-wrap:break-word;overflow-wrap:break-word;max-width:100%}.Tag-toolbar-container{display:flex;justify-content:flex-end;align-items:center;position:relative}.Tag-add-btn{background:var(--primary);border:none;width:32px;height:32px;border-radius:6px;color:var(--primary-foreground);font-size:18px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.Tag-add-btn:hover{background:var(--primary-hover);opacity:.9}.Tag-add-menu{position:absolute;top:40px;right:0;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:16px;width:320px;max-height:500px;overflow-y:auto;z-index:1000;box-shadow:0 8px 24px rgba(0,0,0,.1)}.Tag-add-section{margin-bottom:20px}.Tag-add-section:last-child{margin-bottom:0}.Tag-add-section-title{font-size:11px;font-weight:600;color:var(--muted-foreground);margin:0 0 12px;text-transform:uppercase;letter-spacing:.5px}.Tag-add-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.Tag-add-item{display:flex;flex-direction:column;align-items:center;padding:12px 8px;background:transparent;border:1px solid var(--border);border-radius:8px;color:var(--foreground);cursor:pointer;transition:all .2s ease;text-align:center;gap:6px}.Tag-add-item:hover{background:var(--muted);border-color:var(--primary)}.Tag-add-icon{font-size:16px;font-weight:600;color:var(--primary);min-height:20px;display:flex;align-items:center;justify-content:center}.Tag-add-item span{font-size:12px;color:var(--muted-foreground);font-weight:500}.Tag-callout{white-space:pre-wrap}.Tag-callout,blockquote.Tag-callout{display:flex;align-items:flex-start;gap:12px;padding:20px!important;margin:20px 0!important;border-radius:12px!important;border:2px solid!important;box-shadow:0 2px 8px rgba(0,0,0,.3)!important;font-style:normal!important}blockquote.Tag-callout{position:relative}.Tag-callout-info{background:color-mix(in srgb,var(--primary) 25%,transparent);border-color:var(--primary);backdrop-filter:blur(2px)}.Tag-callout-warning{background:#d97706;border-color:#b45309}.Tag-callout-success,.Tag-callout-warning{backdrop-filter:blur(2px);color:white!important}.Tag-callout-success{background:#059669;border-color:#047857}.Tag-callout-error{background:#dc2626;border-color:#b91c1c}.Tag-callout-error,.Tag-callout-notice{backdrop-filter:blur(2px);color:white!important}.Tag-callout-notice{background:#1f2937;border-color:#374151}.Tag-callout-icon{font-size:20px;font-weight:700;min-width:28px;height:28px;display:flex;align-items:center;justify-content:center;margin-top:0;flex-shrink:0;background:rgba(255,255,255,.2);border-radius:50%;text-shadow:0 1px 2px rgba(0,0,0,.3)}.Tag-callout-info .Tag-callout-icon{color:var(--primary-foreground);background:var(--primary)}.Tag-callout-warning .Tag-callout-icon{color:white;background:#b45309}.Tag-callout-success .Tag-callout-icon{color:white;background:#047857}.Tag-callout-error .Tag-callout-icon{color:white;background:#b91c1c}.Tag-callout-notice .Tag-callout-icon{color:white;background:#374151}.Tag-callout-content{flex:1;min-width:0;color:inherit!important;font-weight:500;font-size:18px;white-space:pre-wrap}.Tag-callout-content p{margin:0;padding:0;background:transparent!important;color:inherit!important;border:none!important;font-weight:500}.Tag-callout-content p:focus,.Tag-callout-content p:focus-within{background:transparent!important;color:inherit!important;outline:none}.Tag-callout-content p:first-child{font-weight:600;font-size:18px;margin-bottom:4px}.Tag-tool-btn{background:transparent;border:none;padding:8px 10px;border-radius:6px;color:var(--foreground);cursor:pointer;transition:all .2s ease;font-size:14px;min-width:32px;display:flex;align-items:center;justify-content:center}.Tag-tool-btn:hover{background:var(--muted);color:var(--foreground)}.Tag-tool-btn.active{background:var(--primary);color:var(--primary-foreground)}.Tag-tool-btn:disabled{opacity:.5;cursor:not-allowed}.Tag-tool-separator{margin:0 4px}.Tag-divider,.Tag-tool-separator{width:1px;height:20px;background:var(--border)}.Tag-divider{margin:0 8px}.Tag-editor-container{padding:4px 12px;min-height:50px;flex:1;background:var(--background);display:flex;flex-direction:column;border:1px solid var(--border);border-radius:6px;transition:border-color .2s ease,box-shadow .2s ease;cursor:text}.Tag-editor-container:hover{border-color:var(--primary)}.Tag-editor-container:focus-within{border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 20%,transparent)}.Tag-editor{outline:none;line-height:1.2!important;font-size:18px;color:var(--foreground);background:transparent;border:none}.Tag-editor .ProseMirror{background:transparent!important;color:var(--foreground)!important;flex:1;min-height:24px}.Tag-editor .ProseMirror p.is-editor-empty:first-child:before{color:var(--muted-foreground);content:attr(data-placeholder);float:left;height:0;pointer-events:none}.Tag-container .ProseMirror,.Tag-container .ProseMirror *,.Tag-container .Tag-editor,.Tag-container .Tag-editor *{background:transparent!important}.Tag-container .ProseMirror,.Tag-container .Tag-editor{color:var(--foreground)}.Tag-container .ProseMirror blockquote:focus-within,.Tag-container .ProseMirror h1:focus-within,.Tag-container .ProseMirror h2:focus-within,.Tag-container .ProseMirror h3:focus-within,.Tag-container .ProseMirror ol:focus-within,.Tag-container .ProseMirror p:focus-within,.Tag-container .ProseMirror pre:focus-within,.Tag-container .ProseMirror ul:focus-within{background:var(--muted)!important}.Tag-container .ProseMirror :focus-within{background:var(--muted)!important}.Tag-editor .ProseMirror blockquote,.Tag-editor .ProseMirror h1,.Tag-editor .ProseMirror h2,.Tag-editor .ProseMirror h3,.Tag-editor .ProseMirror ol,.Tag-editor .ProseMirror p,.Tag-editor .ProseMirror pre,.Tag-editor .ProseMirror ul{background:transparent!important;color:var(--foreground);line-height:1.2!important}.Tag-container-readonly .Tag-editor blockquote,.Tag-container-readonly .Tag-editor h1,.Tag-container-readonly .Tag-editor h2,.Tag-container-readonly .Tag-editor h3,.Tag-container-readonly .Tag-editor ol,.Tag-container-readonly .Tag-editor p,.Tag-container-readonly .Tag-editor pre,.Tag-container-readonly .Tag-editor ul{margin:0;padding:0 8px}.Tag-editor .ProseMirror blockquote:focus,.Tag-editor .ProseMirror blockquote:focus-within,.Tag-editor .ProseMirror h1:focus,.Tag-editor .ProseMirror h1:focus-within,.Tag-editor .ProseMirror h2:focus,.Tag-editor .ProseMirror h2:focus-within,.Tag-editor .ProseMirror h3:focus,.Tag-editor .ProseMirror h3:focus-within,.Tag-editor .ProseMirror ol:focus,.Tag-editor .ProseMirror ol:focus-within,.Tag-editor .ProseMirror p:focus,.Tag-editor .ProseMirror p:focus-within,.Tag-editor .ProseMirror pre:focus,.Tag-editor .ProseMirror pre:focus-within,.Tag-editor .ProseMirror ul:focus,.Tag-editor .ProseMirror ul:focus-within{background:var(--muted)!important;color:var(--foreground)}.Tag-editor blockquote,.Tag-editor h1,.Tag-editor h2,.Tag-editor h3,.Tag-editor ol,.Tag-editor p,.Tag-editor pre,.Tag-editor ul{margin:0!important;padding:0 12px!important;line-height:1.2!important;border-radius:6px;transition:all .2s ease;position:relative;border-left:3px solid transparent}.Tag-editor blockquote:hover,.Tag-editor h1:hover,.Tag-editor h2:hover,.Tag-editor h3:hover,.Tag-editor ol:hover,.Tag-editor p:hover,.Tag-editor pre:hover,.Tag-editor ul:hover{background:var(--muted);border-left-color:var(--border)}.Tag-editor blockquote:focus-within,.Tag-editor h1:focus-within,.Tag-editor h2:focus-within,.Tag-editor h3:focus-within,.Tag-editor ol:focus-within,.Tag-editor p:focus-within,.Tag-editor pre:focus-within,.Tag-editor ul:focus-within{background:var(--muted)!important;border-left-color:var(--primary)}.Tag-editor h1{font-size:2rem;font-weight:700;color:var(--foreground);margin:24px 0 16px}.Tag-editor h2{font-size:1.5rem;font-weight:600;color:var(--foreground);margin:20px 0 12px}.Tag-editor h3{font-size:1.25rem;font-weight:500;color:var(--foreground);margin:16px 0 8px}.Tag-editor blockquote{border-left:4px solid var(--primary);background:var(--muted);font-style:italic;color:var(--muted-foreground)}.Tag-editor pre{border:1px solid var(--border);overflow-x:auto}.Tag-editor code,.Tag-editor pre{background:var(--muted);font-family:SF Mono,Monaco,monospace;font-size:14px}.Tag-editor code{padding:2px 6px;border-radius:4px;color:var(--primary)}.Tag-editor ol,.Tag-editor ul{padding-left:40px}.Tag-editor ul{list-style-type:disc}.Tag-editor ol{list-style-type:decimal}.Tag-editor li{margin:4px 0;color:var(--foreground);display:list-item}.Tag-editor a,.Tag-link{color:var(--primary);text-decoration:none;border-bottom:1px solid transparent;transition:all .2s ease}.Tag-editor a:hover,.Tag-link:hover{border-bottom-color:var(--primary)}.Tag-image{max-width:100%;height:auto;border-radius:8px;margin:16px 0;box-shadow:0 4px 12px rgba(0,0,0,.3)}.Tag-drag-handle{position:absolute;left:-30px;top:50%;transform:translateY(-50%);width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:var(--muted-foreground);background:var(--muted);border:1px solid var(--border);border-radius:4px;cursor:grab;opacity:1;transition:opacity .2s ease;font-size:12px;letter-spacing:-1px;z-index:10}.Tag-callout:hover .Tag-drag-handle,.Tag-editor blockquote:hover .Tag-drag-handle,.Tag-editor h1:hover .Tag-drag-handle,.Tag-editor h2:hover .Tag-drag-handle,.Tag-editor h3:hover .Tag-drag-handle,.Tag-editor hr:hover .Tag-drag-handle,.Tag-editor ol:hover .Tag-drag-handle,.Tag-editor p:hover .Tag-drag-handle,.Tag-editor pre:hover .Tag-drag-handle,.Tag-editor ul:hover .Tag-drag-handle{opacity:1}.Tag-editor hr{position:relative;min-height:24px;margin:16px 0;display:flex;align-items:center}.Tag-editor hr .Tag-drag-handle{height:24px;top:0}.Tag-callout{position:relative}.Tag-callout .Tag-drag-handle{left:-30px;top:0;height:100%}.Tag-drag-handle:hover{background:var(--muted);border-color:var(--primary)}.Tag-drag-handle:active{cursor:grabbing;background:var(--primary);border-color:var(--primary)}.Tag-block-menu{background:var(--card);border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.1);min-width:200px;overflow:hidden}.Tag-menu-item{display:block;width:100%;padding:12px 16px;background:none;border:none;color:var(--foreground);text-align:left;cursor:pointer;transition:background-color .2s ease;font-size:14px;display:flex;align-items:center;gap:8px}.Tag-menu-item:hover{background:var(--muted)}.Tag-menu-item.danger{color:var(--destructive)}.Tag-menu-item.danger:hover{background:var(--destructive);opacity:.1}.Tag-menu-divider{height:1px;background:var(--border);margin:4px 0}.Tag-editor [data-card-type=note]{background:var(--muted);border:1px solid var(--primary);border-radius:8px}.Tag-editor [data-card-type=media]{background:var(--muted);border:1px solid var(--accent);border-radius:8px}.Tag-editor [data-card-type=table]{background:var(--muted);border:1px solid var(--success);border-radius:8px}.Tag-editor [data-card-type=collection]{background:var(--muted);border:1px solid var(--warning);border-radius:8px}.Tag-page-link{display:inline-block;padding:8px 12px;background:var(--muted);border:1px solid var(--border);border-radius:6px;color:var(--primary);cursor:pointer;transition:all .2s ease;margin:4px 0}.Tag-page-link:hover{background:var(--card-hover);border-color:var(--primary)}.Tag-bubble-menu{display:flex;gap:4px;padding:8px;z-index:9999!important;min-width:250px;align-items:center}.Tag-bubble-menu,.Tag-slash-menu{background:var(--card);border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.1)}.Tag-slash-menu{min-width:280px;max-height:300px;overflow-y:auto;padding:8px 0}.Tag-slash-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;background:none;border:none;color:var(--foreground);text-align:left;cursor:pointer;transition:background-color .2s ease}.Tag-slash-item.selected,.Tag-slash-item:hover{background:var(--muted)}.Tag-slash-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--primary);font-size:14px}.Tag-slash-content{flex:1}.Tag-slash-title{font-size:14px;font-weight:500;color:var(--foreground);margin:0}.Tag-slash-description{font-size:12px;color:var(--muted-foreground);margin:2px 0 0}@media (max-width:768px){.Tag-container{margin:0}.Tag-editor-container,.Tag-header{padding:20px}.Tag-toolbar{flex-wrap:wrap;gap:2px}.Tag-tool-btn{padding:6px 8px;min-width:28px;font-size:12px}}.prose,.prose.tag-content-viewer,.prose.tag-content-viewer *,.tag-content-viewer .prose,.tag-content-viewer .prose *,.tag-content-viewer.prose,.tag-content-viewer.prose *{line-height:1.2!important}.ProseMirror p,.Tag-container .ProseMirror p,.Tag-container .Tag-editor .ProseMirror p,.Tag-container .Tag-editor p,.Tag-editor .ProseMirror p,.Tag-editor p,.prose p{line-height:1.2!important;margin:0!important;padding:0 12px!important;min-height:auto!important;height:auto!important}.Tag-container .Tag-editor blockquote,.Tag-container .Tag-editor h1,.Tag-container .Tag-editor h2,.Tag-container .Tag-editor h3,.Tag-container .Tag-editor ol,.Tag-container .Tag-editor pre,.Tag-container .Tag-editor ul,.prose blockquote,.prose h1,.prose h2,.prose h3,.prose ol,.prose pre,.prose ul{line-height:1.2!important}.callout{border-left:4px solid;border-radius:6px;padding:16px;margin:16px 0;background-color:var(--callout-bg,#f8f9fa);position:relative}.callout:before{content:attr(data-callout-type);display:block;font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;color:var(--callout-title-color)}.callout-info,.callout-note{--callout-bg:#eff6ff;--callout-title-color:#1d4ed8;border-left-color:#3b82f6}.callout-success,.callout-tip{--callout-bg:#f0fdf4;--callout-title-color:#166534;border-left-color:#22c55e}.callout-important{--callout-bg:#faf5ff;--callout-title-color:#7c3aed;border-left-color:#8b5cf6}.callout-caution,.callout-warning{--callout-bg:#fffbeb;--callout-title-color:#d97706;border-left-color:#f59e0b}.callout-danger,.callout-error{--callout-bg:#fef2f2;--callout-title-color:#dc2626;border-left-color:#ef4444}@media (prefers-color-scheme:dark){.callout{--callout-bg:rgba(255,255,255,0.05)}.callout-info,.callout-note{--callout-bg:rgba(59,130,246,0.1);--callout-title-color:#93c5fd}.callout-success,.callout-tip{--callout-bg:rgba(34,197,94,0.1);--callout-title-color:#86efac}.callout-important{--callout-bg:rgba(139,92,246,0.1);--callout-title-color:#c4b5fd}.callout-caution,.callout-warning{--callout-bg:rgba(245,158,11,0.1);--callout-title-color:#fcd34d}.callout-danger,.callout-error{--callout-bg:rgba(239,68,68,0.1);--callout-title-color:#fca5a5}}.callout p:first-of-type{margin-top:0}.callout p:last-of-type{margin-bottom:0}.callout code{background-color:rgba(0,0,0,.1);padding:2px 4px;border-radius:3px;font-size:.875em}.callout a{text-decoration:underline}.callout a,.callout strong{color:var(--callout-title-color)}