.gen{align-items:start;gap:20px;margin:8px 0 24px;display:grid}@media (width>=1024px){.gen{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px}.gen-preview{max-height:calc(100vh - 32px);position:sticky;top:16px;overflow:auto}}.gen-form{min-width:0}.panel{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius);min-width:0;margin:0 0 14px;padding:12px 16px 16px}.panel legend{margin-left:-6px;padding:0 6px;font-weight:700}.grid-2,.grid-3{grid-template-columns:1fr;gap:10px 14px;display:grid}@media (width>=560px){.grid-2{grid-template-columns:1fr 1fr}.grid-3{grid-template-columns:1fr 1fr 1fr}.span-2{grid-column:span 2}}.extra-fields{border-top:1px dashed var(--border);margin-top:10px;padding-top:10px}.field{min-width:0;font-size:.9rem;font-weight:600;display:block}.field>input,.field>textarea,.field>select,.field>.input-group{margin-top:4px;display:block}.field>.input-group{display:flex}.i-label{display:block}.field .opt{color:var(--muted);font-weight:400}.field input,.field textarea,.field select,.input-group input,.input-group select{font:inherit;color:var(--text);border:1px solid var(--border-strong);min-height:var(--tap);background:#fff;border-radius:8px;width:100%;min-width:0;padding:9px 10px;font-size:16px;font-weight:400}.field textarea{resize:vertical;line-height:1.4}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--brand);outline:2px solid var(--brand-soft)}.field [aria-invalid=true]{border-color:var(--danger);background:var(--danger-soft)}.input-group{gap:6px;display:flex}.input-group input{flex:auto}.input-group select{flex:none;width:auto}.check{min-height:var(--tap);cursor:pointer;align-items:center;gap:10px;margin-top:12px;display:flex}.check input{flex:none;width:20px;height:20px}.logo-field{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px;display:flex}.logo-preview{align-items:center;gap:8px;display:flex}.logo-preview[hidden]{display:none}.logo-preview img{object-fit:contain;border:1px solid var(--border);background:#fff;border-radius:6px;width:80px;height:80px}.file-btn{position:relative;overflow:hidden}.file-btn input{opacity:0;cursor:pointer;font-size:0;position:absolute;inset:0}.file-btn:focus-within{outline-offset:2px;outline:3px solid #7aa2ff}.field-error{color:var(--danger);font-size:.9rem}.items{counter-reset:line;margin:0 0 12px;padding:0;list-style:none}.item{counter-increment:line;border:1px solid var(--border);background:#fbfcfd;border-radius:8px;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:10px;padding:10px;display:grid;position:relative}.item:before{content:"Line " counter(line);color:var(--muted);grid-column:1/-1;min-height:34px;font-size:.8rem;font-weight:600}.i-desc{grid-column:1/-1}.i-label{color:var(--muted);font-size:.8rem}.i-amount{font-variant-numeric:tabular-nums;white-space:nowrap;flex-direction:column;justify-content:flex-end;align-items:flex-end;padding-bottom:10px;font-weight:600;display:flex;overflow:hidden}.i-amount:before{content:"Amount";color:var(--muted);margin-bottom:auto;font-size:.8rem;font-weight:600}.i-actions{gap:2px;display:flex;position:absolute;top:2px;right:4px}.i-actions .btn{min-width:44px;min-height:44px;color:var(--muted);background:0 0;border:none}.i-actions .btn:hover{color:var(--brand);background:var(--brand-soft)}.i-actions [data-action=remove]:hover{color:var(--danger);background:var(--danger-soft)}@media (width<=400px){.item{grid-template-columns:repeat(2,minmax(0,1fr))}}.item.is-skipped{background:#f3f4f6;border-style:dashed}.item.is-skipped .i-amount{color:var(--muted)}.i-tax{grid-column:1/-1;margin-top:0;font-size:.92rem}.gen:not(.has-tax) .i-tax,.gen:not(.has-tax) .tax-hint,.gen:not(.has-tax) .tax-only{display:none}.tax2,.fold{margin-top:12px}.fold>summary{cursor:pointer;color:var(--brand);min-height:var(--tap);flex-wrap:wrap;align-items:center;gap:4px 6px;font-weight:600;display:flex}.fold[open]>summary{margin-bottom:10px}.design-picker .fold{margin-top:0}.helper{border:1px solid var(--border);background:var(--brand-soft);border-radius:8px;margin:0 0 12px;padding:10px 12px}.helper summary{cursor:pointer;color:var(--brand);min-height:var(--tap);align-items:center;gap:6px;font-weight:600;display:flex}.helper[open] summary{margin-bottom:6px}.photo-list{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;margin:8px 0 10px;padding:0;list-style:none;display:grid}.photo-list:empty{display:none}.photo-list li{aspect-ratio:4/3;border:1px solid var(--border);background:#fff;border-radius:6px;position:relative;overflow:hidden}.photo-list img{object-fit:cover;width:100%;height:100%;display:block}.photo-list .btn-icon{background:#ffffffe6;min-width:36px;min-height:36px;position:absolute;top:2px;right:2px}.paper .p-photos{break-before:page;margin-top:22px}.paper .p-photo-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.paper .p-photo-grid img{border-radius:2px;width:100%;height:auto;display:block}.custom-fields{margin-top:12px}.custom-list{margin:0;padding:0;list-style:none}.custom-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 44px;align-items:end;gap:8px;margin-bottom:8px;display:grid}.custom-row .btn-icon{min-width:44px;min-height:44px}.tax2 summary{cursor:pointer;color:var(--brand);min-height:var(--tap);align-items:center;gap:6px;font-weight:600;display:flex}.tax2[open] summary{margin-bottom:8px}.hint{color:var(--muted);min-height:1.5em;margin:8px 0 0;font-size:.9rem}.errors{background:var(--danger-soft);color:var(--danger);border:1px solid #f3b8b3;border-radius:8px;margin-bottom:14px;padding:10px 14px;font-size:.95rem}.errors ul{margin:4px 0 0;padding-left:1.2em}.gen-notice{background:var(--brand-soft);border:1px solid #c5d5fb;border-radius:8px;margin-bottom:14px;padding:10px 14px;font-size:.95rem}.gen-notice[hidden],.errors[hidden]{display:none}.actions{flex-wrap:wrap;gap:10px;display:flex}.privacy-note{color:var(--muted);margin:10px 0 0;font-size:.88rem}.gen-preview{outline:none;min-width:0}.preview-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.preview-title{color:var(--muted);margin:0;font-size:1rem;font-weight:600}.paper{border:1px solid var(--border);color:#222;overflow-wrap:anywhere;background:#fff;border-radius:4px;min-height:520px;padding:28px 26px;font-size:13px;line-height:1.45;box-shadow:0 1px 3px #10182814,0 8px 24px #1018280f}.paper .p-top{justify-content:space-between;gap:16px;display:flex}.paper .p-biz{min-width:0}.paper .p-logo{object-fit:contain;max-width:120px;max-height:70px;margin-bottom:8px;display:block}.paper .p-bizname{font-size:15px;font-weight:700}.paper .p-doc{text-align:right;flex:none;max-width:50%}.paper .p-doctitle{letter-spacing:.04em;color:var(--brand);text-transform:uppercase;font-size:24px;font-weight:700;line-height:1.1}.paper .p-meta{margin-top:6px}.paper .p-meta div{white-space:nowrap}.paper .p-label{color:#667}.paper .p-parties{grid-template-columns:1fr 1fr;gap:16px;margin:22px 0 14px;display:grid}.paper .p-h{text-transform:uppercase;letter-spacing:.06em;color:#667;margin-bottom:2px;font-size:11px;font-weight:700}.paper .p-pre{white-space:pre-line}.paper .p-extra{grid-template-columns:auto 1fr;gap:2px 12px;margin:0 0 14px;display:grid}.paper table{border-collapse:collapse;width:100%;margin-top:4px}.paper th{background:var(--brand);color:#fff;text-align:left;padding:6px 8px;font-size:12px;font-weight:600}.paper td{vertical-align:top;border-bottom:1px solid #e4e7ec;padding:6px 8px}.paper .num{text-align:right;white-space:nowrap}.paper .p-totals{width:min(100%,280px);margin:12px 0 0 auto}.paper .p-totals div{justify-content:space-between;gap:12px;padding:3px 0;display:flex}.paper .p-totals .p-grand{border-top:2px solid #222;margin-top:4px;padding-top:6px;font-size:15px;font-weight:700}.paper .p-totals .p-bal{font-weight:700}.paper .p-notes{margin-top:20px}.paper .p-empty{color:#6b7280;font-style:italic}.mobile-bar{display:none}@media (width<=1023px){.mobile-bar{z-index:50;padding:10px 16px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--border);background:#fffffff7;gap:10px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 16px #10182814}.mobile-bar .btn{flex:1}.mobile-bar{transition:transform .2s}html.ad-in-view .mobile-bar{transform:translateY(110%)}body:has(.mobile-bar){padding-bottom:76px}.paper{min-height:0;padding:18px 14px;font-size:12px}.paper .p-doctitle{font-size:20px}}@media (width<=480px){.paper .p-top{flex-direction:column}.paper .p-doc{text-align:left;max-width:none}.paper .p-parties{grid-template-columns:1fr;gap:10px}}.toolbar{flex-wrap:wrap;gap:10px;margin-bottom:14px;display:flex}@media (width<=479px){.toolbar{gap:8px}.toolbar .btn{padding-left:12px;padding-right:12px;font-size:15px}}.toolbar .count{background:var(--brand-soft);min-width:1.6em;color:var(--brand);border-radius:99px;padding:0 6px;font-size:.85rem;line-height:1.6;display:inline-block}.due-row{flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;display:flex}.due-row input{flex:160px;width:auto}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{min-height:var(--tap);border:1px solid var(--border-strong);font:inherit;color:var(--text);cursor:pointer;background:#fff;border-radius:99px;padding:0 12px;font-size:.88rem;font-weight:600}.chip:hover{border-color:var(--brand)}.chip[aria-pressed=true]{background:var(--brand);border-color:var(--brand);color:#fff}.add-row{flex-wrap:wrap;align-items:flex-start;gap:10px;display:flex}.library{flex:220px;position:relative}.library input{width:100%;min-height:var(--tap);font:inherit;border:1px solid var(--border-strong);background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%235a6475' stroke-width='2'%3E%3Ccircle cx='7' cy='7' r='5'/%3E%3Cpath d='m11 11 4 4'/%3E%3C/svg%3E") 11px no-repeat;border-radius:8px;padding:9px 10px 9px 34px;font-size:16px}.library input:focus{border-color:var(--brand);outline:2px solid var(--brand-soft)}.library-list{z-index:30;border:1px solid var(--border-strong);background:#fff;border-radius:8px;max-height:300px;margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:auto;box-shadow:0 8px 24px #10182824}.library-list[hidden]{display:none}.library-list [role=option]{min-height:var(--tap);cursor:pointer;border-radius:6px;justify-content:space-between;align-items:center;gap:10px;padding:6px 10px;display:flex}.library-list [role=option] small{color:var(--muted);white-space:nowrap}.library-list [role=option]:hover,.library-list [aria-selected=true]{background:var(--brand-soft)}.library-list .lib-group{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);padding:8px 10px 2px;font-size:.75rem;font-weight:700}.library-list .lib-empty{color:var(--muted);padding:10px;font-size:.9rem}.accept-body[hidden]{display:none}.sig-wrap{margin:8px 0 12px}.sig-pad{touch-action:none;cursor:crosshair;border:1px dashed var(--border-strong);background:#fff linear-gradient(0deg,#0000 34px,#c9ced8 34px 35px,#0000 35px);border-radius:8px;width:100%;height:150px;display:block}.designs{flex-wrap:wrap;gap:12px;display:flex}.design-option{cursor:pointer;flex-direction:column;align-items:center;gap:4px;font-size:.9rem;font-weight:600;display:flex;position:relative}.design-option input{opacity:0;width:1px;height:1px;position:absolute}.design-option svg{outline-offset:3px;border-radius:6px;outline:2px solid #0000}.design-option input:checked+svg{outline-color:var(--brand)}.design-option input:focus-visible+svg{outline:3px solid #7aa2ff}.design-picker .t-acc{fill:var(--accent)}.accent-row{flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;display:flex}.accent-label{font-size:.9rem;font-weight:600}.swatches{flex-wrap:wrap;gap:6px;display:flex}.swatch{width:var(--tap);height:var(--tap);background:var(--c);box-shadow:0 0 0 1px var(--border-strong);cursor:pointer;border:3px solid #fff;border-radius:50%;padding:0}.swatch[aria-pressed=true]{box-shadow:0 0 0 3px var(--text)}.swatch.custom{background:conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red);position:relative;overflow:hidden}.swatch.custom input{opacity:0;cursor:pointer;width:200%;height:200%;position:absolute;inset:-8px}.actions{align-items:center}.btn-lg{min-height:50px;padding:0 22px;font-size:1.05rem}.actions-more{flex-wrap:wrap;gap:8px;display:flex}.btn-convert{border-color:var(--brand);color:var(--brand)}.btn-danger:hover{border-color:var(--danger);color:var(--danger)}.gen-notice ol{margin:6px 0 0;padding-left:1.3em}.history{border:1px solid var(--border);border-radius:12px;width:min(640px,100vw - 24px);max-height:calc(100vh - 48px);padding:18px 18px 12px;box-shadow:0 20px 60px #1018284d}.history::backdrop{background:#10182873}.history-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.dialog-title{margin:0;font-weight:700;line-height:1.25}.history-head .dialog-title{font-size:1.25rem}.history-search{width:100%;min-height:var(--tap);font:inherit;border:1px solid var(--border-strong);border-radius:8px;margin:4px 0 10px;padding:9px 10px;font-size:16px}.history-list{margin:0;padding:0;list-style:none}.h-row{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;gap:8px 12px;padding:12px 0;display:flex}.h-row.is-current{background:var(--brand-soft);border-radius:8px;margin:0 -10px;padding:12px 10px}.h-main{flex:220px;min-width:0}.h-type{color:var(--muted);font-size:.85rem}.h-sub{color:var(--muted);overflow-wrap:anywhere;font-size:.9rem}.h-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.h-badge{color:var(--brand);padding:0 8px;font-size:.85rem;font-weight:600}.h-empty{color:var(--muted);padding:14px 0}.paper{--accent:#1f4fd1;--on-accent:#fff;--accent-text:#1f4fd1}.paper .p-band{display:none}.paper .p-doctitle{color:var(--accent-text)}.paper th{background:var(--accent);color:var(--on-accent)}.paper .p-totals .p-strong{font-weight:700}.paper[data-design=modern] .p-band{background:var(--accent);color:var(--on-accent);border-radius:4px 4px 0 0;margin:-28px -26px 20px;padding:18px 26px;display:block}.paper[data-design=modern] .p-band .p-doctitle{color:var(--on-accent)}.paper[data-design=modern] .p-doc .p-doctitle{display:none}.paper[data-design=modern] tbody tr:nth-child(2n) td{background:#f6f8fb}.paper[data-design=modern] .p-totals .p-grand{color:var(--accent-text);border-top-color:var(--accent)}.paper[data-design=minimal] .p-doctitle{color:#222;font-weight:400}.paper[data-design=minimal] th{color:#222;border-bottom:2px solid var(--accent);background:0 0}.paper[data-design=minimal] .p-top{border-bottom:2px solid var(--accent);padding-bottom:14px}.paper[data-design=minimal] .p-totals .p-grand{border-top-color:var(--accent)}.paper[data-design=bold]{border-top:10px solid var(--accent)}.paper[data-design=bold] .p-totals .p-grand{background:var(--accent);color:var(--on-accent);border-top:0;border-radius:4px;padding:8px 10px}.paper[data-design=compact]{font-size:11px}.paper[data-design=compact] .p-doctitle{font-size:18px}.paper[data-design=compact] th,.paper[data-design=compact] td{padding:3px 6px}.paper[data-design=compact] .p-parties{margin:14px 0 10px}.paper[data-design=compact] .p-notes{margin-top:12px}@media (width<=1023px){.paper[data-design=modern] .p-band{margin:-18px -14px 16px;padding:14px}}.paper .p-accept{break-inside:avoid;margin-top:22px}.paper .p-accept p{margin:2px 0 10px}.paper .p-sign{grid-template-columns:2fr 1.2fr 1.2fr;gap:14px;display:grid}.paper .p-sigbox{flex-direction:column;justify-content:flex-end;min-height:56px;display:flex}.paper .p-sigbox img{object-fit:contain;object-position:left bottom;max-width:100%;max-height:50px}.paper .p-sigbox span{color:#667;border-top:1px solid #222;padding-top:2px;font-size:10px}.paper .p-sigtext{padding-bottom:2px}.sheet-only{display:none}html.sheet-open,html.sheet-open body{overflow:hidden}.gen-preview.is-sheet{z-index:200;background:var(--bg);max-height:none;padding:0 12px 24px;position:fixed;inset:0;overflow:auto}.gen-preview.is-sheet .preview-head{z-index:1;background:var(--bg);gap:8px;padding:10px 0;position:sticky;top:0}.gen-preview.is-sheet .preview-title{flex:1}.gen-preview.is-sheet .sheet-only{display:inline-flex}.done{border:1px solid var(--border);border-radius:12px;width:min(520px,100vw - 24px);padding:18px 20px 14px;box-shadow:0 20px 60px #1018284d}.done::backdrop{background:#10182873}.done-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.done-head .dialog-title{color:var(--ok);font-size:1.4rem}.done-msg{margin:8px 0 4px}.done-extra[hidden],.done-share[hidden]{display:none}.done-share{margin:12px 0 4px}.done-share .btn{width:100%}.done-share .hint{min-height:0}.done-extra ol{margin:4px 0 0;padding-left:1.3em}.done-retry{color:var(--muted);margin:6px 0 0;font-size:.92rem}.done-next-title{margin:18px 0 8px;font-size:1rem;font-weight:700}.done-next ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.done-next .btn{justify-content:flex-start;width:100%}.done-affiliate{border:1px solid var(--border);background:#fafbfc;border-radius:8px;margin-top:18px;padding:12px 14px}.done-affiliate p{margin:4px 0 0;font-size:.92rem}.aff-label{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:2px;font-size:.75rem;font-weight:700}.aff-disclosure{color:var(--muted);font-size:.82rem!important}.done-optout{color:var(--muted);margin-top:10px;font-size:.9rem}.paper .p-pay{break-inside:avoid;align-items:center;gap:12px;margin-top:16px;display:flex}.paper .p-pay svg{flex:none}.paper .p-link{overflow-wrap:anywhere}@media screen{#print-root{display:none}}@media print{@page{margin:12mm}html,body{background:#fff!important;margin:0!important;padding:0!important}body>:not(#print-root){display:none!important}#print-root .paper{box-shadow:none;-webkit-print-color-adjust:exact;print-color-adjust:exact;border:none;min-height:0;padding:0;font-size:11pt}#print-root .paper[data-design=modern] .p-band{border-radius:0;margin:0 0 16px}#print-root tr,#print-root .p-totals,#print-root .p-accept{break-inside:avoid}#print-root thead{display:table-header-group}}
