:root{--fg: #1a1a1a;--muted: #5c5c5c;--border: #d4d4d4;--accent: #1c4e80;--error: #a1272b;--warning-bg: #fdf6e3;--chip-bg: #e4edf7;--hover-bg: #ececec;--bar-bg: #f6f6f6;color-scheme:light dark}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:var(--fg);line-height:1.5}.page{max-width:52rem;margin:0 auto;padding:1.5rem}.page--wide{max-width:72rem}.page-header{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;flex-wrap:wrap}.app-nav{display:flex;justify-content:flex-end;padding:.5rem 1.5rem;border-bottom:1px solid var(--border)}button{font:inherit;padding:.4rem .9rem;border:1px solid var(--border);border-radius:4px;background:#fff;cursor:pointer}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.55;cursor:not-allowed}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input{font:inherit;width:100%;padding:.45rem .6rem;border:1px solid var(--border);border-radius:4px}input[aria-invalid=true]{border-color:var(--error)}label{display:block;margin-top:1rem;font-weight:600}.hint{color:var(--muted);font-size:.9rem;margin:.25rem 0}.error{color:var(--error);font-weight:600}.banner{margin:1rem 0;padding:.75rem 1rem;background:var(--warning-bg);border:1px solid var(--border);border-radius:4px}.toolbar{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center;margin:1rem 0 .5rem}.toolbar-group{display:inline-flex;gap:.35rem}.toolbar-group:not(:first-child){padding-left:.5rem;border-left:1px solid var(--border)}.toolbar button.is-active{background:var(--accent);color:#fff;border-color:var(--accent);font-weight:700;box-shadow:inset 0 2px 3px #00000059}.toolbar button.is-active:hover:not(:disabled){border-color:var(--accent)}.toolbar button:disabled{opacity:.5;cursor:not-allowed}.editor-surface{min-height:24rem;padding:1rem;border:1px solid var(--border);border-radius:4px;resize:vertical;overflow:auto}.editor-surface:focus{outline:2px solid var(--accent)}.placeholder-chip{display:inline-block;padding:.05rem .4rem;margin:0 .1rem;background:var(--chip-bg);border:1px solid var(--accent);border-radius:3px;font-size:.9em;white-space:nowrap}.template-list,.fields ul{list-style:none;padding:0}.template-list li,.fields li{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 0;border-bottom:1px solid var(--border)}.row-actions{display:flex;gap:.35rem}.field{margin-bottom:.75rem}.empty-state{padding:2rem;border:1px dashed var(--border);border-radius:6px;text-align:center}.document-frame{padding:1.5rem;border:1px solid var(--border);border-radius:4px;background:#fff}.page-actions{display:flex;gap:.5rem;margin-top:1.25rem}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;padding:1rem}.dialog{background:#fff;border-radius:6px;padding:1.25rem;max-width:28rem;width:100%}.dialog-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1rem}.combobox-list{list-style:none;margin:.35rem 0 0;padding:0;max-height:12rem;overflow-y:auto;border:1px solid var(--border);border-radius:4px}.combobox-option{padding:.35rem .6rem;cursor:pointer;overflow-wrap:anywhere}.combobox-option:hover{background:var(--chip-bg)}.combobox-option.is-active{background:var(--accent);color:#fff}.warning{margin:.5rem 0;padding:.6rem .75rem;background:var(--warning-bg);border:1px solid var(--border);border-radius:4px;font-size:.9rem}.warning p{margin:0 0 .5rem}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent);font-weight:600}.btn-primary:hover:not(:disabled){filter:brightness(.93);border-color:var(--accent)}.btn-ghost{background:transparent;border-color:transparent;color:var(--muted)}.btn-ghost:hover:not(:disabled){background:var(--hover-bg);border-color:transparent;color:var(--fg)}.btn-accent-outline{color:var(--accent);border-color:var(--accent);font-weight:600}.btn-accent-outline:hover:not(:disabled){background:var(--chip-bg);border-color:var(--accent)}.btn-danger{color:var(--error);border-color:currentColor}.btn-danger:hover:not(:disabled){background:var(--hover-bg);border-color:var(--error);color:var(--error)}.btn-danger-solid{background:var(--error);border-color:var(--error);color:#fff;font-weight:600}.btn-danger-solid:hover:not(:disabled){filter:brightness(.93);border-color:var(--error)}.toolbar{padding:.3rem;background:var(--bar-bg);border:1px solid var(--border);border-radius:8px}.toolbar button{background:transparent;border-color:transparent;min-width:2.1rem}.toolbar button:hover:not(:disabled){background:var(--hover-bg);border-color:transparent}.toolbar .toolbar-group--action{margin-left:auto;border-left:none;padding-left:0}.template-list a{color:var(--accent);font-weight:600;text-decoration:none}.template-list a:hover{text-decoration:underline}.page input[type=search],#template-title{max-width:30rem}.banner{border-left:4px solid #b98900}.empty-state,.document-frame{box-shadow:0 1px 3px #0000000f}@media(prefers-color-scheme:dark){:root{--fg: #ececec;--muted: #a8a8a8;--border: #444;--accent: #6ea8dc;--error: #ff8a8a;--warning-bg: #33301f;--chip-bg: #2a3b4d;--hover-bg: #2d2d2d;--bar-bg: #232323}body,.dialog,.document-frame,button{background:#1c1c1c;color:var(--fg)}.toolbar button.is-active,.btn-primary{color:#10151b}.btn-danger-solid{color:#1a0606}}