:root{color:#20211d;background:#e7e1d5;font-family:Aptos,IBM Plex Sans,Segoe UI,ui-sans-serif,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{background:linear-gradient(rgba(32,33,29,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(32,33,29,.025) 1px,transparent 1px),#e7e1d5;background-size:28px 28px}body{margin:0;min-width:320px;overflow-x:hidden}a{color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.workspace{width:100%;max-width:1680px;margin:0 auto;padding:28px}.studio-hero{display:grid;grid-template-columns:minmax(180px,.58fr) minmax(360px,1.4fr) max-content;gap:24px;align-items:center;min-height:210px;padding:22px 0 28px;border-bottom:2px solid rgba(32,33,29,.18)}.studio-hero>*,.context-ribbon>*,.invoice-workbench>*{min-width:0}.brand-lockup{display:flex;align-items:center;gap:13px}.brand-mark{display:grid;width:48px;height:48px;place-items:center;border:2px solid #20211d;border-radius:6px;background:#f4c45d;box-shadow:6px 6px #20211d;color:#20211d;font-family:Georgia,serif;font-size:1.45rem;font-weight:900}.brand-lockup p,.brand-lockup span,.hero-copy p,.studio-hero h1{margin:0}.brand-lockup p{color:#6d675b;font-size:.72rem;font-weight:800;text-transform:uppercase}.brand-lockup span{display:block;color:#20211d;font-family:Georgia,Times New Roman,serif;font-size:1.4rem;font-weight:900}.hero-copy{width:100%;max-width:760px}.studio-hero h1{color:#20211d;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.65rem,6vw,6.2rem);line-height:.88;overflow-wrap:break-word}.hero-copy p{max-width:620px;margin-top:14px;color:#5d584e;font-size:1.02rem;line-height:1.5;overflow-wrap:anywhere}.section-kicker{display:inline-flex;margin-bottom:7px;color:#8c3f2f;font-size:.72rem;font-weight:900;text-transform:uppercase}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 14px;border-radius:6px;font-weight:900;text-decoration:none;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.primary-button{border:1px solid #20211d;background:#20211d;color:#fffaf0;box-shadow:4px 4px #20211d38}.secondary-button{border:1px solid #bdb4a4;background:#fffaf0;color:#20211d}.primary-button:hover,.secondary-button:hover{transform:translateY(-1px)}.primary-button:disabled,.secondary-button:disabled,.secondary-button[aria-disabled=true]{cursor:not-allowed;opacity:.5}.primary-button:focus-visible,.secondary-button:focus-visible,.invoice-row:focus-visible,input:focus,select:focus,textarea:focus{outline:3px solid rgba(140,63,47,.28);outline-offset:2px}.context-ribbon{display:grid;grid-template-columns:1.35fr repeat(3,minmax(0,1fr));margin:20px 0 14px;border:1px solid #20211d;background:#20211d}.context-ribbon article{min-width:0;padding:13px 15px;background:#fffaf0}.context-ribbon article+article{border-left:1px solid #20211d}.context-ribbon span,.invoice-row small{display:block;color:#6d675b;font-size:.72rem;font-weight:900;text-transform:uppercase}.context-ribbon strong{display:block;overflow:hidden;margin-top:5px;color:#20211d;font-size:.98rem;text-overflow:ellipsis;white-space:nowrap}.notice-bar{margin:0 0 18px;padding:11px 14px;border-left:4px solid #8c3f2f;background:#fffaf0d1;color:#554f45;font-weight:750}.invoice-workbench{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(380px,1fr) minmax(360px,.95fr);gap:18px;align-items:start}.setup-column,.compose-column,.preview-column,.stack{display:grid;gap:14px}.panel{min-width:0;padding:16px;border:1px solid #c4baaa;border-radius:6px;background:#fffaf0f0;box-shadow:0 16px 42px #453c2e14}.context-panel{border-color:#20211d;background:#f4c45d;box-shadow:5px 5px #20211d29}.panel-heading{display:flex;align-items:start;justify-content:space-between;gap:12px;margin-bottom:12px}.panel-heading svg{color:#8c3f2f}.panel h2,.pdf-preview h3{margin:0;color:#20211d}.panel h2{font-family:Georgia,Times New Roman,serif;font-size:1.22rem;line-height:1.1}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.client-picker{display:grid;grid-template-columns:minmax(0,1fr) max-content;gap:10px;align-items:end;margin-bottom:12px}.saved-client-list{display:grid;gap:8px;margin-bottom:12px}.saved-client{display:grid;gap:3px;width:100%;padding:10px 12px;border:1px solid #d5cdbf;border-radius:5px;background:#fffdf7;color:#20211d;text-align:left}.saved-client.selected{border-color:#20211d;background:#f2e7d2;box-shadow:inset 4px 0 #8c3f2f}.saved-client strong,.saved-client span{overflow-wrap:anywhere}.saved-client span,.empty-helper,.action-hint{color:#5d584e;font-size:.82rem}.empty-helper,.action-hint{margin:0;line-height:1.45}label{display:grid;gap:5px;color:#4f493f;font-size:.79rem;font-weight:900}input,select,textarea{width:100%;min-width:0;border:1px solid #bdb4a4;border-radius:5px;background:#fffdf7;color:#20211d}input,select{height:38px;padding:0 10px}textarea{resize:vertical;padding:9px 10px}.wide-field{grid-column:1 / -1}.invoice-list{display:grid;gap:12px}.list-stack{display:grid;gap:8px}.full-width-button{width:100%;justify-content:center}.empty-state{margin:0;padding:12px;border:1px dashed #c4baaa;border-radius:5px;color:#6d665b}.invoice-row{display:grid;grid-template-columns:minmax(0,1fr) max-content;gap:12px;width:100%;min-height:64px;padding:11px;border:1px solid #d4caba;border-radius:5px;background:#fffdf7;color:#20211d;text-align:left}.invoice-row.selected{border-color:#20211d;background:#fff3d1;box-shadow:inset 4px 0 #8c3f2f}.invoice-row strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-tag{justify-self:end;width:fit-content;margin-top:5px;padding:2px 8px;border-radius:999px;background:#ebe3d3;color:#554f45}.status-tag.ready{background:#dbeadf;color:#1f5f3d}.status-tag.sent{background:#dce9ee;color:#245066}.status-tag.paid{background:#e1edc9;color:#485f14}.totals-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:hidden;border:1px solid #20211d;border-radius:5px;background:#20211d}.totals-strip span,.totals-strip strong{min-width:0;padding:10px;background:#fffdf7;color:#454036;font-size:.86rem}.totals-strip span+span,.totals-strip strong{border-left:1px solid #20211d}.totals-strip strong{background:#20211d;color:#fffaf0;text-align:right}.preview-panel{position:sticky;top:24px;display:grid;gap:14px;background:transparent;border:0;box-shadow:none;padding:0}.pdf-preview{display:grid;gap:22px;min-height:640px;padding:30px;border:1px solid #c8c0b3;border-radius:4px;background:linear-gradient(90deg,transparent 0,transparent 36px,rgba(140,63,47,.14) 37px,transparent 38px),linear-gradient(rgba(32,33,29,.045) 1px,transparent 1px),#fffdf7;background-size:100% 100%,100% 32px,auto;box-shadow:0 30px 70px #453c2e38,10px 10px #20211d14}.preview-document-header,.preview-parties,.preview-line div,.preview-totals div{display:flex;justify-content:space-between;gap:16px}.preview-document-header{align-items:start;padding-bottom:18px;border-bottom:2px solid #20211d}.preview-document-header p{margin:0;color:#6d675b;font-weight:900}.document-label,.preview-parties span,.preview-line span,.preview-totals dt{color:#6d675b;font-size:.76rem;font-weight:900;text-transform:uppercase}.pdf-preview h3{margin-top:5px;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.45rem,3vw,2rem);line-height:1}.preview-parties{align-items:start}.preview-parties section{width:50%;min-width:0}.preview-parties strong{display:block;margin:5px 0;color:#20211d}.preview-parties p,.preview-line p{margin:0;color:#5d584e;line-height:1.45;white-space:pre-line}.preview-line{display:grid;gap:10px;padding:14px 0;border-top:1px solid #d5cdbf;border-bottom:1px solid #d5cdbf}.preview-line strong{color:#20211d}.preview-totals{align-self:end;display:grid;gap:8px;margin:0;padding-left:min(42%,220px)}.preview-totals dd{margin:0;color:#20211d;font-weight:900}.total-line{margin-top:8px;padding-top:10px;border-top:2px solid #20211d;font-size:1.08rem}.button-row{display:flex;flex-wrap:wrap;gap:10px}@media (max-width: 1240px){.studio-hero{grid-template-columns:1fr max-content}.hero-copy{grid-column:1 / -1;grid-row:2}.invoice-workbench{grid-template-columns:minmax(280px,.8fr) minmax(420px,1.2fr)}.preview-column{grid-column:1 / -1}.preview-panel{position:static}.pdf-preview{min-height:460px}}@media (max-width: 860px){.workspace{padding:18px}.studio-hero,.invoice-workbench,.context-ribbon{grid-template-columns:1fr}.studio-hero{display:flex;flex-direction:column;align-items:stretch;min-height:0}.hero-copy{max-width:100%}.context-ribbon article+article{border-top:1px solid #20211d;border-left:0}}@media (max-width: 620px){.workspace{padding:14px}.studio-hero{gap:18px}.studio-hero .primary-button{width:100%}.field-grid,.client-picker,.totals-strip,.preview-parties,.preview-document-header,.preview-line div{grid-template-columns:1fr;flex-direction:column}.preview-parties section{width:100%}.preview-totals{padding-left:0}.pdf-preview{min-height:0;padding:22px}}