.Color-Picker{-webkit-appearance:none;appearance:none;background-color:initial;width:30px;height:35px;border:none}.Color-Picker:hover{cursor:pointer}.Color-Picker::-webkit-color-swatch{border-radius:50%;border:2px solid #ffffff80}.Color-Picker::-moz-color-swatch{border-radius:50%;border:2px solid #ffffff80}.tiptap p.is-editor-empty:first-child:before{color:#adb5bd;content:attr(data-placeholder);float:left;height:0;pointer-events:none}.ProseMirror .is-empty:first-child:before{content:attr(data-placeholder);float:left;color:#a9a9a9;pointer-events:none;height:0}.bottom-menu button.is-loading{opacity:.7;cursor:not-allowed;position:relative}.bottom-menu button.is-loading:after{content:"";position:absolute;top:50%;left:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border:2px solid #ccc;border-top-color:#666;border-radius:50%;animation:button-loading-spinner .6s linear infinite}@keyframes button-loading-spinner{0%{transform:rotate(0turn)}to{transform:rotate(1turn)}}.image-group{display:flex;align-items:center;gap:4px}.image-group button{padding:6px;border:none;background:#0000;border-radius:4px;cursor:pointer;transition:background-color .2s;color:var(--text-color)}.image-group button:hover{background-color:#0000001a}.image-group button.is-active{background-color:#0003;color:var(--primary-color)}.dark .image-group button:hover{background-color:#ffffff1a}.dark .image-group button.is-active{background-color:#fff3}.bottom-menu{display:flex;flex-direction:row;width:100%;justify-content:space-between;align-items:center;z-index:40;gap:8px;transition:all .3s ease;margin:0 auto 10px;padding:8px 48px 8px 42px;background-color:initial;border-bottom:2px solid #35365d}.bottom-menu.light{border-bottom:2px solid #d1d5db}.format-group{display:flex;align-items:center;gap:8px;padding:0 8px}.divider{width:1px;height:24px;background-color:#fff3;margin:0 4px}.bottom-menu.light .divider{background-color:#0000001a}.bottom-menu button{border:none;background:none;color:#fff;font-size:.95rem;font-weight:500;padding:2px;opacity:.7;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:24px;height:24px}.bottom-menu.light button{color:#14142d}.bottom-menu button:hover{opacity:1;background-color:#ffffff1a;transform:translateY(-1px)}.bottom-menu.light button:hover{background-color:#0000000d}.bottom-menu button.is-active{opacity:1;background-color:#ffffff26}.bottom-menu.light button.is-active{background-color:#00000014}.bottom-menu button:disabled{opacity:.3;cursor:not-allowed}.font-control{display:flex;align-items:center;gap:4px;background-color:#ffffff1a;padding:2px 4px;border-radius:6px;height:24px}.bottom-menu.light .font-control{background-color:#0000000d}.font-select{background:#0000;border:none;color:#fff;font-size:12px;padding:0 2px;cursor:pointer;min-width:80px;height:20px}.bottom-menu.light .font-select{color:#14142d}.font-select:focus{outline:none}.font-icon{color:#6b7280}.color-picker-wrapper{display:flex;align-items:center;gap:4px;background-color:#ffffff1a;padding:2px 4px;border-radius:6px;height:24px;color:#fff;opacity:.7}.bottom-menu.light .color-picker-wrapper{background-color:#0000000d;color:#14142d}.color-picker-wrapper input[type=color]{width:20px;height:20px;padding:0;border:none;background:none;cursor:pointer}.color-picker-wrapper:hover{opacity:1}.saving-status{display:flex;align-items:center;gap:4px;background-color:#ffffff1a;padding:2px 4px;border-radius:6px;height:24px;color:#fff;opacity:.7;transition:opacity .2s ease}.bottom-menu.light .saving-status{background-color:#0000000d;color:#14142d}.saving-status:hover{opacity:1}.saving-status.saved{color:#10b981}.bottom-menu.light .saving-status.saved{color:#059669}.history-group{display:flex;flex-direction:row;align-items:center;gap:6px}.white-icon{color:#fff}.bubble-menu-modern{display:flex;background:#ffffff0f;border:1px solid #ffffff1f;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:16px;padding:4px 8px;box-shadow:0 8px 32px #0000000f,0 2px 8px #00000005,inset 0 1px 0 #ffffff1f;width:-webkit-fit-content;width:fit-content;position:relative;overflow:hidden}.bubble-menu-modern:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ffffff0f,#ffffff08);border-radius:16px;pointer-events:none}.bubble-button,.bubble-format-group{display:flex;align-items:center}.bubble-button{flex-direction:column;background:none;border:none;cursor:pointer;padding:3px 6px;gap:4px;transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:12px;width:95px;position:relative;overflow:hidden}.bubble-button:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border-radius:12px;opacity:0;transition:opacity .3s ease;pointer-events:none}.bubble-button i.pi-comments{font-size:26px!important;width:26px;height:26px;display:flex;align-items:center;justify-content:center;opacity:.75;color:#4b5563}.dark .bubble-button i.pi-comments{color:#9ca3af}.menu-icon{width:24px;height:24px;opacity:.8;transition:all .3s cubic-bezier(.4,0,.2,1);filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.menu-icon:not(.pi){filter:brightness(0) drop-shadow(0 2px 4px rgba(0,0,0,.1))}.dark .menu-icon:not(.pi){filter:brightness(0) invert(1) drop-shadow(0 2px 4px rgba(0,0,0,.1))}.button-label{color:#4b5563;font-size:12px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;text-shadow:0 1px 2px #0000001a}.bubble-button:hover{background-color:#ffffff1f;transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.bubble-button:hover:before{opacity:1;background:linear-gradient(135deg,#ffffff14,#ffffff0a)}.bubble-button:hover .menu-icon{opacity:1;transform:scale(1.1)}.bubble-button:hover i.pi-comments{color:#1f2937}.dark .bubble-button:hover i.pi-comments{color:#f3f4f6}.bubble-button:hover .button-label{color:#1f2937;transform:translateY(-1px)}.bubble-menu-modern.dark{background:#14142d40;border:1px solid #ffffff14;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 8px 32px #0000001f,0 2px 8px #0000000f,inset 0 1px 0 #ffffff0d}.bubble-menu-modern.dark:before{background:linear-gradient(135deg,#ffffff08,#ffffff03)}.dark .button-label{color:#9ca3af}.dark .bubble-button:hover{background-color:#ffffff0f;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.dark .bubble-button:hover:before{background:linear-gradient(135deg,#ffffff14,#ffffff0a)}.dark .bubble-button:hover .button-label{color:#f3f4f6;transform:translateY(-1px)}@keyframes menuFadeIn{0%{opacity:0;transform:translateY(8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.bubble-menu-modern{animation:menuFadeIn .4s cubic-bezier(.4,0,.2,1)}.bubble-divider{width:1px;height:32px;background:linear-gradient(180deg,#0000,#0000001a,#0000);margin:0 4px;align-self:center;position:relative}.bubble-divider:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,#0000,#ffffff4d,#0000);opacity:.5}.dark .bubble-divider{background:linear-gradient(180deg,#0000,#ffffff26,#0000)}.dark .bubble-divider:before{background:linear-gradient(180deg,#0000,#ffffff1a,#0000)}@media screen and (max-width:768px){.bottom-menu{display:flex;flex-direction:row;width:100%;justify-content:space-between;align-items:center;z-index:40;gap:8px;transition:all .3s ease;margin:0 auto;padding:6px 24px;background-color:initial;border-bottom:1px solid #35365d}.format-group{gap:4px;flex-wrap:nowrap;flex:1;min-width:0}.bottom-menu button[title="Bullet List"],.bottom-menu button[title="Numbered List"],.color-picker-wrapper,.font-control,.saving-status{display:none}.bottom-menu button{min-width:28px;width:28px;height:28px;padding:4px;flex-shrink:0}.history-group{display:flex;flex-direction:row;gap:4px;flex-shrink:0}.bottom-menu.scrolled{border-top-color:#c6c5ed4d}.bottom-menu.light.scrolled{border-top-color:#e2e2e24d}.bubble-button{padding:2px 4px;gap:2px;width:70px}.bubble-menu-modern{padding:4px;gap:1px}.bubble-divider{height:32px;margin:0 2px}.bubble-button i.pi-comments{font-size:20px!important;width:20px;height:20px}.menu-icon{width:18px;height:18px}.button-label{font-size:10px;margin-top:2px}}