:root{--bg:#f5f6f8;--surface:#fff;--desk:#dfe1e6;--border:#dcdfe4;--text:#1a1d21;--muted:#6b7280;--accent:#2563eb;--accent-soft:#eff4ff;--danger:#b42318;--pill-bg:#fff3bf;--pill-border:#d9a300;--radius:6px;--doc-font:"Segoe UI", Calibri, Carlito, "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);font:14px/1.5 var(--doc-font);margin:0}button{font:inherit;cursor:pointer;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:var(--radius);padding:6px 10px}button:hover:not(:disabled){border-color:#b9bec6}button:disabled{opacity:.45;cursor:default}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.primary:hover:not(:disabled){background:#1d4ed8}button.ghost{color:var(--muted);background:0 0;border-color:#0000}button.ghost:hover{color:var(--text);background:var(--surface)}input,select{font:inherit;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:inherit;width:100%;padding:6px 8px}input:focus,select:focus{outline:2px solid var(--accent-soft);border-color:var(--accent)}kbd{border:1px solid var(--border);background:var(--surface);border-bottom-width:2px;border-radius:4px;padding:0 4px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85em}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em}.error{color:var(--danger);margin:8px 0}.page-message{text-align:center;color:var(--muted);padding:48px}.template-list{max-width:1000px;margin:0 auto;padding:32px 24px}.list-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 16px;margin-bottom:24px;display:flex}.list-header h1{margin:0;font-size:22px}.list-actions{gap:8px;display:flex}.list-header button{white-space:nowrap}.workspace-bar{border-top:1px solid var(--border);flex-wrap:wrap;flex-basis:100%;order:3;align-items:center;gap:4px;padding-top:12px;display:flex}.workspace-bar select{flex-shrink:0;min-width:140px;max-width:220px}button.danger:hover:not(:disabled){color:var(--danger)}.card-copy{opacity:0;padding:2px 8px;font-size:12px;position:absolute;bottom:10px;right:10px}.template-grid li:hover .card-copy,.card-copy:focus,select.card-copy{opacity:1}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.account-bar{color:var(--muted);align-items:center;gap:4px;margin-left:auto;font-size:13px;display:flex}.auth{justify-content:center;align-items:flex-start;min-height:100vh;padding:12vh 16px 32px;display:flex}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:380px;padding:28px}.auth-card h1{margin:0 0 20px;font-size:20px}.auth-card form{flex-direction:column;gap:14px;display:flex}.auth-card button[type=submit]{margin-top:4px;padding:8px 12px}.auth-field{color:var(--muted);flex-direction:column;gap:4px;font-size:13px;display:flex}.auth-field input{width:100%;color:var(--text);font-size:14px}.template-list>.auth-notice,.template-list>.error{margin-bottom:16px}.auth-notice{color:var(--text);background:var(--accent-soft);border-radius:var(--radius);margin:0;padding:8px 10px;font-size:13px}.auth-links{flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:13px;display:flex}.auth-links a,.auth-card a{color:var(--accent)}button.link{color:var(--accent);cursor:pointer;font:inherit;background:0 0;border:none;padding:0}a.button{border-radius:var(--radius);padding:8px 12px;text-decoration:none;display:inline-block}a.button.primary{background:var(--accent);color:#fff}.warnings{background:var(--pill-bg);border:1px solid var(--pill-border);border-radius:var(--radius);margin:0 0 16px;padding:10px 10px 10px 28px;font-size:13px}.template-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.template-grid li{position:relative}.template-card{text-align:left;flex-direction:column;align-items:flex-start;gap:4px;width:100%;min-height:104px;padding:16px;display:flex}.template-card strong{font-size:15px}.template-card span{color:var(--accent);font-size:13px}.template-card small{color:var(--muted);margin-top:auto}.card-delete{color:var(--muted);opacity:0;background:0 0;border-color:#0000;padding:2px 7px;position:absolute;top:8px;right:8px}.template-grid li:hover .card-delete{opacity:1}.seed-row{margin-bottom:24px}.seed-row h2{color:var(--muted);margin:0 0 8px;font-size:13px;font-weight:600}.seed-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.seed-card{text-align:left;border-style:dashed;flex-direction:column;align-items:flex-start;gap:4px;width:100%;padding:14px 16px;display:flex}.seed-card strong{font-size:14px}.seed-card span{color:var(--muted);font-size:12px;line-height:1.4}.editor-error{justify-content:space-between;align-items:center;gap:12px;margin:0;padding:8px 16px;display:flex}.prose img{vertical-align:middle;max-width:100%}.prose img.ProseMirror-selectednode{outline:2px solid var(--accent)}.card-delete:hover{color:var(--danger)}.workspace{flex-direction:column;height:100vh;display:flex}.workspace-header{background:var(--surface);border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:10px 16px;display:flex}.template-name{background:0 0;border-color:#0000;max-width:380px;font-size:15px;font-weight:600}.template-name:hover{border-color:var(--border)}.save-status{color:var(--muted);margin-left:auto;font-size:13px}.save-status.is-error{color:var(--danger)}.save-status.is-saving{color:var(--accent)}.workspace-body{flex:1;min-height:0;display:flex}.editor{flex-direction:column;flex:1;min-width:0;display:flex}.toolbar{background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:4px;padding:8px 16px;display:flex}.toolbar-group{border-right:1px solid var(--border);gap:2px;padding-right:8px;display:flex}.toolbar-group:last-child{border-right:none}.toolbar-group.toolbar-end{align-items:center;gap:8px;margin-left:auto}.toolbar button{min-width:30px;padding:4px 8px;font-size:13px}.toolbar button.is-active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.toolbar .hint{color:var(--muted);font-size:12px}.toolbar button.border-side{width:34px;height:26px;padding:0;position:relative}.toolbar button.border-side:before{content:"";border:1px dotted #c3c7cd;position:absolute;inset:5px 6px}.toolbar button.border-side:after{content:"";background:var(--muted);position:absolute}.toolbar button.border-side.is-active:after{background:var(--accent)}.toolbar button.border-side:not(.is-active):after{background:0 0}.toolbar button.border-side-top:after{height:2px;top:5px;left:6px;right:6px}.toolbar button.border-side-bottom:after{height:2px;bottom:5px;left:6px;right:6px}.toolbar button.border-side-left:after{width:2px;top:5px;bottom:5px;left:6px}.toolbar button.border-side-right:after{width:2px;top:5px;bottom:5px;right:6px}.toolbar-contextual{background:var(--bg);padding:6px 16px}.toolbar-contextual .hint{padding-right:8px}.editor-scroll{background:var(--desk);flex:1;padding:28px 24px 60px;overflow:auto}.editor-content{width:var(--page-width);margin:0 auto}.prose{padding:var(--page-margin-top) var(--page-margin-right) var(--page-margin-bottom) var(--page-margin-left);min-height:var(--page-height);font-family:var(--page-font-family,var(--doc-font));font-size:var(--page-font-size);background:0 0;background-image:repeating-linear-gradient(to bottom, var(--surface) 0,  var(--surface) calc(var(--page-height) - 1px),  var(--border) calc(var(--page-height) - 1px), var(--border) var(--page-height),  transparent var(--page-height), transparent calc(var(--page-pitch) - 1px),  var(--border) calc(var(--page-pitch) - 1px), var(--border) var(--page-pitch));background-position:0 0;background-repeat:repeat-y;outline:none;line-height:1.45;box-shadow:0 1px 4px #0000001f}[data-guides=off] .prose{background-image:none;background:var(--surface)}[data-guides=off] .editor-scroll{background:var(--bg)}[data-guides=off] .prose [data-page-break]{border-top:2px dashed var(--border);margin:1em 0;height:0!important}.page-count{color:var(--muted);padding:3px 9px;font-size:12px}.prose:focus{outline:none}.prose h1{font-size:1.9em}.prose h2{font-size:1.5em}.prose h3{font-size:1.25em}.prose h1,.prose h2,.prose h3{margin:0 0 .4em;line-height:1.25}.prose p{margin:0 0 .7em}.prose ul,.prose ol{margin:0 0 .7em;padding-left:1.6em}.prose li{margin-bottom:.2em}.prose blockquote{color:#444;border-left:3px solid #ccc;margin:0 0 .7em;padding-left:1em}.prose hr{border:none;border-top:1px solid #ccc;margin:1.2em 0}.prose img{max-width:100%}.prose table{border-collapse:collapse;width:100%;margin:0 0 .9em}.prose th,.prose td{text-align:left;vertical-align:top;border:1px solid #b6b6b6;padding:6px 8px}.prose th{background:#f2f2f2;font-weight:600}.prose th>:last-child,.prose td>:last-child{margin-bottom:0}.prose .selectedCell{background:var(--accent-soft)}.prose div[data-page-break]{pointer-events:none;border:0;margin:0;display:block}.prose table{table-layout:fixed}.prose .column-resize-handle{background:var(--accent);pointer-events:none;width:4px;position:absolute;top:0;bottom:0;right:-2px}.prose th,.prose td{overflow-wrap:break-word;position:relative}.prose.resize-cursor{cursor:col-resize}.variable-pill{background:var(--pill-bg);border:1px dashed var(--pill-border);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:4px;margin:0 1px;padding:0 5px;display:inline-block}.variable-pill.is-selected{outline:2px solid var(--accent);background:var(--accent-soft)}.slash-menu{z-index:20;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);min-width:250px;max-height:280px;margin:0;padding:4px;list-style:none;position:fixed;overflow:auto;box-shadow:0 8px 24px #0000001f}.slash-menu button{text-align:left;background:0 0;border:none;justify-content:space-between;align-items:baseline;gap:12px;width:100%;display:flex}.slash-menu button.is-selected{background:var(--accent-soft);color:var(--accent)}.slash-hint{color:var(--muted);font-family:ui-monospace,monospace;font-size:12px}.side-panel{background:var(--surface);border-left:1px solid var(--border);flex-direction:column;flex-shrink:0;width:320px;display:flex}.tabs{border-bottom:1px solid var(--border);display:flex}.tabs button{color:var(--muted);background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;flex:1;padding:10px}.tabs button.is-active{color:var(--accent);border-bottom-color:var(--accent)}.panel-body{flex:1;padding:16px;overflow:auto}.panel-empty{color:var(--muted);font-size:13px}.panel-empty p{margin:0 0 8px}.variable-list{flex-direction:column;gap:16px;margin:0;padding:0;list-style:none;display:flex}.variable-list li{border:1px solid var(--border);border-radius:var(--radius);padding:12px}.variable-name{text-align:left;width:100%;color:var(--accent);background:0 0;border:none;padding:0 0 8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.variable-name:hover{text-decoration:underline}.mapping{border-top:1px dashed var(--border);margin-top:10px;padding-top:10px}.mapping select{width:100%}.mapping>label:last-child{margin-bottom:0}.variable-list label,.generate label,.dialog label{color:var(--muted);margin-bottom:8px;font-size:12px;display:block}.variable-list label span,.generate label span,.dialog label span{margin-bottom:3px;display:block}.dialog small{color:var(--muted);margin-top:3px;font-size:11px;display:block}.generate-actions{gap:8px;margin-top:16px;display:flex}.generate-actions select{width:auto}.generate-actions button{flex:1}.generate-bulk{border:1px solid var(--border);border-radius:6px;margin-top:20px;padding:12px}.generate-bulk legend{color:var(--muted);padding:0 4px;font-size:12px}.generate-bulk input[type=file]{width:100%;margin-bottom:8px;font-size:12px}.generate-bulk button{width:100%}.generate-bulk .hint{color:var(--muted);margin:0 0 8px;font-size:12px}.generate-retry{margin:8px 0}.generate-retry button{width:100%}.linklike{color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.overlay{z-index:30;background:#0f121666;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dialog{background:var(--surface);border-radius:8px;width:min(420px,100vw - 32px);padding:20px;box-shadow:0 16px 40px #0003}.dialog h2{margin:0 0 16px;font-size:16px}.dialog-actions{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.members-panel{width:min(560px,100vw - 32px);max-height:calc(100vh - 64px);overflow-y:auto}.members-panel header{justify-content:space-between;align-items:center;display:flex}.members-panel header h2{margin:0}.member-list{flex-direction:column;gap:2px;margin:16px 0;padding:0;list-style:none;display:flex}.member-list li{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:6px 0;display:flex}.member-name{overflow-wrap:anywhere;flex:1;min-width:0}.member-name small{color:var(--muted);font-size:12px;display:block}.member-role{color:var(--muted);font-size:13px}.member-pending .member-name{color:var(--muted)}.invite-form{flex-wrap:wrap;gap:8px;display:flex}.invite-form input{flex:1;min-width:180px}.member-list select,.invite-form select{flex:none;width:auto}.members-panel footer{justify-content:flex-end;margin-top:16px;display:flex}.embedded-bar{z-index:20;background:var(--surface,#fff);border-bottom:1px solid var(--border,#e3e5e8);justify-content:flex-end;padding:.5rem 1rem;display:flex;position:sticky;top:0}.embedded-bar .embedded-error{color:var(--danger,#b44);margin-right:auto;font-size:.875rem}.mapping-hint{color:var(--muted);margin-top:2px;font-size:11px;display:block}.portal-badge{white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:12px}.portal-badge.is-connected{color:#1a7f37;background:#e7f6ec}.portal-badge.is-disconnected{color:var(--danger);background:#fdecea}a.button.ghost{color:var(--muted);white-space:nowrap;padding:6px 10px}a.button.ghost:hover{color:var(--text);background:var(--surface)}