.invoice-main{max-width:1440px;margin:auto;padding:125px 28px 70px}.back-studio{color:inherit}.invoice-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:25px 0 12px}.invoice-heading h1{font-size:clamp(32px,4vw,52px);margin:0}.eyebrow{font-size:12px;font-weight:800;letter-spacing:2px;color:#c24d00}.invoice-main button{border:1px solid #cbd1d8;border-radius:7px;padding:10px 14px;background:#fff;color:#17212d;font:inherit;font-weight:600;cursor:pointer}.invoice-main #download{background:#ff6a00;color:#fff;border:0;padding:16px 24px}.privacy{font-size:14px;color:#637083;margin-bottom:26px}.invoice-workspace{display:grid;grid-template-columns:370px minmax(0,1fr);gap:32px;align-items:start}#editor section{background:#fff;border:1px solid #dce0e5;border-radius:12px;padding:22px;margin-bottom:16px;color:#18222c}#editor h2{font-size:18px;margin:0 0 18px}#editor label{display:block;font-size:13px;font-weight:600;margin:12px 0}#editor input,#editor textarea,#editor select{box-sizing:border-box;display:block;width:100%;border:1px solid #cbd1d8;border-radius:6px;background:#fafbfc;color:#18222c;padding:10px;font:inherit;margin-top:6px}#editor .sample{color:#707985;background:#f4f5f7}#editor textarea{resize:vertical}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.small-actions{display:flex;gap:8px}.small-actions button{font-size:12px}.invoice-main small{display:block;color:#637083;font-size:12px;line-height:1.5;margin-top:10px}.item{border-top:1px solid #ddd;padding:5px 0 15px}.item-remove{font-size:12px!important}.preview-area{min-width:0;background:#e5e8ec;border-radius:12px;padding:22px}.preview-label{display:flex;justify-content:space-between;font-size:11px;letter-spacing:1.5px;color:#526071;margin-bottom:15px}#preview canvas{display:block;width:100%;height:auto;background:white;box-shadow:0 4px 16px #0001;margin-bottom:20px}#status{font-size:14px;color:#263445}html[data-theme="dark"] .privacy{color:#b5bfcb}@media(max-width:1000px){.invoice-workspace{grid-template-columns:320px minmax(0,1fr);gap:18px}.preview-area{padding:12px}}@media(max-width:760px){.invoice-main{padding:105px 16px 40px}.invoice-workspace{grid-template-columns:1fr}.invoice-heading{align-items:flex-start;flex-direction:column}.invoice-heading #download{width:100%}.preview-area{padding:12px}}

.invoice-builder-page{background:#f5f6f8}html[data-theme="dark"] .invoice-builder-page{background:#0d141c}

/* Shared project-page shell, with an invoice workspace below the breadcrumb. */
.invoice-section{padding:34px 20px 86px;background:linear-gradient(180deg,#f7f9fc 0%,#eef3f8 100%)}
.invoice-main{width:min(1180px,100%);max-width:none;margin:auto;padding:0}
.invoice-heading{margin:0 0 22px;padding:30px;background:#fff;border:1px solid rgba(8,40,65,.1);border-radius:22px;box-shadow:0 18px 46px rgba(8,40,65,.08)}
.invoice-heading h2{margin:7px 0 10px;font-size:clamp(1.9rem,4vw,3.2rem);line-height:1.02}
.invoice-heading p:not(.kicker){margin:0;color:#526170}
.invoice-main button{border-radius:11px}
.invoice-workspace{gap:22px}
#editor section,.preview-area{border-radius:22px;box-shadow:0 18px 46px rgba(8,40,65,.08)}
html[data-theme="dark"] .invoice-section{background:linear-gradient(180deg,#0b1118,#101923)}
html[data-theme="dark"] .invoice-heading,html[data-theme="dark"] #editor section{background:#151e28;color:#f4f6fa;border-color:#2e3d4b}
html[data-theme="dark"] .invoice-heading p:not(.kicker),html[data-theme="dark"] .invoice-main small{color:#b6c2ce}
html[data-theme="dark"] .preview-area{background:#202c38}
html[data-theme="dark"] .preview-label,html[data-theme="dark"] #status{color:#c9d3de}
@media(max-width:760px){.invoice-section{padding:24px 16px 50px}.invoice-main{padding:0}.invoice-heading{padding:22px}.invoice-heading #download{width:100%}}