.mention-variable{background-color:hsl(var(--primary)/.1);color:hsl(var(--primary));padding:.125rem .25rem;border-radius:.25rem;font-weight:500;font-size:.875rem;text-decoration:none;cursor:default;transition:background-color .15s ease}.dark .mention-variable,.mention-variable:hover{background-color:hsl(var(--primary)/.15)}.dark .mention-variable{color:hsl(var(--primary-foreground))}.dark .mention-variable:hover{background-color:hsl(var(--primary)/.2)}.ProseMirror{outline:none;min-height:200px;line-height:1.6;color:hsl(var(--foreground))}.ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:hsl(var(--muted-foreground));pointer-events:none;height:0}@media (max-width:640px){.ProseMirror{font-size:.875rem;line-height:1.5}.mention-variable{font-size:.75rem;padding:.0625rem .1875rem}}.tippy-box[data-theme~=mention-suggestion]{background:transparent!important;border:none!important;box-shadow:none!important}.tippy-box[data-theme~=mention-suggestion],.tippy-box[data-theme~=mention-suggestion] .tippy-content{padding:0!important;pointer-events:auto!important;overflow:visible!important}.tippy-box[data-theme~=mention-suggestion] .tippy-arrow{display:none!important}.tippy-box[data-theme~=mention-suggestion] *{pointer-events:auto!important}@keyframes mention-dropdown-enter{0%{opacity:0;transform:scale(.95) translateY(-8px)}to{opacity:1;transform:scale(1) translateY(0)}}.mention-suggestion-modal>div{flex:1;max-height:24rem;overflow-y:auto!important;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:hsl(var(--muted-foreground)/.4) hsl(var(--muted)/.2);scroll-behavior:smooth;-webkit-overflow-scrolling:touch;pointer-events:auto!important;overscroll-behavior:contain;position:relative;z-index:1;padding:.25rem 0;touch-action:pan-y;-ms-overflow-style:auto}.mention-suggestion-modal div[role=listbox]>div::-webkit-scrollbar,.mention-suggestion-modal>div::-webkit-scrollbar{width:10px}.mention-suggestion-modal div[role=listbox]>div::-webkit-scrollbar-track,.mention-suggestion-modal>div::-webkit-scrollbar-track{background:hsl(var(--muted)/.2);border-radius:6px;margin:4px 0}.mention-suggestion-modal div[role=listbox]>div::-webkit-scrollbar-thumb,.mention-suggestion-modal>div::-webkit-scrollbar-thumb{background-color:hsl(var(--muted-foreground)/.4);border-radius:6px;border:2px solid hsl(var(--popover));background-clip:content-box;min-height:20px}.mention-suggestion-modal div[role=listbox]>div::-webkit-scrollbar-thumb:hover,.mention-suggestion-modal>div::-webkit-scrollbar-thumb:hover{background-color:hsl(var(--muted-foreground)/.6)}.mention-suggestion-modal div[role=listbox]>div::-webkit-scrollbar-thumb:active,.mention-suggestion-modal>div::-webkit-scrollbar-thumb:active{background-color:hsl(var(--muted-foreground)/.8)}.mention-suggestion-modal div[role=listbox]>div::-webkit-scrollbar-corner,.mention-suggestion-modal>div::-webkit-scrollbar-corner{background:transparent}.mention-suggestion-modal div[role=listbox]{max-height:24rem;overflow-y:auto!important;overflow-x:hidden;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;pointer-events:auto!important;scroll-padding:.5rem;touch-action:pan-y}.mention-suggestion-modal *{pointer-events:auto!important}.mention-suggestion-modal{contain:layout style paint}.mention-suggestion-modal>div{will-change:scroll-position}.mention-suggestion-item{scroll-margin:.5rem}.mention-suggestion-item.selected{animation:mention-item-select .2s ease-out}@keyframes mention-item-select{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.mention-category-header{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem .5rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:hsl(var(--muted-foreground));background:hsl(var(--muted)/.4);border-bottom:1px solid hsl(var(--border)/.6);position:sticky;top:0;z-index:10;backdrop-filter:blur(4px);margin:0 -.25rem}.mention-category-icon{width:.875rem;height:.875rem;opacity:.7}.mention-category-separator{height:1px;background:hsl(var(--border));margin:.25rem 0}.mention-suggestion-item{display:flex;flex-direction:column;gap:.25rem;padding:.875rem 1rem;margin:0 .25rem;border-radius:.5rem;cursor:pointer;transition:all .15s ease;position:relative;pointer-events:auto;user-select:none;border:1px solid transparent}.mention-suggestion-item:hover{background:hsl(var(--accent)/.1);border-color:hsl(var(--border)/.5);transform:translateY(-1px);box-shadow:0 2px 8px -2px hsl(var(--foreground)/.1)}.mention-suggestion-item.selected{background:hsl(var(--primary)/.12);border-color:hsl(var(--primary)/.3);box-shadow:0 0 0 2px hsl(var(--primary)/.2)}.mention-suggestion-label{font-weight:600;font-size:.875rem;color:hsl(var(--foreground));line-height:1.3}.mention-suggestion-description{font-size:.75rem;color:hsl(var(--muted-foreground));line-height:1.4;opacity:.9}.mention-suggestion-item mark{background:hsl(var(--primary)/.25);color:hsl(var(--primary));padding:.125rem .25rem;border-radius:.25rem;font-weight:700;box-shadow:0 0 0 1px hsl(var(--primary)/.2)}.mention-suggestion-loading{display:flex;align-items:center;gap:.5rem;padding:1rem;color:hsl(var(--muted-foreground));font-size:.875rem}.mention-suggestion-loading-spinner{width:1rem;height:1rem;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.mention-suggestion-loading-text{font-weight:500}.mention-suggestion-skeleton{padding:.75rem 1rem;border-bottom:1px solid hsl(var(--border)/.3)}.mention-suggestion-skeleton-label{height:1rem;margin-bottom:.375rem;width:60%}.mention-suggestion-skeleton-description,.mention-suggestion-skeleton-label{background:hsl(var(--muted));border-radius:.25rem;animation:skeleton-pulse 1.5s ease-in-out infinite}.mention-suggestion-skeleton-description{height:.75rem;width:80%;animation-delay:.2s}@keyframes skeleton-pulse{0%,to{opacity:.4}50%{opacity:.8}}.mention-suggestion-empty{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:2rem 1rem;text-align:center;color:hsl(var(--muted-foreground))}.mention-suggestion-empty-icon{width:2rem;height:2rem;opacity:.5}.mention-suggestion-empty-text{font-weight:500;font-size:.875rem;color:hsl(var(--foreground))}.mention-suggestion-empty-subtext{font-size:.75rem;line-height:1.4}.dark .mention-suggestion-modal{background:hsl(var(--popover));border-color:hsl(var(--border));box-shadow:0 10px 38px -10px hsla(0,0%,0%,.6),0 10px 20px -15px hsla(0,0%,0%,.4)}.dark .mention-category-header{background:hsl(var(--muted)/.6);border-bottom-color:hsl(var(--border)/.8)}.dark .mention-suggestion-item:hover{background:hsl(var(--accent)/.15);border-color:hsl(var(--border)/.7);box-shadow:0 2px 8px -2px hsl(var(--foreground)/.2)}.dark .mention-suggestion-item.selected{background:hsl(var(--primary)/.18);border-color:hsl(var(--primary)/.4);box-shadow:0 0 0 2px hsl(var(--primary)/.3)}.dark .mention-suggestion-item mark{background:hsl(var(--primary)/.35);color:hsl(var(--primary-foreground));box-shadow:0 0 0 1px hsl(var(--primary)/.3)}.dark .mention-suggestion-modal>div::-webkit-scrollbar-track{background:hsl(var(--muted)/.3)}.dark .mention-suggestion-modal>div::-webkit-scrollbar-thumb{background-color:hsl(var(--muted-foreground)/.5);border-color:hsl(var(--popover))}.dark .mention-suggestion-modal>div::-webkit-scrollbar-thumb:hover{background-color:hsl(var(--muted-foreground)/.7)}.mention-suggestion-dropdown::-webkit-scrollbar{width:8px}.mention-suggestion-dropdown::-webkit-scrollbar-track{background:transparent}.mention-suggestion-dropdown::-webkit-scrollbar-thumb{background-color:hsl(var(--muted-foreground)/.3);border-radius:4px}.mention-suggestion-dropdown::-webkit-scrollbar-thumb:hover{background-color:hsl(var(--muted-foreground)/.5)}.mention-suggestion-modal:focus-within{outline:2px solid hsl(var(--ring));outline-offset:2px}.mention-suggestion-item:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px;border-radius:.5rem}@media (prefers-contrast:high){.mention-suggestion-item.selected,.mention-suggestion-item:hover,.mention-suggestion-modal{border-width:2px}.mention-suggestion-item mark{outline:1px solid hsl(var(--primary))}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.template-editor-toolbar{border-bottom:1px solid hsl(var(--border));padding:.5rem;display:flex;gap:.25rem;flex-wrap:wrap;background:hsl(var(--muted)/.3)}.template-editor-toolbar button{padding:.25rem .5rem;border-radius:.25rem;font-size:.875rem;background:transparent;border:none;color:hsl(var(--foreground));transition:background-color .15s ease}.template-editor-toolbar button:hover{background-color:hsl(var(--muted))}.template-editor-toolbar button:focus{outline:none;ring:2px;ring-color:hsl(var(--ring))}.template-editor-toolbar button.is-active{background-color:hsl(var(--primary));color:hsl(var(--primary-foreground))}@media (max-width:640px){.template-editor-toolbar{padding:.375rem;gap:.125rem}.template-editor-toolbar button{padding:.1875rem .375rem;font-size:.75rem}}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.template-card:focus-within{ring:2px;ring-color:hsl(var(--ring));ring-offset:2px}.template-card-action{transition:all .15s ease}.template-card-action:hover{transform:translateY(-1px)}@keyframes template-card-shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.template-card-loading{background:linear-gradient(90deg,hsl(var(--muted)) 0,hsl(var(--muted)/.8) 40px,hsl(var(--muted)) 80px);background-size:200px 100%;animation:template-card-shimmer 1.5s infinite}@media (max-width:767px){.mobile-nav-item{min-width:44px}.mobile-dropdown-item,.mobile-nav-item{min-height:44px;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.touch-feedback{transition:transform .1s ease-out,background-color .1s ease-out}.touch-feedback:active{transform:scale(.95)}.mobile-dropdown{z-index:1000;padding:8px 0;transition:opacity .2s ease-out,transform .2s ease-out}.dropdown-open{overflow:hidden}.mobile-nav-container{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.mobile-dropdown-item,.mobile-nav-item{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}@media (prefers-reduced-motion:reduce){.mobile-dropdown-item,.mobile-nav-item,.touch-feedback{transition:none!important;animation:none!important}}@media (prefers-color-scheme:dark){.touch-feedback:active{background-color:rgba(255,255,255,.1)}}@media (prefers-color-scheme:light){.touch-feedback:active{background-color:rgba(0,0,0,.05)}}.mobile-nav-responsive{display:none}@media (max-width:767px){.mobile-nav-responsive{display:block}}.hydration-safe-mobile{opacity:1;transition:opacity .2s ease-in-out}.prevent-layout-shift{min-height:4rem}.mobile-nav-safe-area{padding-top:.5rem;padding-bottom:max(.5rem,env(safe-area-inset-bottom))}.mobile-nav-container{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);will-change:transform}.touch-feedback{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.touch-feedback:active{transform:scale(.95)}.mobile-nav-item{position:relative;overflow:hidden}.mobile-nav-item:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:currentColor;opacity:0;transition:opacity .2s ease;border-radius:inherit}.mobile-nav-item:focus:before,.mobile-nav-item:hover:before{opacity:.05}.mobile-nav-item:active:before{opacity:.1}.mobile-dropdown{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);will-change:transform,opacity}.mobile-dropdown-item{position:relative;overflow:hidden}.mobile-dropdown-item:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:currentColor;opacity:0;transition:opacity .2s ease;border-radius:inherit}.mobile-dropdown-item:focus:before,.mobile-dropdown-item:hover:before{opacity:.05}.mobile-dropdown-item:active:before{opacity:.1}.mobile-dropdown-item:focus-visible,.mobile-nav-item:focus-visible{outline:2px solid hsl(var(--primary));outline-offset:2px}@media (prefers-contrast:high){.mobile-dropdown-item,.mobile-nav-item{border:1px solid}.mobile-dropdown-item:focus,.mobile-nav-item:focus{outline:3px solid currentColor;outline-offset:2px}}@media (prefers-reduced-motion:reduce){.mobile-dropdown,.mobile-dropdown-item,.mobile-nav-container,.mobile-nav-item{transition:none!important;animation:none!important}.touch-feedback:active{transform:none}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.mobile-nav-container{z-index:50}.mobile-dropdown{z-index:40}.mobile-dropdown-item,.mobile-nav-item{min-height:44px;min-width:44px}.mobile-nav-item+.mobile-nav-item{margin-left:.25rem}.mobile-dropdown-item+.mobile-dropdown-item{margin-top:.125rem}