.tiptap-container{background-color:var(--bg-primary,#fff);border:1px solid #0000001f;border-radius:10px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 4px 15px -5px #0000000d}.tiptap-toolbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;background-color:#fafafae6;border-bottom:1px solid #00000014;flex-wrap:wrap;align-items:center;gap:4px;padding:10px 12px;display:flex;position:sticky;top:0}.tiptap-toolbar button{width:32px;height:32px;color:var(--text-main,#333);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:all .2s;display:flex}.tiptap-toolbar button:hover{background-color:#0000000d}.tiptap-toolbar button.is-active{color:var(--color-accent,#d4a437);background-color:#d4a43726}.tiptap-toolbar button:disabled{opacity:.3;cursor:not-allowed}.toolbar-divider{background-color:#0000001a;width:1px;height:24px;margin:0 4px}.tiptap-editor-wrapper{min-height:400px;max-height:700px;padding:1.5rem 2rem;overflow-y:auto}.ProseMirror,.blog-content{color:var(--text-main,#333);outline:none;font-size:16px;line-height:1.7}.ProseMirror p,.blog-content p{margin-bottom:1em}.ProseMirror h1,.blog-content h1,.ProseMirror h2,.blog-content h2,.ProseMirror h3,.blog-content h3{margin-top:1.5em;margin-bottom:.5em;font-weight:700;line-height:1.2}.ProseMirror h1,.blog-content h1{font-size:2.25rem}.ProseMirror h2,.blog-content h2{font-size:1.75rem}.ProseMirror h3,.blog-content h3{font-size:1.5rem}.ProseMirror a,.blog-content a{color:var(--color-accent,#3b82f6);cursor:pointer;text-decoration:underline}.ProseMirror img,.blog-content img{border-radius:8px;max-width:100%;height:auto;margin:1em 0;box-shadow:0 4px 12px #0000001a}.ProseMirror img.image-align-left,.blog-content img.image-align-left{float:left;max-width:50%;margin-bottom:1rem;margin-right:1.5rem}.ProseMirror img.image-align-right,.blog-content img.image-align-right{float:right;max-width:50%;margin-bottom:1rem;margin-left:1.5rem}.ProseMirror img.image-align-center,.blog-content img.image-align-center{clear:both;margin-left:auto;margin-right:auto;display:block}.ProseMirror blockquote,.blog-content blockquote{border-left:4px solid var(--color-accent,#d4a437);color:var(--text-muted,#666);margin-left:0;margin-right:0;padding-left:1rem;font-style:italic}.ProseMirror ul,.blog-content ul,.ProseMirror ol,.blog-content ol{margin-bottom:1em;padding-left:1.5rem}.ProseMirror hr,.blog-content hr{border:none;border-top:1px solid #0000001a;margin:2rem 0}.ProseMirror iframe,.blog-content iframe{aspect-ratio:16/9;border:none;border-radius:8px;width:100%;margin:1em 0}.ProseMirror>:first-child,.blog-content>:first-child{margin-top:0}.ProseMirror:after,.blog-content:after{content:"";clear:both;display:table}.ProseMirror table,.blog-content table{border-collapse:collapse;table-layout:fixed;border:1px solid #e5e7eb;width:100%;margin:1rem 0;overflow:hidden}.ProseMirror td,.blog-content td,.ProseMirror th,.blog-content th{vertical-align:top;box-sizing:border-box;border:1px solid #e5e7eb;min-width:1em;padding:8px 12px;position:relative}.ProseMirror th,.blog-content th{text-align:left;background-color:#f9fafb;font-weight:700}.bubble-menu{background-color:#1f2937;border-radius:8px;align-items:center;padding:.25rem;display:flex;box-shadow:0 10px 15px -3px #0003,0 4px 6px -2px #0000001a}.bubble-menu button{color:#f9fafb;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:4px;align-items:center;gap:.25rem;padding:.4rem .6rem;font-size:.85rem;transition:all .2s;display:flex}.bubble-menu button:hover{background-color:#ffffff26}.bubble-menu button.is-active{color:#fff;background-color:#d4a437e6}.toolbar-select{color:var(--text-main,#333);cursor:pointer;background:#fff;border:1px solid #0000001a;border-radius:6px;outline:none;padding:6px 12px;font-size:.85rem;font-weight:500}.color-picker-dropdown{z-index:50;background:#fff;border:1px solid #0000001a;border-radius:8px;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:4px;padding:8px;display:grid;position:absolute;top:100%;left:0;box-shadow:0 10px 15px -3px #0000001a}.color-swatch{cursor:pointer;border-radius:4px;width:24px;height:24px;transition:transform .1s}.color-swatch:hover{transform:scale(1.1)}