:root{color:#0b1b34;font-synthesis:none;--ink:#071a36;--muted:#526179;--line:#cbd5e1;--soft-line:#e6ebf1;--work:#f5f7fa;--blue:#155eef;--green:#16803a;--red:#c81e1e;background:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;max-width:100%;overflow-x:hidden}body{min-width:320px;max-width:100%;color:var(--ink);background:#fff;margin:0;overflow-x:hidden}#tool-root,.workspace,.editor-panel,.invoice-scroller,.output-band,.output-grid,.document-preview,.email-preview{min-width:0;max-width:100%}.invoice-scroller,.document-preview{width:100%}button,input,select,textarea{color:var(--ink);font:600 .86rem/1.35 Inter,ui-sans-serif,system-ui,sans-serif}input,select,textarea{background:#fff;border:1px solid #aeb9c8;border-radius:5px;width:100%;padding:.58rem .66rem;font-weight:500}input:focus,select:focus,textarea:focus,button:focus-visible,a:focus-visible{outline-offset:1px;border-color:var(--blue);outline:3px solid #abc6ff}input[aria-invalid=true]{border-color:var(--red);background:#fff7f7}button{border:1px solid var(--blue);background:var(--blue);color:#fff;cursor:pointer;border-radius:5px;padding:.58rem .82rem}button:hover{filter:brightness(.94)}button:disabled{cursor:not-allowed;opacity:.46}button.secondary{color:var(--blue);background:#fff}button.danger{border-color:var(--red);color:var(--red);background:#fff}.site-header{background:var(--ink);color:#fff}.nav-shell{justify-content:space-between;align-items:center;gap:2rem;max-width:1450px;min-height:56px;margin:auto;padding:0 3rem;display:flex}.brand{color:#fff;font:700 1.55rem/1 Georgia,Times New Roman,serif;text-decoration:none}.site-header nav{gap:2.35rem;display:flex}.site-header nav a{color:#e8eef8;border-bottom:2px solid #0000;padding:1.2rem 0 1rem;font-size:.92rem;text-decoration:none}.site-header nav a:hover{border-color:#fff}.hero{max-width:1450px;margin:auto;padding:1.5rem 3rem 1rem;position:relative}.hero h1{letter-spacing:-.045em;max-width:950px;margin:0 0 .7rem;font:700 clamp(2.4rem,4vw,3.7rem)/.98 Georgia,Times New Roman,serif}.hero .lede{color:#2d405c;max-width:760px;margin:0;font-size:1.05rem;line-height:1.55}.experiment-label{color:#42516a;border:1px solid #9da9ba;padding:.35rem .7rem;font-size:.76rem;position:absolute;top:2.1rem;right:3rem}.critical-notice{color:var(--red);margin:1rem 0 0;font:700 1rem/1.4 Georgia,Times New Roman,serif}.workspace{grid-template-columns:minmax(0,1fr) 320px;align-items:stretch;gap:.75rem;max-width:1450px;margin:0 auto 1rem;padding:0 3rem;display:grid}.editor-panel,.totals{border:1px solid var(--line);background:#fff;border-radius:7px}.editor-panel{min-width:0}.section-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:.85rem 1rem;display:flex}.section-toolbar h2,.invoice-heading h2,.totals h2{margin:0;font:700 1rem/1.2 Georgia,Times New Roman,serif}.party-grid{grid-template-columns:1fr 1fr .9fr;display:grid}fieldset{border:0;min-width:0;margin:0;padding:1rem}fieldset+fieldset{border-left:1px solid var(--soft-line)}legend{width:100%;margin:0 0 .7rem;padding:0;font:700 .94rem/1.2 Georgia,Times New Roman,serif;display:block}fieldset label{grid-template-columns:98px 1fr;align-items:center;gap:.55rem;margin:.48rem 0;font-size:.76rem;font-weight:700;display:grid}fieldset textarea{resize:vertical}.payment-fields label{grid-template-columns:1fr;gap:.25rem}.invoice-heading{border-top:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:1rem;padding:.85rem 1rem .45rem;display:flex}.invoice-heading p{color:var(--muted);margin:0;font-size:.73rem}.invoice-scroller{padding:.3rem 1rem 1rem;overflow-x:auto}.invoice-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;min-width:890px}.invoice-table th{background:var(--work);color:#33435b;text-transform:uppercase;letter-spacing:.04em;text-align:right;border:1px solid var(--line);padding:.55rem;font-size:.66rem}.invoice-table th:first-child,.invoice-table td:first-child{text-align:left}.invoice-table td{border:1px solid var(--line);text-align:right;padding:.38rem .45rem}.invoice-table input{text-align:right;min-width:112px}.invoice-table td:first-child input{text-align:left}.invoice-table .row-error td{background:snow}.money{white-space:nowrap;font-size:.8rem}.money.negative{color:var(--red)}.icon-button{border-color:var(--line);color:#253752;background:#fff;width:34px;padding:.45rem;font-size:1.1rem}.add-row{margin-top:.65rem}.totals{padding:1rem}.totals h2{border-bottom:1px solid var(--soft-line);padding-bottom:.7rem}.totals dl{font-variant-numeric:tabular-nums;margin:.5rem 0 1rem}.totals dl div{justify-content:space-between;gap:1rem;padding:.38rem 0;font-size:.82rem;display:flex}.totals dl .major{border-top:1px solid var(--line);margin-top:.4rem;padding-top:.75rem;font-weight:800}.totals dd{margin:0}.payment-total{gap:.4rem;font-size:.76rem;font-weight:800;display:grid}.payment-total input{text-align:right;font-variant-numeric:tabular-nums}.field-error{color:var(--red);font-size:.73rem}.reconciliation{border-left:4px solid;gap:.28rem;margin-top:1rem;padding:.75rem .7rem;display:grid}.reconciliation strong{font:700 1.22rem/1.2 Georgia,Times New Roman,serif}.reconciliation span{font-size:.74rem;line-height:1.4}.reconciliation.matched{color:var(--green);border-color:var(--green);background:#f1fbf4}.reconciliation.mismatch{color:var(--red);border-color:var(--red);background:#fff5f5}.total-actions{gap:.42rem;margin-top:1rem;display:grid}.total-actions button{text-align:left;width:100%;font-size:.74rem}.error-summary{border-left:4px solid var(--red);background:#fff5f5;margin:0 1rem 1rem;padding:.7rem .9rem;font-size:.76rem}.error-summary ul{margin:.4rem 0 0;padding-left:1.2rem}.output-band{background:var(--work);border-block:1px solid var(--line);margin-top:1.5rem;padding:2.2rem max(3rem,50vw - 677px)}.output-heading{justify-content:space-between;align-items:end;gap:2rem;margin-bottom:1rem;display:flex}.output-heading h2{margin:0 0 .3rem;font:700 1.7rem/1.1 Georgia,Times New Roman,serif}.output-heading p{color:var(--muted);margin:0}.output-grid{grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);align-items:start;gap:1.2rem;display:grid}.document-preview{background:#fff;border:1px solid #bcc6d4;min-width:0;padding:2rem;position:relative;box-shadow:0 8px 24px #0c1f3d17}.document-preview:after{content:"";background:linear-gradient(225deg, var(--work) 50%, #d7dee8 51%);width:24px;height:24px;position:absolute;top:-1px;right:-1px}.document-preview>header{border-bottom:3px solid var(--ink);justify-content:space-between;gap:2rem;padding-bottom:1rem;display:flex}.document-preview>header>div{gap:.25rem;display:grid}.document-preview>header b{letter-spacing:.06em;font:700 1.35rem/1.1 Georgia,serif}.document-preview small,.document-parties small{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:.61rem}.document-preview>header>div:last-child{text-align:right;grid-template-columns:auto auto;column-gap:1rem;font-size:.75rem}.document-parties{grid-template-columns:1fr 1fr;gap:3rem;padding:1rem 0;display:grid}.document-parties>div{gap:.25rem;font-size:.75rem;display:grid}.preserve-lines{white-space:pre-line}.document-preview table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:.68rem}.document-preview th,.document-preview td{border-bottom:1px solid var(--soft-line);text-align:right;padding:.55rem .4rem}.document-preview th:first-child,.document-preview td:first-child{text-align:left}.document-total{border-bottom:1px solid var(--line);justify-content:flex-end;gap:2rem;padding:1rem 0;display:flex}.document-preview footer{color:var(--red);padding-top:.8rem;font:700 .75rem/1.4 Georgia,serif}.email-preview{border-left:4px solid var(--blue);padding:.3rem 0 .3rem 1.1rem}.email-preview h3{margin:0 0 1rem;font:700 1.15rem/1.2 Georgia,serif}.email-preview label{text-transform:uppercase;letter-spacing:.05em;gap:.3rem;margin-bottom:.75rem;font-size:.7rem;font-weight:800;display:grid}.email-preview textarea{resize:vertical;font:500 .8rem/1.5 ui-monospace,SFMono-Regular,Menlo,monospace}.email-preview p{color:var(--muted);font-size:.72rem}.content-sections{max-width:1320px;margin:auto;padding:3.5rem 3rem}.content-intro{max-width:760px;margin-bottom:2.8rem}.content-sections h2{margin:0 0 .8rem;font:700 2rem/1.08 Georgia,serif}.content-sections h3{margin:0 0 .6rem;font:700 1.25rem/1.2 Georgia,serif}.content-sections p,.content-sections li{color:#34445b;line-height:1.7}.content-columns{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);display:grid}.content-columns article{padding:1.8rem 1.3rem}.content-columns article+article{border-left:1px solid var(--line)}.content-columns article:nth-child(3){border-left:4px solid var(--blue)}.site-footer{max-width:1450px;color:var(--muted);justify-content:space-between;gap:2rem;margin:auto;padding:1.3rem 3rem 2.5rem;font-size:.74rem;display:flex}.site-footer nav{flex-wrap:wrap;gap:1.5rem;display:flex}.site-footer a{color:var(--blue)}.sr-only,.sr-only-label>span{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:0;padding:0;position:absolute;top:0;left:0;overflow:hidden}@media (width<=1100px){.workspace{grid-template-columns:1fr}.totals{grid-template-columns:1fr 1fr;gap:0 1.5rem;display:grid}.totals h2{grid-column:1/-1}.party-grid{grid-template-columns:1fr 1fr}.payment-fields{border-left:0;border-top:1px solid var(--soft-line);grid-column:1/-1;grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.payment-fields legend{grid-column:1/-1}.output-grid{grid-template-columns:1fr}.content-columns{grid-template-columns:1fr 1fr}.content-columns article:nth-child(3){border-left:0;border-top:4px solid var(--blue)}.content-columns article:nth-child(3),.content-columns article:nth-child(4){border-top:1px solid var(--line)}}@media (width<=720px){.nav-shell,.hero,.workspace,.content-sections,.site-footer{padding-left:1rem;padding-right:1rem}.nav-shell{align-items:flex-start;padding-top:.9rem;padding-bottom:.8rem}.site-header nav{flex-wrap:wrap;justify-content:flex-end;gap:.9rem}.site-header nav a{padding:.25rem 0;font-size:.78rem}.experiment-label{margin-bottom:.8rem;display:inline-block;position:static}.hero h1{font-size:2.6rem}.party-grid{grid-template-columns:1fr}fieldset+fieldset{border-left:0;border-top:1px solid var(--soft-line)}.payment-fields{grid-template-columns:1fr}.workspace{padding:0 1rem}.totals{display:block}.output-band{padding:2rem 1rem}.output-heading{flex-direction:column;align-items:flex-start}.actions{justify-content:flex-start}.document-preview{padding:1rem;overflow-x:auto}.document-preview>header,.document-parties,.document-preview table,.document-total,.document-preview footer{min-width:570px}.content-columns{grid-template-columns:1fr}.content-columns article+article{border-left:0;border-top:1px solid var(--line)}.content-columns article:nth-child(3){border-top:4px solid var(--blue)}.site-footer{flex-direction:column}}@media print{body>:not(#tool-root),#tool-root>:not(.output-band),.output-heading,.email-preview{display:none!important}.output-band{background:#fff;border:0;padding:0;display:block!important}.output-grid{display:block}.document-preview{box-shadow:none;border:0;padding:0}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}