:root{color-scheme:light dark;--background: light-dark(#fafafa, #1a1a1a);--foreground: light-dark(#111, #FAF9F5);--card: light-dark(#fff, #242424);--card-foreground: light-dark(#111, #FAF9F5);--primary: light-dark(#2563eb, #FAF9F5);--primary-foreground: light-dark(#fff, #1a1a1a);--secondary: light-dark(#f4f4f5, #2a2a2a);--secondary-foreground: light-dark(#333, #FAF9F5);--muted: light-dark(#f0f0f0, #2a2a2a);--muted-foreground: light-dark(#71717a, #a1a1aa);--faint: light-dark(#f8f8f8, #222);--accent: light-dark(#f0f0f0, #2a2a2a);--danger: light-dark(#d32f2f, #f4807b);--success: light-dark(#10b981, #6cc070);--warning: light-dark(#a65b00, #f0a030);--border: light-dark(#FAF9F5, #333);--input: light-dark(#d4d4d8, #52525b);--ring: light-dark(#2563eb, #d4d4d8);--prov-human: light-dark(#e8f5e9, #1b3a1f);--prov-human-text: light-dark(#2e7d32, #81c784);--prov-ai: light-dark(#e3f2fd, #1a2a3a);--prov-ai-text: light-dark(#1565c0, #64b5f6);--prov-unreviewed: light-dark(#fff3e0, #3a2a1a);--prov-unreviewed-text: light-dark(#e65100, #ffb74d);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--radius-small: .125rem;--radius-medium: .5rem;--radius-large: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--font-sans: "Instrument Sans", system-ui, -apple-system, sans-serif;--font-mono: ui-monospace, "Cascadia Code", "Fira Code", Consolas, monospace;--font-serif: "Instrument Serif", Georgia, "Times New Roman", serif;--text-1: clamp(2rem, 1.6rem + 1.6vw, 3rem);--text-2: clamp(1.5rem, 1.3rem + .8vw, 1.875rem);--text-3: clamp(1.25rem, 1.1rem + .5vw, 1.5rem);--text-4: clamp(1.125rem, 1.05rem + .3vw, 1.25rem);--text-5: 1.125rem;--text-6: 1rem;--text-7: .875rem;--text-8: .75rem;--leading-normal: 1.5;--leading-relaxed: 1.75;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--shadow-small: 0 1px 2px 0 rgb(0 0 0 / .04);--shadow-medium: 0 2px 8px -2px rgb(0 0 0 / .08), 0 1px 2px -1px rgb(0 0 0 / .04);--shadow-large: 0 8px 24px -4px rgb(0 0 0 / .08), 0 2px 6px -2px rgb(0 0 0 / .04);--shadow-card: 0 1px 3px 0 rgb(0 0 0 / .04), 0 1px 2px -1px rgb(0 0 0 / .02);--transition-fast: .12s cubic-bezier(.4, 0, .2, 1);--transition: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--editor-max-width: 720px;--sidebar-width: 320px;--toolbar-height: 52px}*,*:before,*:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}*{margin:0}body{font-family:var(--font-sans);font-size:var(--text-6);line-height:var(--leading-normal);color:var(--foreground);background-color:var(--background);-webkit-font-smoothing:antialiased}.quickdraft-landing{min-height:100vh;display:flex;flex-direction:column;animation:quickdraft-fade-in .4s ease-out}@keyframes quickdraft-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.quickdraft-landing-header{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--border)}.quickdraft-logo{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-5);font-weight:var(--font-bold);color:var(--foreground);text-decoration:none;letter-spacing:-.01em}.quickdraft-landing-main{flex:1;display:flex;flex-direction:column;align-items:center;padding:var(--space-16) var(--space-6) var(--space-12);text-align:center;gap:var(--space-4)}.quickdraft-hero{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);max-width:640px}.quickdraft-hero h1{font-size:var(--text-1);font-weight:var(--font-bold);line-height:1.1;letter-spacing:-.03em;color:var(--foreground)}.quickdraft-tagline{font-size:var(--text-4);font-weight:var(--font-medium);color:var(--primary);letter-spacing:-.01em}.quickdraft-landing-subtitle{font-size:var(--text-5);color:var(--muted-foreground);max-width:480px;line-height:var(--leading-relaxed)}.quickdraft-landing-actions{margin-top:var(--space-6)}.quickdraft-landing-actions button{padding:var(--space-3) var(--space-6);font-size:var(--text-6);font-weight:var(--font-semibold);border-radius:var(--radius-large);gap:var(--space-2);transition:background-color var(--transition),transform var(--transition-fast),box-shadow var(--transition);box-shadow:var(--shadow-medium)}.quickdraft-landing-actions button:hover{box-shadow:var(--shadow-large);transform:translateY(-1px)}button,[type=submit],[type=button]{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--text-7);font-weight:var(--font-medium);font-family:var(--font-sans);line-height:var(--leading-normal);white-space:nowrap;text-decoration:none;background-color:var(--primary);color:var(--primary-foreground);border-radius:var(--radius-medium);border:1px solid transparent;cursor:pointer;transition:background-color var(--transition-fast),opacity var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}button:hover:not(:disabled){opacity:.9}button:active:not(:disabled){transform:translate(1px,1px)}button:disabled{opacity:.5;cursor:not-allowed}button.secondary{background-color:var(--secondary);color:var(--secondary-foreground)}button.ghost{background-color:transparent;color:var(--foreground);border-color:transparent}button.ghost:hover{background-color:var(--accent)}button.outline{background-color:transparent;color:var(--foreground);border-color:var(--border)}button.outline:hover{background-color:var(--accent)}button.small{padding:var(--space-1) var(--space-3);font-size:var(--text-8)}button.icon{width:2.25rem;height:2.25rem;padding:0}.quickdraft-app{display:flex;flex-direction:column;height:100vh}.quickdraft-workspace{display:flex;flex:1;overflow:hidden}.quickdraft-editor-container{flex:1;overflow-y:auto;display:flex;justify-content:center;padding:var(--space-8) var(--space-6);padding-top:calc(var(--space-8) + var(--toolbar-height))}.quickdraft-toolbar{position:fixed;top:0;left:0;right:0;z-index:100;height:var(--toolbar-height);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-4);background-color:var(--background);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.quickdraft-toolbar-left{display:flex;align-items:center;gap:var(--space-3)}.quickdraft-toolbar-center{position:absolute;left:50%;transform:translate(-50%)}.quickdraft-toolbar-title{font-size:var(--text-7);font-weight:var(--font-medium);color:var(--muted-foreground);max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quickdraft-toolbar-title-input{font-size:var(--text-7);font-weight:var(--font-medium);color:var(--foreground);background:var(--faint);border:1px solid var(--border);border-radius:var(--radius-small);padding:var(--space-1) var(--space-2);outline:none;text-align:center;width:260px}.quickdraft-toolbar-title-input:focus{border-color:var(--ring)}.quickdraft-toolbar-right{display:flex;align-items:center;gap:var(--space-2)}.qd-bot-avatar{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;overflow:hidden;transition:opacity .3s ease,filter .3s ease;cursor:default;margin-right:var(--space-1)}.qd-bot-avatar img{width:28px;height:28px;border-radius:50%;object-fit:cover}.qd-bot-active{opacity:1;filter:none}.qd-bot-inactive{opacity:.4;filter:grayscale(100%)}.qd-bot-nokey{opacity:1;filter:none;cursor:pointer;position:relative}.qd-bot-nokey img{opacity:.6}.qd-bot-nokey-badge{position:absolute;top:-3px;right:-3px;width:13px;height:13px;background:#f59e0b;color:#fff;border-radius:50%;font-size:9px;font-weight:700;line-height:13px;text-align:center;pointer-events:none}.quickdraft-editor{position:relative;width:100%;max-width:var(--editor-max-width);min-height:60vh}.quickdraft-editor .milkdown{outline:none}.quickdraft-editor .ProseMirror{outline:none;font-family:var(--font-sans);font-size:1rem;line-height:var(--leading-relaxed);color:var(--foreground)}.quickdraft-editor .ProseMirror>*+*{margin-top:var(--space-4)}.quickdraft-editor .ProseMirror{padding-bottom:40vh}.quickdraft-editor .ProseMirror h1{font-size:var(--text-1);font-weight:var(--font-bold);line-height:1.2;margin-top:var(--space-10);margin-bottom:var(--space-4);letter-spacing:-.03em}.quickdraft-editor .ProseMirror h2{font-size:var(--text-2);font-weight:var(--font-semibold);line-height:1.25;margin-top:var(--space-8);margin-bottom:var(--space-3)}.quickdraft-editor .ProseMirror h3{font-size:var(--text-3);font-weight:var(--font-semibold);line-height:1.3;margin-top:var(--space-6);margin-bottom:var(--space-2)}.quickdraft-editor .ProseMirror p{margin-bottom:var(--space-4)}.quickdraft-editor .ProseMirror p:last-child{margin-bottom:0}.quickdraft-editor .ProseMirror a{color:var(--primary);text-decoration:underline;text-underline-offset:2px}.quickdraft-editor .ProseMirror strong{font-weight:var(--font-semibold)}.quickdraft-editor .ProseMirror code{font-family:var(--font-mono);font-size:.875em;padding:2px var(--space-1);background-color:var(--faint);border-radius:var(--radius-small)}.quickdraft-editor .ProseMirror pre{font-family:var(--font-mono);font-size:var(--text-7);padding:var(--space-4);background-color:var(--faint);border-radius:var(--radius-medium);overflow-x:auto;line-height:1.6}.quickdraft-editor .ProseMirror pre code{padding:0;background:none;border-radius:0}.quickdraft-editor .ProseMirror blockquote{border-left:3px solid var(--border);padding-left:var(--space-4);color:var(--muted-foreground);font-style:italic}.quickdraft-editor .ProseMirror hr{border:none;border-top:1px solid var(--border);margin:var(--space-8) 0}.quickdraft-editor .ProseMirror ul,.quickdraft-editor .ProseMirror ol{padding-left:var(--space-6)}.quickdraft-editor .ProseMirror li{margin-bottom:var(--space-1)}.quickdraft-editor .ProseMirror img{max-width:100%;border-radius:var(--radius-medium)}.quickdraft-editor .ProseMirror p.is-editor-empty:first-child:before{content:"Start writing...";color:var(--muted-foreground);float:left;pointer-events:none;height:0}.quickdraft-mark{position:relative;border-radius:2px;transition:background-color var(--transition-fast)}.quickdraft-mark[data-origin=human]{background-color:var(--prov-human)}.quickdraft-mark[data-origin=ai]{background-color:var(--prov-ai)}.quickdraft-mark[data-origin=ai]:not([data-reviewed]){background-color:var(--prov-unreviewed)}.quickdraft-mark:hover:after{content:attr(data-origin) " · " attr(data-typed-by);position:absolute;bottom:100%;left:0;padding:2px var(--space-2);font-size:var(--text-8);font-weight:var(--font-medium);white-space:nowrap;background-color:var(--card);color:var(--card-foreground);border:1px solid var(--border);border-radius:var(--radius-medium);box-shadow:var(--shadow-medium);pointer-events:none;z-index:10}.quickdraft-suggestion-insert{background-color:light-dark(#c8e6c9,#1b3a1f);text-decoration:none;border-bottom:2px solid var(--success)}.quickdraft-suggestion-delete{background-color:light-dark(#ffcdd2,#3a1b1b);text-decoration:line-through;border-bottom:2px solid var(--danger)}.quickdraft-agent-cursor{position:relative;border-left:2px solid currentColor;margin-left:-1px}.quickdraft-agent-cursor:before{content:attr(data-agent-name);position:absolute;top:-1.5em;left:-1px;padding:1px var(--space-1);font-size:var(--text-8);font-weight:var(--font-medium);white-space:nowrap;border-radius:var(--radius-small) var(--radius-small) var(--radius-small) 0;color:#fff;background-color:inherit;line-height:1.4}.quickdraft-sidebar{width:var(--sidebar-width);border-left:1px solid var(--border);background-color:var(--card);overflow-y:auto;padding:var(--space-4);padding-top:calc(var(--space-4) + var(--toolbar-height));flex-shrink:0}.quickdraft-sidebar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.quickdraft-sidebar-header h3{font-family:var(--font-sans);font-size:var(--text-7);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--muted-foreground)}.quickdraft-sidebar-section{margin-bottom:var(--space-6)}.quickdraft-sidebar-section h4{font-size:var(--text-7);font-weight:var(--font-semibold);color:var(--muted-foreground);margin-bottom:var(--space-2)}.quickdraft-comment{padding:var(--space-3);background-color:var(--faint);border-radius:var(--radius-medium);margin-bottom:var(--space-2);border:1px solid var(--border)}.quickdraft-comment-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-1)}.quickdraft-comment-author{font-size:var(--text-7);font-weight:var(--font-medium)}.quickdraft-comment-time{font-size:var(--text-8);color:var(--muted-foreground)}.quickdraft-comment-body{font-size:var(--text-7);color:var(--card-foreground);line-height:var(--leading-normal)}.quickdraft-comment.resolved{opacity:.5}.quickdraft-suggestion-card{padding:var(--space-3);background-color:var(--faint);border-radius:var(--radius-medium);margin-bottom:var(--space-2);border:1px solid var(--border)}.quickdraft-suggestion-card-diff{font-size:var(--text-7);font-family:var(--font-mono);margin:var(--space-2) 0}.quickdraft-suggestion-card-actions{display:flex;gap:var(--space-2)}.quickdraft-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:1px var(--space-2);font-size:var(--text-8);font-weight:var(--font-medium);border-radius:var(--radius-full);line-height:1.4}.quickdraft-badge.human{background-color:var(--prov-human);color:var(--prov-human-text)}.quickdraft-badge.ai{background-color:var(--prov-ai);color:var(--prov-ai-text)}.quickdraft-badge.unreviewed{background-color:var(--prov-unreviewed);color:var(--prov-unreviewed-text)}.quickdraft-doc-list{width:100%;max-width:640px;margin-top:var(--space-12)}.quickdraft-doc-list h2{font-size:var(--text-7);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--muted-foreground);margin-bottom:var(--space-4)}.quickdraft-doc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-3)}.quickdraft-doc-card{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-large);cursor:pointer;transition:background-color var(--transition-fast),box-shadow var(--transition),transform var(--transition-fast),border-color var(--transition-fast);background-color:var(--card);box-shadow:var(--shadow-card)}.quickdraft-doc-card:hover{background-color:var(--faint);box-shadow:var(--shadow-medium);transform:translateY(-1px);border-color:var(--ring)}.quickdraft-doc-card-icon{color:var(--muted-foreground)}.quickdraft-doc-card-title{font-size:var(--text-7);font-weight:var(--font-semibold);color:var(--foreground);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quickdraft-doc-card-meta{font-size:var(--text-8);color:var(--muted-foreground)}:focus-visible{outline:2px solid var(--ring);outline-offset:2px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:var(--muted);border-radius:var(--radius-full)}::selection{background-color:rgb(from var(--primary) r g b / .2)}.sel-toolbar{position:fixed;transform:translate(-50%,-100%);z-index:200;pointer-events:auto;width:340px;background:#1e1e1e;color:#faf9f5;border-radius:14px;box-shadow:0 8px 30px #00000059,0 2px 8px #0003;overflow:hidden;animation:sel-toolbar-in .15s ease-out}@keyframes sel-toolbar-in{0%{opacity:0;transform:translate(-50%,-100%) translateY(6px) scale(.97)}to{opacity:1;transform:translate(-50%,-100%) translateY(0) scale(1)}}.sel-highlight-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:190}.sel-highlight-rect{position:fixed;background:#2685ef38;border-radius:2px;pointer-events:none}.sel-toolbar-actions{display:flex;gap:6px;padding:10px 12px 6px;flex-wrap:wrap}.sel-toolbar-pill{background:#ffffff14;color:#faf9f5;border:1px solid rgb(255 255 255 / .12);padding:5px 12px;font-size:12px;font-weight:500;font-family:var(--font-sans);border-radius:100px;cursor:pointer;transition:all .15s ease;white-space:nowrap}.sel-toolbar-pill:hover:not(:disabled){background:#ffffff2e;border-color:#ffffff40}.sel-toolbar-pill:active:not(:disabled){background:#ffffff40;transform:scale(.97)}.sel-toolbar-pill:disabled{opacity:.35;cursor:not-allowed}.sel-toolbar-chat{padding:6px 10px 10px;display:flex;align-items:flex-end;gap:8px;border-top:1px solid rgb(255 255 255 / .08)}.sel-toolbar-textarea{flex:1;background:#ffffff0f;border:1px solid rgb(255 255 255 / .15);border-radius:12px;outline:none;color:#faf9f5;font-family:var(--font-sans);font-size:13px;line-height:1.4;padding:8px 14px;resize:none;min-height:36px;max-height:120px;transition:border-color .15s ease,background .15s ease}.sel-toolbar-textarea:focus{border-color:#ffffff59;background:#ffffff1a}.sel-toolbar-textarea::placeholder{color:#fff6}.sel-toolbar-send{flex-shrink:0;width:32px;height:32px;border-radius:50%;border:none;background:#ffffff1a;color:#ffffff40;display:flex;align-items:center;justify-content:center;cursor:default;transition:all .15s ease;margin-bottom:2px}.sel-toolbar-send.active{background:#faf9f5;color:#1e1e1e;cursor:pointer}.sel-toolbar-send.active:hover{opacity:.9;transform:scale(1.05)}.sel-toolbar-working{flex:1;display:flex;align-items:center;gap:10px;padding:8px 14px;color:#fff9;font-size:13px;font-family:var(--font-sans)}@keyframes spin{to{transform:rotate(360deg)}}.sel-toolbar-spinner{display:inline-block;width:14px;height:14px;border:2px solid rgb(255 255 255 / .2);border-top-color:var(--background);border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}.sel-toolbar-working-text{animation:sel-pulse 1.5s ease-in-out infinite}@keyframes sel-pulse{0%,to{opacity:.6}50%{opacity:1}}.quickdraft-diff-delete{background-color:light-dark(rgba(211,47,47,.08),rgba(244,128,123,.12));text-decoration:line-through;text-decoration-color:light-dark(rgba(211,47,47,.5),rgba(244,128,123,.5));text-decoration-thickness:1px;color:light-dark(#b91c1c,#f87171);border-radius:3px;padding:1px 2px}.quickdraft-diff-widget{display:inline}.quickdraft-diff-insert{background-color:light-dark(rgba(16,185,129,.1),rgba(108,192,112,.15));color:light-dark(#047857,#6ee7b7);border-radius:3px;padding:1px 3px;margin-left:3px;font-style:normal}.quickdraft-diff-actions{display:inline-flex;align-items:center;gap:3px;margin-left:5px;vertical-align:middle}.quickdraft-diff-btn{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;font-size:10px;font-weight:var(--font-semibold);line-height:1;border:none;border-radius:4px;cursor:pointer;transition:opacity .15s,transform .1s;vertical-align:middle;opacity:.75}.quickdraft-diff-btn:hover{opacity:1;transform:scale(1.1)}.quickdraft-diff-btn-accept{background-color:light-dark(rgba(16,185,129,.18),rgba(108,192,112,.25));color:light-dark(#047857,#6ee7b7)}.quickdraft-diff-btn-accept:hover{background-color:light-dark(rgba(16,185,129,.35),rgba(108,192,112,.4))}.quickdraft-diff-btn-reject{background-color:light-dark(rgba(211,47,47,.12),rgba(244,128,123,.2));color:light-dark(#b91c1c,#f87171)}.quickdraft-diff-btn-reject:hover{background-color:light-dark(rgba(211,47,47,.25),rgba(244,128,123,.35))}.quickdraft-review-mode-active{color:var(--success)!important;background-color:light-dark(rgba(0,128,50,.1),rgba(108,192,112,.15))!important}.quickdraft-version-history{width:var(--sidebar-width);border-left:1px solid var(--border);background-color:var(--card);overflow-y:auto;padding:var(--space-4);padding-top:calc(var(--space-4) + var(--toolbar-height));flex-shrink:0}.quickdraft-version-list{display:flex;flex-direction:column;gap:var(--space-2)}.quickdraft-version-item{padding:var(--space-3);background-color:var(--faint);border-radius:var(--radius-medium);border:1px solid var(--border);transition:border-color var(--transition-fast)}.quickdraft-version-item.active{border-color:var(--ring)}.quickdraft-version-item-header{display:flex;align-items:center;justify-content:space-between;cursor:pointer;gap:var(--space-2)}.quickdraft-version-item-left{display:flex;align-items:center;gap:var(--space-2)}.quickdraft-version-author-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;color:var(--muted-foreground);flex-shrink:0}.quickdraft-version-number{font-size:var(--text-7);font-weight:var(--font-semibold);color:var(--foreground)}.quickdraft-version-time{font-size:var(--text-8);color:var(--muted-foreground)}.quickdraft-version-badge{display:inline-flex;align-items:center;padding:1px var(--space-2);font-size:var(--text-8);font-weight:var(--font-medium);border-radius:var(--radius-full);line-height:1.4;flex-shrink:0}.quickdraft-version-badge.ai{background-color:var(--prov-ai);color:var(--prov-ai-text)}.quickdraft-version-badge.human{background-color:var(--prov-human);color:var(--prov-human-text)}.quickdraft-version-desc{font-size:var(--text-8);color:var(--muted-foreground);margin-top:var(--space-1);padding-left:calc(20px + var(--space-2));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quickdraft-version-preview{margin-top:var(--space-3);border-top:1px solid var(--border);padding-top:var(--space-3)}.quickdraft-version-preview-content{font-family:var(--font-mono);font-size:var(--text-8);line-height:1.5;background-color:var(--background);border:1px solid var(--border);border-radius:var(--radius-medium);padding:var(--space-3);max-height:300px;overflow-y:auto;white-space:pre-wrap;word-wrap:break-word;color:var(--foreground)}.quickdraft-version-preview-actions{display:flex;gap:var(--space-2);margin-top:var(--space-2)}.quickdraft-ai-block{position:relative;border-left:3px solid #2685EF;padding-left:14px!important;margin-left:-17px!important}.quickdraft-ai-avatar{position:absolute;left:-28px;top:0;width:22px;height:22px;display:flex;align-items:center;justify-content:center;pointer-events:none;-webkit-user-select:none;user-select:none}.quickdraft-ai-avatar img{width:22px;height:22px;border-radius:50%;object-fit:cover;opacity:.85}.qd-inline-comments-group{margin:var(--space-3) 0 var(--space-6) 0;display:flex;flex-direction:column;gap:10px;animation:qd-comment-slide-in .3s ease-out}@keyframes qd-comment-slide-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.qd-inline-comment{background:#262624;border-radius:12px;padding:16px 20px;max-width:540px;border:1px solid rgba(255,255,255,.08);box-shadow:0 4px 16px #00000040,0 1px 4px #00000026;position:relative;color:#faf9f5;user-select:text;-webkit-user-select:text}.qd-inline-comment-resolved{opacity:.55}.qd-inline-comment-resolved-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#ffffff59;margin-bottom:8px}.qd-inline-comment-thread{display:flex;flex-direction:column;gap:14px}.qd-inline-comment-entry{display:flex;flex-direction:column;gap:4px}.qd-inline-comment-entry+.qd-inline-comment-entry{padding-top:12px;border-top:1px solid rgba(255,255,255,.06)}.qd-inline-comment-author{display:flex;align-items:center;gap:8px}.qd-inline-comment-name{font-size:13px;font-weight:600;color:#fff}.qd-inline-comment-badge{display:inline-flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;letter-spacing:.04em;padding:1px 6px;border-radius:100px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;line-height:1.4;text-transform:uppercase}.qd-inline-comment-time{font-size:11px;color:#ffffff59;margin-left:auto}.qd-inline-comment-text{font-size:13px;line-height:1.55;color:#fffc;margin-top:2px;user-select:text;-webkit-user-select:text;cursor:text}.qd-inline-comment-actions{display:flex;gap:8px;margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,.06)}.qd-inline-comment-btn{display:inline-flex;align-items:center;justify-content:center;padding:5px 14px;font-size:12px;font-weight:500;font-family:var(--font-sans);border-radius:100px;border:1px solid rgba(255,255,255,.15);background:#ffffff0f;color:#ffffffb3;cursor:pointer;transition:all .15s ease;line-height:1.4;width:auto;height:auto}.qd-inline-comment-btn:hover{background:#ffffff1f;border-color:#ffffff40;color:#fff;opacity:1;transform:none}.qd-inline-comment-resolve-btn:hover{background:#10b98133;border-color:#10b98166;color:#6cc070}.qd-inline-comment-reply-input{display:flex;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.06);align-items:flex-end}.qd-inline-comment-reply-input textarea{flex:1;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:10px;color:#faf9f5;font-family:var(--font-sans);font-size:13px;line-height:1.4;padding:8px 12px;resize:none;outline:none;min-height:36px;transition:border-color .15s ease,background .15s ease}.qd-inline-comment-reply-input textarea:focus{border-color:#ffffff4d;background:#ffffff14}.qd-inline-comment-reply-input textarea::placeholder{color:#ffffff4d}.qd-inline-comment-send{flex-shrink:0;padding:6px 14px;font-size:12px;font-weight:600;font-family:var(--font-sans);border-radius:100px;border:none;background:#faf9f5;color:#262624;cursor:pointer;transition:all .15s ease;line-height:1.4;width:auto;height:auto}.qd-inline-comment-send:hover{background:#fff;opacity:1;transform:none}.qd-inline-comment-highlight{background-color:#fbbf2433;border-bottom:1.5px solid rgba(251,191,36,.6);border-radius:0;-webkit-box-decoration-break:clone;box-decoration-break:clone;cursor:pointer;transition:background-color var(--transition-fast)}.qd-inline-comment-highlight:hover{background-color:#fbbf2459}.qd-inline-comment-highlight-resolved{background-color:transparent;border-bottom-color:transparent;cursor:default}.quickdraft-activity-toggle-active{color:#fbbf24!important;background-color:#fbbf241f!important}.qd-format-toolbar{position:fixed;top:var(--toolbar-height);left:0;right:0;z-index:99;height:36px;display:flex;align-items:center;padding:0 var(--space-4);background-color:var(--background);border-bottom:1px solid var(--border);gap:2px;overflow:visible}.qd-fmt-group{display:flex;align-items:center;gap:1px;position:relative}.qd-fmt-sep{width:1px;height:18px;background-color:var(--border);margin:0 4px;flex-shrink:0}.qd-fmt-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;border-radius:var(--radius-small);background:transparent;color:var(--foreground);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast);position:relative;flex-shrink:0}.qd-fmt-btn:hover{background-color:var(--accent);opacity:1;transform:none}.qd-fmt-btn:active{background-color:var(--muted);transform:none}.qd-fmt-active{background-color:light-dark(rgba(37,99,235,.1),rgba(229,229,229,.12));color:var(--primary)}.qd-fmt-active:hover{background-color:light-dark(rgba(37,99,235,.18),rgba(229,229,229,.2))}.qd-fmt-disabled{opacity:.35;cursor:default}.qd-fmt-disabled:hover{background:transparent}.qd-fmt-dropdown-btn{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px 8px;height:28px;border:none;border-radius:var(--radius-small);background:transparent;color:var(--foreground);cursor:pointer;font-size:var(--text-8);font-weight:var(--font-medium);font-family:var(--font-sans);white-space:nowrap;transition:background-color var(--transition-fast);min-width:100px}.qd-fmt-dropdown-btn:hover{background-color:var(--accent);opacity:1;transform:none}.qd-fmt-dropdown-label{flex:1;text-align:left}.qd-fmt-dropdown-menu{position:absolute;top:100%;left:0;margin-top:4px;min-width:160px;background-color:var(--card);border:1px solid var(--border);border-radius:var(--radius-medium);box-shadow:var(--shadow-large);z-index:200;padding:var(--space-1);animation:qd-fmt-dropdown-in .1s ease-out}@keyframes qd-fmt-dropdown-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.qd-fmt-dropdown-item{display:flex;align-items:center;width:100%;padding:6px 10px;border:none;border-radius:var(--radius-small);background:transparent;color:var(--foreground);cursor:pointer;font-family:var(--font-sans);font-size:var(--text-7);text-align:left;transition:background-color var(--transition-fast)}.qd-fmt-dropdown-item:hover{background-color:var(--accent);opacity:1;transform:none}.qd-fmt-dropdown-item.active{background-color:light-dark(rgba(37,99,235,.08),rgba(229,229,229,.1));color:var(--primary)}.qd-fmt-dropdown-item-label.qd-fmt-block-heading1{font-size:var(--text-4);font-weight:var(--font-bold);letter-spacing:-.02em}.qd-fmt-dropdown-item-label.qd-fmt-block-heading2{font-size:var(--text-5);font-weight:var(--font-semibold)}.qd-fmt-dropdown-item-label.qd-fmt-block-heading3{font-size:var(--text-6);font-weight:var(--font-semibold)}.qd-fmt-dropdown-item-label.qd-fmt-block-blockquote{font-style:italic;color:var(--muted-foreground)}.qd-fmt-dropdown-item-label.qd-fmt-block-code_block{font-family:var(--font-mono);font-size:var(--text-8)}.quickdraft-editor-container{padding-top:calc(var(--space-8) + var(--toolbar-height) + 36px)}.quickdraft-sidebar,.quickdraft-version-history{padding-top:calc(var(--space-4) + var(--toolbar-height) + 36px)}.qd-comments-pane{width:320px;flex-shrink:0;border-left:1px solid var(--border);background-color:var(--card);display:flex;flex-direction:column;overflow:hidden;padding-top:calc(var(--toolbar-height) + 36px)}.qd-comments-pane-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);flex-shrink:0}.qd-comments-pane-title{font-size:var(--text-7);font-weight:var(--font-semibold);color:var(--foreground)}.qd-comments-pane-tabs{display:flex;gap:0;padding:var(--space-2) var(--space-4) 0;border-bottom:1px solid var(--border);flex-shrink:0}.qd-comments-tab{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--text-8);font-weight:var(--font-medium);font-family:var(--font-sans);color:var(--muted-foreground);background:transparent;border:none;border-bottom:2px solid transparent;border-radius:0;cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast);margin-bottom:-1px;width:auto;height:auto;line-height:1.4}.qd-comments-tab:hover{color:var(--foreground);opacity:1;transform:none}.qd-comments-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.qd-comments-tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:var(--font-semibold);background-color:var(--primary);color:var(--primary-foreground);border-radius:var(--radius-full);line-height:1}.qd-comments-tab-count-resolved{background-color:var(--muted);color:var(--muted-foreground)}.qd-comments-pane-body{flex:1;overflow-y:auto;padding:var(--space-3) var(--space-3);display:flex;flex-direction:column;gap:var(--space-2)}.qd-comments-pane-empty{font-size:var(--text-8);color:var(--muted-foreground);text-align:center;padding:var(--space-8) var(--space-4);line-height:var(--leading-relaxed)}.qd-pane-thread{background-color:var(--background);border:1px solid var(--border);border-radius:var(--radius-large);padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2);transition:border-color var(--transition-fast)}.qd-pane-thread:hover{border-color:var(--input)}.qd-pane-thread-resolved{opacity:.6}.qd-pane-thread-active{border-color:var(--primary);background-color:light-dark(rgba(99,102,241,.06),rgba(99,102,241,.12));box-shadow:0 0 0 1px var(--primary)}.qd-pane-quote{font-size:var(--text-8);color:var(--muted-foreground);font-style:italic;padding:var(--space-1) var(--space-2);border-left:2px solid #fbbf24;background-color:light-dark(rgba(251,191,36,.06),rgba(251,191,36,.08));border-radius:0 var(--radius-small) var(--radius-small) 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:background-color var(--transition-fast)}.qd-pane-quote-clickable{cursor:pointer}.qd-pane-quote-clickable:hover{background-color:light-dark(rgba(251,191,36,.16),rgba(251,191,36,.2));color:var(--foreground)}.qd-pane-entries{display:flex;flex-direction:column;gap:var(--space-3)}.qd-pane-entry{display:flex;gap:var(--space-2);align-items:flex-start}.qd-pane-reply{padding-top:var(--space-2);border-top:1px solid var(--border)}.qd-pane-avatar{flex-shrink:0;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:var(--font-bold);color:#fff;letter-spacing:.02em;line-height:1;overflow:hidden}.qd-pane-avatar-ai{background:transparent}.qd-pane-avatar-ai img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.qd-pane-entry-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.qd-pane-entry-header{display:flex;align-items:center;gap:var(--space-1);flex-wrap:wrap}.qd-pane-author{font-size:var(--text-8);font-weight:var(--font-semibold);color:var(--foreground)}.qd-pane-time{font-size:11px;color:var(--muted-foreground);margin-left:auto}.qd-pane-text{font-size:var(--text-8);line-height:1.55;color:var(--foreground);word-break:break-word}.qd-pane-actions{display:flex;gap:var(--space-2);padding-top:var(--space-1)}.qd-pane-btn{display:inline-flex;align-items:center;padding:3px 10px;font-size:11px;font-weight:var(--font-medium);font-family:var(--font-sans);border-radius:var(--radius-full);border:1px solid var(--border);background:transparent;color:var(--muted-foreground);cursor:pointer;transition:all var(--transition-fast);line-height:1.4;width:auto;height:auto}.qd-pane-btn:hover{color:var(--foreground);border-color:var(--input);background-color:var(--accent);opacity:1;transform:none}.qd-pane-btn-resolve:hover{color:var(--success);border-color:var(--success);background-color:light-dark(rgba(16,185,129,.08),rgba(108,192,112,.12))}.qd-pane-resolved-badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:var(--font-medium);color:var(--success);padding-top:var(--space-1)}.qd-pane-reply-input{display:flex;flex-direction:column;gap:var(--space-1);padding-top:var(--space-2);border-top:1px solid var(--border)}.qd-pane-reply-input textarea{width:100%;background:var(--faint);border:1px solid var(--border);border-radius:var(--radius-medium);color:var(--foreground);font-family:var(--font-sans);font-size:var(--text-8);line-height:1.4;padding:var(--space-2) var(--space-2);resize:none;outline:none;transition:border-color var(--transition-fast);box-sizing:border-box}.qd-pane-reply-input textarea:focus{border-color:var(--ring)}.qd-pane-reply-input textarea::placeholder{color:var(--muted-foreground)}.qd-pane-reply-footer{display:flex;align-items:center;justify-content:space-between}.qd-pane-reply-hint{font-size:10px;color:var(--muted-foreground)}.qd-pane-send{display:inline-flex;align-items:center;padding:4px 12px;font-size:11px;font-weight:var(--font-semibold);font-family:var(--font-sans);border-radius:var(--radius-full);border:none;background-color:var(--primary);color:var(--primary-foreground);cursor:pointer;transition:opacity var(--transition-fast);line-height:1.4;width:auto;height:auto}.qd-pane-send:disabled{opacity:.4;cursor:not-allowed}.qd-pane-send:hover:not(:disabled){opacity:.9;transform:none}.qd-toolbar-comments-btn{position:relative;gap:var(--space-1)}.qd-toolbar-comment-count{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:var(--font-bold);background-color:var(--primary);color:var(--primary-foreground);border-radius:var(--radius-full);line-height:1}