*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}:root{--bg:#0a0a0b;--surface:#131316;--surface-2:#191920;--surface-3:#22222a;--border:#262630;--border-strong:#3a3a48;--fg:#ececee;--fg-muted:#a1a1aa;--fg-dim:#6b6b76;--accent:#f97316;--accent-hover:#fb8b3e;--accent-fg:#0a0a0b;--success:#22c55e;--warning:#eab308;--danger:#f43f5e;--info:#60a5fa;--radius-sm:4px;--radius:6px;--radius-lg:10px;--shadow-md:0 6px 20px #0006;--shadow-lg:0 20px 50px #0000008c;--sidebar-w:220px;--font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--font-sans:-apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", system-ui, sans-serif}html,body{background:var(--bg);color:var(--fg);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;min-height:100vh;font-size:13px;line-height:1.5}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}input,textarea,select{font:inherit;color:inherit;background:0 0;border:0;outline:0}input::placeholder,textarea::placeholder{color:var(--fg-dim)}::selection{background:var(--accent);color:var(--accent-fg)}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{background:var(--accent);color:var(--accent-fg);z-index:100;padding:8px 12px;position:absolute;top:0;left:-9999px}.skip-link:focus{top:8px;left:8px}.app-frame{grid-template-columns:var(--sidebar-w) 1fr;min-height:100vh;display:grid}.sidebar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;gap:4px;height:100vh;padding:12px 10px;display:flex;position:sticky;top:0}.sidebar-brand{letter-spacing:-.01em;align-items:center;gap:8px;padding:4px 8px 12px;font-weight:600;display:flex}.sidebar-brand .brand-dot{background:var(--accent);border-radius:2px;width:8px;height:8px}.sidebar-section{text-transform:uppercase;letter-spacing:.08em;color:var(--fg-dim);padding:12px 8px 4px;font-size:10px;font-weight:500}.sidebar-divider{background:var(--border);height:1px;margin:8px 4px}.nav-item{border-radius:var(--radius-sm);color:var(--fg-muted);text-align:left;align-items:center;gap:8px;width:100%;padding:6px 8px;font-size:13px;transition:background .1s,color .1s;display:flex}.nav-item:hover{background:var(--surface-2);color:var(--fg)}.nav-item[aria-current=page]{background:var(--surface-3);color:var(--fg)}.nav-item kbd{font-family:var(--font-mono);color:var(--fg-dim);background:var(--surface-3);border-radius:3px;margin-left:auto;padding:1px 5px;font-size:10px}.nav-item[aria-current=page] kbd{background:#0000004d}.sidebar-footer{border-top:1px solid var(--border);flex-direction:column;gap:2px;margin-top:auto;padding-top:8px;display:flex}.user-chip{border-radius:var(--radius-sm);color:var(--fg-muted);align-items:center;gap:8px;padding:6px 8px;font-size:12px;transition:background .1s;display:flex}.user-chip:hover{background:var(--surface-2);color:var(--fg)}.user-chip .avatar{background:var(--surface-3);width:22px;height:22px;color:var(--fg);border-radius:50%;place-items:center;font-size:11px;font-weight:600;display:grid}.user-chip .user-copy{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.user-chip strong{color:var(--fg);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.user-chip small{color:var(--fg-dim);white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.main-content{flex-direction:column;min-width:0;min-height:100vh;display:flex}.page-header{z-index:15;border-bottom:1px solid var(--border);background:var(--surface);align-items:center;gap:12px;min-height:44px;padding:12px 20px;display:flex;position:sticky;top:0}.page-title{letter-spacing:-.005em;font-size:13px;font-weight:500}.page-header-meta{color:var(--fg-dim);align-items:center;gap:6px;font-size:12px;display:flex}.page-header-spacer{flex:1}.page-header-actions{align-items:center;gap:6px;display:flex}.btn{border-radius:var(--radius-sm);white-space:nowrap;border:1px solid #0000;align-items:center;gap:6px;padding:5px 10px;font-size:12px;font-weight:500;transition:background .1s,border-color .1s,color .1s;display:inline-flex}.btn kbd{font-family:var(--font-mono);color:currentColor;opacity:.7;background:#ffffff14;border-radius:3px;margin-left:4px;padding:1px 4px;font-size:10px}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--accent);color:var(--accent-fg)}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-default{background:var(--surface-2);color:var(--fg);border-color:var(--border)}.btn-default:hover:not(:disabled){background:var(--surface-3);border-color:var(--border-strong)}.btn-ghost{color:var(--fg-muted);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--surface-2);color:var(--fg)}.btn-danger{color:var(--danger);background:0 0;border-color:#0000}.btn-danger:hover:not(:disabled){background:#f43f5e1a}.btn-sm{padding:3px 7px;font-size:11px}.btn-icon{padding:5px}.field{flex-direction:column;gap:4px;display:flex}.field-label{color:var(--fg-muted);letter-spacing:.01em;align-items:center;gap:4px;font-size:11px;font-weight:500;display:flex}.field-label .required{color:var(--accent)}.field-hint{color:var(--fg-dim);font-size:10px}.field-input,.field-textarea{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--fg);width:100%;padding:5px 8px;font-size:13px;transition:border-color .1s}.field-input:focus,.field-textarea:focus{border-color:var(--border-strong);background:var(--surface-3)}.field-textarea{resize:vertical;min-height:60px;font-family:var(--font-sans)}.field-inline{border-bottom:1px solid var(--border);grid-template-columns:120px 1fr;align-items:center;gap:12px;padding:8px 0;display:grid}.field-inline:last-child{border-bottom:0}.field-inline .field-label{margin:0}.field-group{grid-template-columns:1fr 1fr;gap:10px 12px;display:grid}@media (max-width:900px){.field-group{grid-template-columns:1fr}}.segmented{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);gap:2px;padding:2px;display:inline-flex}.segmented button{color:var(--fg-muted);border-radius:3px;padding:3px 10px;font-size:12px;font-weight:500;transition:background 80ms,color 80ms}.segmented button.active{background:var(--surface-3);color:var(--fg)}.pill{letter-spacing:.02em;text-transform:uppercase;background:var(--surface-3);color:var(--fg-muted);white-space:nowrap;border-radius:3px;align-items:center;gap:4px;padding:1px 6px;font-size:10px;font-weight:500;display:inline-flex}.pill.pill-ready{color:#4ade80;background:#22c55e24}.pill.pill-warn{color:#facc15;background:#eab30824}.pill.pill-danger{color:#fb7185;background:#f43f5e24}.pill.pill-info{color:#93c5fd;background:#60a5fa24}.pill.pill-sent{color:#c4b5fd;background:#a78bfa24}.pill.pill-generating{color:#cbd5e1;background:#94a3b82e}.dot{border-radius:50%;width:6px;height:6px;display:inline-block}.dot.dot-live{background:var(--success);box-shadow:0 0 0 2px #22c55e33}.dot.dot-off{background:var(--fg-dim)}.workspace{flex-direction:column;flex:1;min-height:0;display:flex}.workspace-body{flex:1;grid-template-columns:minmax(320px,380px) 1fr;min-height:0;display:grid}.workspace-body-triple{flex:1;grid-template-columns:240px 320px 1fr;min-height:0;display:grid}@media (max-width:1200px){.workspace-body-triple{grid-template-columns:200px 300px 1fr}}.workspace-body>.pane,.workspace-body-triple>.pane{border-right:1px solid var(--border);min-height:0;overflow-y:auto}.workspace-body>.pane:last-child,.workspace-body-triple>.pane:last-child{border-right:0}.pane-header{background:var(--surface);border-bottom:1px solid var(--border);z-index:5;align-items:center;gap:8px;min-height:40px;padding:8px 12px;display:flex;position:sticky;top:0}.pane-title{color:var(--fg);font-size:12px;font-weight:500}.pane-subtitle{color:var(--fg-dim);font-size:11px}.pane-body{padding:12px}.pane-body-flush{padding:0}.form-stack{flex-direction:column;gap:14px;display:flex}.form-section{border-top:1px solid var(--border);padding-top:14px}.form-section:first-child{border-top:0;padding-top:0}.form-section-title{text-transform:uppercase;letter-spacing:.06em;color:var(--fg-dim);margin-bottom:8px;font-size:11px}.form-actions{border-top:1px solid var(--border);justify-content:flex-end;gap:6px;padding-top:12px;display:flex}.composer{flex-direction:column;gap:10px;padding:12px;display:flex}.composer-empty{text-align:center;color:var(--fg-dim);border:1px dashed var(--border);border-radius:var(--radius);flex-direction:column;align-items:center;gap:8px;margin:20px;padding:40px 20px;display:flex}.composer-empty strong{color:var(--fg);font-weight:500}.composer-header-row{border-bottom:1px solid var(--border);grid-template-columns:60px 1fr;align-items:center;gap:8px;padding:6px 0;display:grid}.composer-header-row label{color:var(--fg-dim);text-transform:uppercase;letter-spacing:.06em;font-size:11px}.composer-header-row input{color:var(--fg);background:0 0;width:100%;font-size:13px}.composer-actions{border-top:1px solid var(--border);align-items:center;gap:6px;padding-top:10px;display:flex}.composer-actions .spacer{flex:1}.rich-editor{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);color:var(--fg);outline:0;min-height:200px;padding:10px 12px;line-height:1.45;overflow-y:auto}.rich-editor:focus,.rich-editor.ProseMirror-focused{border-color:var(--border-strong);background:var(--surface-3)}.rich-editor p{margin:0 0 10px}.rich-editor p:last-child{margin-bottom:0}.rich-editor ul,.rich-editor ol{margin:0 0 10px;padding-left:20px}.rich-editor li{margin-bottom:2px}.rich-editor strong{color:var(--fg);font-weight:600}.rich-editor a{color:var(--info);text-decoration:underline}.rich-editor p.is-editor-empty:first-child:before{content:attr(data-placeholder);color:var(--fg-dim);float:left;pointer-events:none;height:0}.contact-list{flex-direction:column;display:flex}.contact-row{border-bottom:1px solid var(--border);cursor:pointer;text-align:left;width:100%;color:var(--fg);grid-template-columns:16px 1fr auto;align-items:center;gap:8px;padding:8px 12px;transition:background 80ms;display:grid}.contact-row:hover{background:var(--surface-2)}.contact-row.active{background:var(--surface-3)}.contact-row input[type=checkbox]{appearance:none;border:1px solid var(--border-strong);cursor:pointer;background:0 0;border-radius:3px;place-items:center;width:14px;height:14px;transition:background 80ms;display:grid}.contact-row input[type=checkbox]:checked{background:var(--accent);border-color:var(--accent)}.contact-row input[type=checkbox]:checked:after{content:"";border-left:1.5px solid var(--accent-fg);border-bottom:1.5px solid var(--accent-fg);width:6px;height:3px;transform:rotate(-45deg)translate(.5px,-1px)}.contact-name{color:var(--fg);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.contact-sub{color:var(--fg-dim);white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-family:var(--font-mono);overflow:hidden}.list-empty{color:var(--fg-dim);text-align:center;padding:24px 12px;font-size:12px}.rail-search{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--fg-muted);align-items:center;gap:6px;padding:6px 8px;display:flex}.rail-search input{flex:1;font-size:12px}.rail-search kbd{font-family:var(--font-mono);color:var(--fg-dim);border:1px solid var(--border);border-radius:3px;padding:1px 4px;font-size:10px}.rail-tabs{border-bottom:1px solid var(--border);gap:2px;padding:6px 8px;display:flex;overflow-x:auto}.rail-tabs button{color:var(--fg-muted);white-space:nowrap;border-radius:3px;padding:3px 8px;font-size:11px;transition:background 80ms,color 80ms}.rail-tabs button.active{background:var(--surface-3);color:var(--fg)}.rail-tabs .count{color:var(--fg-dim);font-family:var(--font-mono);margin-left:4px;font-size:10px}.editor-shell{flex-direction:column;gap:12px;padding:12px 16px;display:flex}.editor-header{border-bottom:1px solid var(--border);align-items:baseline;gap:12px;padding-bottom:10px;display:flex}.editor-header h2{letter-spacing:-.005em;font-size:15px;font-weight:500}.editor-header .sub{color:var(--fg-dim);font-size:12px}.editor-header .pager{color:var(--fg-dim);font-size:12px;font-family:var(--font-mono);align-items:center;gap:6px;margin-left:auto;display:flex}.editor-meta{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--fg-dim);flex-wrap:wrap;gap:14px;padding:8px 10px;font-size:11px;display:flex}.editor-meta>span>strong{color:var(--fg);margin-right:4px;font-weight:500}.settings-shell{flex:1;grid-template-columns:200px 1fr;min-height:0;display:grid}.settings-nav{border-right:1px solid var(--border);flex-direction:column;gap:2px;padding:12px 8px;display:flex}.settings-content{max-width:780px;padding:20px 24px;overflow-y:auto}.settings-section{border-bottom:1px solid var(--border);padding:18px 0}.settings-section:last-child{border-bottom:0}.settings-section-title{color:var(--fg);margin-bottom:4px;font-size:13px;font-weight:500}.settings-section-desc{color:var(--fg-muted);margin-bottom:14px;font-size:12px}.settings-row{border-top:1px solid var(--border);grid-template-columns:1fr auto;align-items:center;gap:20px;padding:10px 0;display:grid}.settings-row:first-of-type{border-top:0}.settings-row-copy strong{color:var(--fg);font-size:13px;font-weight:500;display:block}.settings-row-copy small{color:var(--fg-muted);font-size:12px}.settings-number{align-items:center;gap:6px;display:flex}.settings-number input{text-align:right;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);width:80px;font-family:var(--font-mono);padding:4px 8px}.settings-number span{color:var(--fg-dim);min-width:40px;font-size:11px}.settings-editor{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);width:100%;min-height:280px;font-family:var(--font-mono);color:var(--fg);resize:vertical;padding:10px 12px;font-size:12px;line-height:1.6}.settings-editor:focus{border-color:var(--border-strong);background:var(--surface-3)}.settings-toolbar{align-items:center;gap:6px;padding-bottom:8px;display:flex}.tokens{flex-wrap:wrap;align-items:center;gap:6px;padding-top:8px;display:flex}.tokens span{color:var(--fg-dim);font-size:11px}.tokens code{font-family:var(--font-mono);background:var(--surface-2);border:1px solid var(--border);color:var(--fg-muted);border-radius:3px;padding:2px 6px;font-size:11px}.gmail-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);align-items:center;gap:14px;padding:14px;display:flex}.gmail-card .mark{background:var(--surface-3);border-radius:var(--radius-sm);width:36px;height:36px;color:var(--fg-muted);place-items:center;display:grid}.gmail-card .info{flex:1}.gmail-card .info strong{color:var(--fg);font-size:13px;font-weight:500;display:block}.gmail-card .info small{color:var(--fg-muted);font-size:12px}.gmail-card.connected .mark{color:var(--success)}.banner{z-index:14;background:var(--surface-2);border-bottom:1px solid var(--border);color:var(--fg);border-left:3px solid #0000;align-items:center;gap:10px;padding:10px 20px;font-size:13px;animation:.18s ease-out bannerIn;display:flex;position:sticky;top:44px}@keyframes bannerIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.banner.error{color:#fecdd3;border-color:var(--danger);border-left-color:var(--danger);background:#f43f5e2e}.banner.success{color:#bbf7d0;border-color:var(--success);border-left-color:var(--success);background:#22c55e2e}.banner.warn{color:#fef08a;border-color:var(--warning);border-left-color:var(--warning);background:#eab3082e}.banner.info{border-left-color:var(--info)}.banner .dismiss{color:currentColor;opacity:.6;margin-left:auto}.banner .dismiss:hover{opacity:1}.toast{background:var(--surface-3);border:1px solid var(--border-strong);border-radius:var(--radius);color:var(--fg);box-shadow:var(--shadow-lg);z-index:30;align-items:center;gap:8px;max-width:360px;padding:8px 12px;font-size:12px;display:flex;position:fixed;bottom:16px;right:16px}.modal-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:40;background:#0009;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-lg);min-width:400px;max-width:520px;box-shadow:var(--shadow-lg);flex-direction:column;gap:14px;padding:20px;display:flex}.modal h2{color:var(--fg);font-size:14px;font-weight:500}.modal p{color:var(--fg-muted);font-size:13px;line-height:1.5}.modal-footer{border-top:1px solid var(--border);justify-content:flex-end;gap:6px;padding-top:4px;display:flex}.modal-header{border-bottom:1px solid var(--border);align-items:flex-start;gap:8px;padding-bottom:8px;display:flex}.modal-header .close{color:var(--fg-dim);margin-left:auto}.modal-header .close:hover{color:var(--fg)}.upload-zone{border:1px dashed var(--border-strong);border-radius:var(--radius);text-align:center;color:var(--fg-muted);cursor:pointer;background:0 0;flex-direction:column;align-items:center;gap:4px;width:100%;padding:32px 24px;font-size:12px;transition:border-color .1s,background .1s,transform .1s;display:flex}.upload-zone:hover{border-color:var(--accent);background:var(--surface-2)}.upload-zone:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.upload-zone.dragging{border-color:var(--accent);background:#f9731614;transform:scale(1.01)}.upload-zone strong{color:var(--fg);margin:6px 0 2px;font-size:13px;display:block}.login-page{background:radial-gradient(700px 400px at 30% 20%, #f9731614, transparent 60%), radial-gradient(600px 500px at 80% 80%, #9333ea0f, transparent 60%), var(--bg);place-items:center;min-height:100vh;padding:20px;display:grid}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);min-width:340px;max-width:400px;box-shadow:var(--shadow-lg);flex-direction:column;gap:16px;padding:28px;display:flex}.login-card .brand{letter-spacing:-.01em;align-items:center;gap:8px;font-weight:600;display:flex}.login-card .brand .brand-dot{background:var(--accent);border-radius:2px;width:8px;height:8px}.login-card h1{letter-spacing:-.01em;font-size:20px;font-weight:500;line-height:1.25}.login-card p{color:var(--fg-muted);font-size:13px;line-height:1.5}.login-card .footnote{color:var(--fg-dim);border-top:1px solid var(--border);align-items:center;gap:6px;padding-top:10px;font-size:11px;display:flex}.login-error{color:#fda4af;border-radius:var(--radius-sm);background:#f43f5e14;border:1px solid #f43f5e33;padding:8px 10px;font-size:12px}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.mono{font-family:var(--font-mono);font-size:12px}.dim{color:var(--fg-dim)}.muted{color:var(--fg-muted)}.flex-center{align-items:center;gap:6px;display:flex}.stack{flex-direction:column;gap:8px;display:flex}.row{align-items:center;gap:8px;display:flex}.grow{flex:1;min-width:0}@media (max-width:900px){.app-frame{grid-template-columns:1fr}.sidebar{z-index:20;width:260px;transition:transform .2s;position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar.open{box-shadow:var(--shadow-lg);transform:translate(0)}.mobile-nav-toggle{z-index:15;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--fg);padding:6px;position:fixed;top:8px;left:8px}.workspace-body,.workspace-body-triple{grid-template-columns:1fr}.workspace-body>.pane,.workspace-body-triple>.pane{border-right:0;border-bottom:1px solid var(--border)}.settings-shell{grid-template-columns:1fr}.settings-nav{border-right:0;border-bottom:1px solid var(--border);flex-direction:row;overflow-x:auto}}@media (min-width:901px){.mobile-nav-toggle{display:none}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}