.invoice-tool{--invoice-accent:#ff8a68;background:var(--color-paper);padding:clamp(3.5rem,7vw,6rem) 0}.invoice-tool__intro{max-width:76rem;margin-bottom:2.5rem}.invoice-tool__intro h1{letter-spacing:-.06em;max-width:50rem;margin:0;font-size:clamp(2.8rem,6vw,5.6rem);line-height:.94}.invoice-tool__intro h1 em{color:var(--invoice-accent);font-style:normal}.invoice-tool__intro>p:last-child{color:#656565;max-width:38rem;margin:1.3rem 0 0;font-size:1.1rem}.vat-toggle{align-items:center;gap:.6rem;font-weight:600;display:flex}.vat-toggle input{width:1.2rem;height:1.2rem;accent-color:var(--invoice-accent)}.field-help{color:#625e57;font-size:.9rem}.invoice-errors{background:#fff;border:2px solid #ae422e;border-radius:.75rem;padding:1rem}.invoice-errors ul{margin-bottom:0;padding-left:1.3rem}.invoice-tool__workspace{grid-template-columns:minmax(19rem,.75fr) minmax(0,1.25fr);align-items:start;gap:clamp(1.5rem,4vw,4rem);display:grid}.invoice-editor{background:#fff;border:1px solid #ddd9d2;border-radius:1.4rem;max-height:calc(100vh - 2rem);padding:1.25rem;overflow:auto;box-shadow:0 15px 45px #231f190f}.editor-heading{border-bottom:1px solid #ece9e3;align-items:center;gap:.8rem;padding-bottom:1.2rem;display:flex}.editor-heading small{color:#777;margin-top:.1rem;font-size:.78rem;display:block}.editor-dot{background:var(--invoice-accent);border-radius:50%;place-items:center;width:1.8rem;height:1.8rem;font-weight:700;display:grid}.editor-section{border:0;border-bottom:1px solid #ece9e3;min-width:0;margin:0;padding:1.3rem 0}.editor-section .legend{margin-bottom:.85rem;padding:0;font-size:.86rem;font-weight:700}.field{color:#666;grid-template-rows:1.1rem auto;gap:.34rem;margin-top:.72rem;font-size:.72rem;font-weight:600;display:grid}.field:first-of-type{margin-top:0}.field input,.field textarea{box-sizing:border-box;color:#333;width:100%;min-height:2.75rem;font:inherit;resize:vertical;background:#fff;border:1px solid #d9d6d0;border-radius:.6rem;padding:.62rem .7rem;font-size:.9rem;font-weight:400}.field input{height:2.75rem}.field textarea{height:5rem;min-height:5rem;line-height:1.35}.accent-field{color:#666;justify-content:space-between;align-items:center;margin-top:.8rem;font-size:.72rem;font-weight:600;display:flex}.two-fields{grid-template-columns:1fr 1fr;align-items:start;gap:.65rem;margin:.8rem 0;display:grid}.two-fields .field{margin-top:0}.logo-upload{color:#5d5a55;cursor:pointer;background:#faf9f7;border:1px dashed #b9b3aa;border-radius:.7rem;justify-content:center;align-items:center;gap:.5rem;width:100%;min-height:4rem;display:flex;position:relative;overflow:hidden}.logo-upload b{color:var(--invoice-accent);font-size:1.25rem}.logo-upload img{object-fit:contain;max-width:85%;max-height:3.2rem}.logo-upload input{opacity:0;pointer-events:none;position:absolute}.colour-picker{float:right;vertical-align:middle;cursor:pointer;border:0;border-radius:.4rem;width:2.25rem;height:1.55rem;padding:0}.line-item{background:#f8f7f5;border-radius:.75rem;margin-top:.8rem;padding:.9rem}.line-item__top{justify-content:space-between;margin-bottom:.55rem;font-size:.75rem;display:flex}.line-item__top button,.text-button{color:#a34b34;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:600}.add-item{color:#444;cursor:pointer;background:#fff;border:1px dashed #bdb8af;border-radius:.65rem;width:100%;margin-top:.8rem;padding:.65rem;font-weight:600}.add-item:hover{border-color:var(--invoice-accent);color:#222}.finalise-button,.download-button{background:var(--invoice-accent);color:#333;cursor:pointer;border:0;border-radius:.75rem;width:100%;margin-top:1.35rem;padding:.9rem 1rem;font-weight:700}.finalise-button span{float:right;font-size:1.2rem}.finalised-card{background:#f7f7f3;border-radius:.9rem;margin-top:1.2rem;padding:1.25rem}.finalised-card>span{background:var(--invoice-accent);border-radius:50%;place-items:center;width:2rem;height:2rem;margin-bottom:.75rem;font-weight:700;display:grid}.finalised-card p{color:#666;margin:.35rem 0 1rem;font-size:.9rem}.invoice-review-confirmation{cursor:pointer;align-items:flex-start;gap:.65rem;margin-block:1rem;font-size:.9rem;line-height:1.45;display:flex}.invoice-review-confirmation input{width:1.15rem;height:1.15rem;accent-color:var(--invoice-accent);flex:none;margin-top:.1rem}.finalised-card .invoice-review-links{margin-bottom:1rem}.invoice-review-links a{text-underline-offset:.15em}.download-button:disabled{opacity:.5;cursor:not-allowed}.preview-pane{position:sticky;top:1rem}.preview-pane__bar{color:#6d6961;text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;align-items:center;margin:0 0 .8rem;font-size:.78rem;font-weight:700;display:flex}.preview-pane__bar>div{align-items:center;gap:.55rem;display:flex}.preview-button{color:#605c55;font:inherit;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;background:0 0;border:0;font-size:.72rem;font-weight:700}.download-button{letter-spacing:.04em;width:auto;margin:0;padding:.55rem .75rem;font-size:.7rem}.invoice-paper{background:#fff;border-radius:.35rem;min-height:52rem;padding:clamp(1.4rem,4vw,3.5rem) clamp(1.4rem,4vw,3.5rem) 7.5rem;transition:filter .2s,opacity .2s;position:relative;overflow:hidden;box-shadow:0 20px 60px #201d1824}.invoice-paper--blurred{filter:blur(4px);opacity:.55;user-select:none}.invoice-paper__top{border-bottom:2px solid var(--invoice-accent);justify-content:space-between;gap:2rem;padding-bottom:2.5rem;display:flex}.invoice-logo{object-fit:contain;object-position:left;max-width:9rem;max-height:4rem;margin-bottom:1rem;display:block}.invoice-paper h2{letter-spacing:-.04em;margin:0 0 .55rem;font-size:clamp(1.3rem,2.5vw,2.1rem);line-height:1}.invoice-paper p{color:#585858;margin:0;font-size:.78rem;line-height:1.5}.pre-line{white-space:pre-line}.invoice-title{text-align:right}.invoice-title h3{color:var(--invoice-accent);text-transform:uppercase;letter-spacing:-.06em;margin:-.2rem 0 .7rem;font-size:clamp(1rem,5vw,1.2rem);line-height:1}.invoice-title b,.invoice-title span{font-size:.78rem;display:block}.invoice-title span{color:#676767;margin-top:.2rem}.bill-to{padding:1rem 0 0}.bill-to span,.payment-copy h4{color:#78736a;text-transform:uppercase;letter-spacing:.14em;margin-bottom:.35rem;font-size:.65rem;font-weight:700;display:block}.bill-to strong{margin-bottom:.3rem;font-size:1rem;display:block}.invoice-paper table{border-collapse:collapse;width:100%;font-size:.78rem}.invoice-paper th{color:#625e57;text-align:left;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid #d7d3cc;padding:.65rem .5rem;font-size:.65rem}.invoice-paper th:not(:first-child),.invoice-paper td:not(:first-child){text-align:right}.invoice-paper td{border-bottom:1px solid #ece9e4;padding:.75rem .5rem}.invoice-paper th:first-child,.invoice-paper td:first-child{padding-left:0}.invoice-paper th:last-child,.invoice-paper td:last-child{padding-right:0}.invoice-paper__bottom{grid-template-columns:1fr minmax(11rem,.7fr);gap:2rem;margin-top:2rem;display:grid}.payment-copy h4{margin-top:0}.payment-copy .notes{margin-top:1.25rem}.invoice-paper dl{margin:0}.invoice-paper dl div{color:#5d5953;justify-content:space-between;gap:1rem;padding:.38rem 0;font-size:.78rem;display:flex}.invoice-paper dt,.invoice-paper dd{margin:0}.invoice-paper .invoice-total{border-top:2px solid var(--invoice-accent);color:#333;margin-top:.35rem;padding-top:.65rem;font-size:1rem;font-weight:700}.invoice-ad{text-align:center;border-top:1px solid #dedede;margin:0;padding-top:.8rem;position:absolute;bottom:2.25rem;left:clamp(1.4rem,4vw,3.5rem);right:clamp(1.4rem,4vw,3.5rem)}.invoice-ad__made{color:#4c4944;justify-content:center;align-items:center;gap:.35rem;font-size:.72rem;display:flex}.invoice-ad__made strong{letter-spacing:-.03em;font-size:1rem}.invoice-ad__mark{width:1.35rem;height:auto;display:block}.invoice-ad p{margin-top:.3rem;font-size:.58rem}@media (width<=850px){.invoice-tool__workspace{grid-template-columns:1fr}.invoice-editor{max-height:none}.preview-pane{position:static}.invoice-paper{min-height:52rem}.invoice-paper--blurred{filter:none;opacity:1}}@media (width<=500px){.invoice-tool{padding-top:2.75rem}.invoice-tool__workspace{width:min(calc(100% - 1rem), var(--container))}.invoice-editor{padding:1rem}.two-fields,.invoice-paper__bottom{grid-template-columns:1fr}.invoice-paper{padding:1.25rem 1.25rem 7.5rem}.invoice-paper__top{gap:1rem}.invoice-title h3{font-size:2.1rem}.invoice-paper th:nth-child(3),.invoice-paper td:nth-child(3){display:none}.preview-pane__bar{align-items:flex-start}.preview-pane__bar>div{flex-direction:column;align-items:flex-end}}