/*! © 2026 Thom Easix / Bridge. Alle rechten voorbehouden. */
button.tool-chat-btn,a.tool-chat-btn,.tool-chat-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:7px 14px;border-radius:9px;border:1px solid rgba(139,92,246,.4)!important;background:linear-gradient(135deg,#5b46b0,#7c5cdb)!important;color:#fff!important;font-family:inherit;font-size:12px;font-weight:600;line-height:1;white-space:nowrap;cursor:pointer;box-shadow:0 1px 2px #4c1d9559,inset 0 1px #ffffff24;transition:filter .15s ease,box-shadow .15s ease,transform .1s ease}button.tool-chat-btn:hover,a.tool-chat-btn:hover,.tool-chat-btn:hover{filter:brightness(1.1);border-color:#8b5cf6a6;box-shadow:0 2px 12px #7c3aed73,inset 0 1px #fff3}button.tool-chat-btn:active,a.tool-chat-btn:active,.tool-chat-btn:active{transform:translateY(1px);filter:brightness(.98)}button.tool-chat-btn svg,a.tool-chat-btn svg,.tool-chat-btn svg{width:15px;height:15px;flex:0 0 auto;stroke:currentColor}#letters-page{display:none;position:absolute;top:0;left:0;right:0;bottom:0;background:var(--bg);z-index:10;overflow-y:auto}#letters-page.open{display:flex;flex-direction:column}#letters-root,.letters-app{display:flex;flex-direction:column;flex:1;min-height:0}#letters-editor-view{display:flex;flex-direction:column;flex:1;min-height:0;height:100%;position:relative}.letters-toolbar{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:var(--bg);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}.letters-toolbar-left{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.letters-toolbar-right{display:flex;align-items:center;gap:4px;flex-shrink:0}.letters-title-input{background:none;border:none;color:var(--text);font-size:15px;font-weight:600;padding:6px 10px;border-radius:6px;flex:1;min-width:0;max-width:300px}.letters-title-input:focus{background:var(--bg-secondary);outline:none}.letters-toolbar-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:none;border:1px solid var(--border);border-radius:8px;color:var(--text-muted);cursor:pointer;font-size:13px;white-space:nowrap}.letters-toolbar-btn:hover{border-color:var(--ink-44);color:var(--text)}.letters-toolbar-btn-primary{background:var(--text);color:var(--bg);border-color:var(--text)}.letters-toolbar-btn-primary:hover{opacity:.9}.letters-toolbar-btn span{display:inline}@media(max-width:768px){.letters-toolbar-btn span{display:none}}.letters-format-bar{display:flex;align-items:center;gap:2px;padding:6px 16px;background:var(--bg-secondary);border-bottom:1px solid var(--border);overflow-x:auto;flex-wrap:nowrap}.letters-format-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:none;color:var(--text-muted);cursor:pointer;border-radius:6px;font-size:14px;flex-shrink:0}.letters-format-btn:hover,.letters-format-btn.active{background:var(--bg-message);color:var(--text)}.letters-format-divider{width:1px;height:20px;background:var(--border);margin:0 4px;flex-shrink:0}.letters-block-select{background:var(--bg-message);border:1px solid var(--border);color:var(--text);padding:4px 8px;border-radius:6px;font-size:13px;cursor:pointer;flex-shrink:0}.letters-editor-container{flex:1;overflow-y:auto;display:flex;justify-content:center;padding:40px 20px;background:var(--bg-secondary);min-height:0}.letters-paper{width:100%;max-width:760px;min-height:80vh;background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:60px 60px 120px}@media(max-width:768px){.letters-paper{padding:24px 20px 80px;border-radius:0;border:none}.letters-editor-container{padding:0}}.letters-content{outline:none;color:var(--text);font-family:Inter,system-ui,sans-serif;font-size:16px;line-height:1.75;min-height:200px}.letters-content:empty:before{content:"Begin met schrijven...";color:var(--ink-44);pointer-events:none}.letters-content h1{font-size:2.2em;font-weight:700;margin:.8em 0 .4em;line-height:1.2}.letters-content h2{font-size:1.6em;font-weight:600;margin:.7em 0 .3em;line-height:1.3}.letters-content h3{font-size:1.3em;font-weight:600;margin:.6em 0 .3em;line-height:1.4}.letters-content p{margin:.5em 0}.letters-content blockquote{border-left:3px solid var(--ink-44);padding:8px 16px;margin:1em 0;color:var(--text-muted);font-style:italic;background:var(--bg-secondary);border-radius:0 8px 8px 0}.letters-content pre{background:var(--bg-secondary);padding:16px;border-radius:8px;font-family:SF Mono,Fira Code,monospace;font-size:14px;overflow-x:auto;margin:1em 0;border:1px solid var(--border)}.letters-content code{background:var(--bg-secondary);padding:2px 6px;border-radius:4px;font-family:SF Mono,Fira Code,monospace;font-size:.9em}.letters-content ul,.letters-content ol{padding-left:1.5em;margin:.5em 0}.letters-content li{margin:.25em 0}.letters-content a{color:#6af;text-decoration:underline}[data-theme=light] .letters-content a{color:#1a5fc0}.letters-content img{max-width:100%;height:auto;border-radius:8px;margin:1em 0;display:block;cursor:pointer}.letters-content hr{border:none;border-top:1px solid var(--border);margin:2em 0}.letters-saved-flash{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--text);color:var(--bg);padding:8px 18px;border-radius:999px;font-size:13px;font-weight:600;z-index:300;animation:lettersFadeOut 1.5s ease forwards;box-shadow:0 4px 16px rgba(var(--ink-lo-rgb),.4)}@keyframes lettersFadeOut{0%,60%{opacity:1}to{opacity:0}}.letters-selection-popup{z-index:1000;animation:lettersPopIn .15s ease}.letters-selection-popup button{display:flex;align-items:center;gap:6px;padding:8px 14px;background:var(--text);color:var(--bg);border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;box-shadow:0 4px 16px rgba(var(--ink-lo-rgb),.4)}.letters-selection-popup button:hover{opacity:.9}@keyframes lettersPopIn{0%{opacity:0;transform:translate(-50%,-100%) scale(.9)}to{opacity:1;transform:translate(-50%,-100%) scale(1)}}.letters-img-tabs{display:flex;gap:0;margin-bottom:16px;border-bottom:1px solid var(--border)}.letters-img-tab{flex:1;padding:10px;background:none;border:none;border-bottom:2px solid transparent;color:var(--text-muted);cursor:pointer;font-size:14px;text-align:center}.letters-img-tab.active{color:var(--text);border-bottom-color:var(--text)}.letters-chat-panel{position:fixed;top:0;right:-380px;width:380px;height:100vh;background:var(--bg);border-left:1px solid var(--border);display:flex;flex-direction:column;z-index:200;transition:right .25s ease}.letters-chat-panel.open{right:0}.letters-chat-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border);font-weight:600;font-size:14px;color:var(--text)}.letters-chat-close{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:20px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px}.letters-chat-close:hover{background:var(--bg-secondary);color:var(--text)}.letters-chat-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.letters-chat-msg{padding:10px 14px;border-radius:12px;font-size:14px;line-height:1.6;max-width:90%;word-wrap:break-word}.letters-chat-msg-user{background:var(--bg-user);color:var(--text);align-self:flex-end;border-bottom-right-radius:4px}.letters-chat-msg-ai{background:var(--bg-message);color:var(--text);align-self:flex-start;border-bottom-left-radius:4px;border:1px solid var(--border)}.letters-chat-loading{color:var(--text-muted)}.letters-chat-dot{display:inline-block;width:6px;height:6px;background:var(--text-muted);border-radius:50%;animation:lettersDotPulse 1s infinite}@keyframes lettersDotPulse{0%,to{opacity:.3}50%{opacity:1}}.letters-chat-input-bar{display:flex;align-items:flex-end;gap:8px;padding:12px 16px;border-top:1px solid var(--border);background:var(--bg)}.letters-chat-input-bar textarea{flex:1;background:var(--bg-secondary);border:1px solid var(--border);color:var(--text);padding:10px 14px;border-radius:10px;font-size:14px;resize:none;font-family:inherit;outline:none;min-height:40px}.letters-chat-input-bar textarea:focus{border-color:var(--ink-44)}.letters-chat-send{width:40px;height:40px;background:var(--text);color:var(--bg);border:none;border-radius:10px;cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center}.letters-chat-send:hover{opacity:.9}@media(max-width:768px){.letters-chat-panel{width:100%;right:-100%}}.letters-content .ProseMirror{outline:none;min-height:50vh}.letters-content .ProseMirror:focus{outline:none}.letters-formatbar-disabled{opacity:.4;pointer-events:none}.letters-presence{display:inline-flex;align-items:center;gap:4px;margin-left:8px}.letters-presence-dot{width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff}.letters-share-current{display:flex;flex-direction:column;gap:6px}.letters-share-sep{height:1px;background:var(--border-color, var(--border));margin:14px 0}.letters-share-label{font-size:12px;font-weight:600;color:var(--text-muted);margin-bottom:8px}.letters-share-contacts{display:flex;flex-direction:column;gap:6px}.letters-share-row{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:14px;color:var(--text)}.letters-share-row em{color:var(--text-muted);font-style:normal;font-size:12px}.letters-share-x{background:none;border:none;color:var(--ink-44, var(--text-muted));cursor:pointer;font-size:14px;padding:4px 8px;border-radius:6px}.letters-share-x:hover{color:var(--text);background:var(--bg-tertiary, var(--bg-message))}.letters-share-add{text-align:left;padding:10px 12px;background:var(--bg-tertiary, var(--bg-message));border:1px solid var(--border-color, var(--border));border-radius:8px;color:var(--text);font-size:14px;cursor:pointer}.letters-share-add:hover{border-color:var(--ink-44, var(--text-muted))}.letters-share-add[disabled]{opacity:.5;pointer-events:none}.letters-share-empty{color:var(--text-muted);font-size:13px;padding:6px 0}.collaboration-cursor__caret{position:relative;margin-left:-1px;margin-right:-1px;border-left:1px solid;border-right:1px solid;word-break:normal;pointer-events:none}.collaboration-cursor__label{position:absolute;top:-1.4em;left:-1px;font-size:11px;font-weight:600;line-height:normal;white-space:nowrap;color:#fff;padding:1px 6px;border-radius:4px 4px 4px 0;-webkit-user-select:none;user-select:none;pointer-events:none}.letters-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;background:#0000008c}.letters-modal-sheet{width:100%;max-width:460px;max-height:85vh;overflow-y:auto;background:var(--bg-secondary, #161616);border:1px solid var(--border-color, var(--border));border-radius:16px;padding-bottom:6px}.letters-modal-handle{width:36px;height:4px;border-radius:2px;background:var(--ink-44, var(--text-muted));margin:10px auto 4px}.letters-modal-title{font-size:17px;font-weight:700;color:var(--text);text-align:center;padding:6px 20px 14px}.letters-modal-input{width:100%;padding:11px 13px;box-sizing:border-box;font-size:14px;background:var(--bg-tertiary, var(--bg-message));border:1px solid var(--border-color, var(--border));border-radius:10px;color:var(--text)}.letters-modal-input:focus{outline:none;border-color:var(--ink-44, var(--text-muted))}.letters-modal-btn{width:100%;padding:11px;background:var(--text);color:var(--bg);border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer}.letters-modal-btn:hover{opacity:.85}.letters-modal-btn[disabled]{opacity:.5;pointer-events:none}
