:root{--ink:#193c31;--muted:#5d7067;--paper:#f3f5f0;--line:#dce4db;--accent:#126048;--tint:#e9f2ec;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,select{font:inherit}a{color:inherit}button{cursor:pointer}[hidden]{display:none!important}
button:focus-visible,a:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid #b37520;outline-offset:4px}
.site-nav{max-width:1320px;margin:auto;padding:24px 34px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}
.brand{display:inline-flex;align-items:center;gap:10px;font:700 24px Georgia,serif;text-decoration:none}.brand-seal{display:grid;place-items:center;width:35px;height:35px;border:2px double #9b4234;border-radius:50%;font:700 22px Georgia,serif;color:#9b4234;transform:rotate(-12deg)}
.nav-actions{display:flex;align-items:center;gap:24px}.back-link{font-size:13px;text-decoration:none;font-weight:600}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:11px 17px;border:1px solid #126048;border-radius:8px;background:#126048;color:#fff;text-decoration:none;font-size:13px;font-weight:650;line-height:1.25}.button:hover{background:#0d4c38}.button.outline{background:#fff;color:var(--ink);border-color:#c7d6cc}.button.outline:hover{background:#edf3ec}
.gallery-intro{max-width:1320px;margin:0 auto;padding:38px 34px 32px;display:flex;align-items:flex-end;justify-content:space-between;gap:28px}.eyebrow{margin:0 0 11px;color:#796024;font-size:10px;font-weight:750;letter-spacing:.16em;text-transform:uppercase}.gallery-intro h1{font:500 clamp(28px,3vw,39px)/1.15 Georgia,serif;letter-spacing:-.035em;margin:0 0 12px}.intro-copy{color:var(--muted);font-size:14px;line-height:1.65;margin:0;max-width:660px}.sample-count-badge{white-space:nowrap;border:1px solid #d2dfd4;border-radius:8px;padding:13px 18px;background:#edf2e9;font-size:12px;color:#48624c}.sample-count-badge strong{font:600 26px Georgia,serif;margin-right:6px;color:var(--ink)}
.gallery-layout{max-width:1320px;margin:auto;padding:0 34px 42px;display:grid;grid-template-columns:310px minmax(0,1fr);gap:24px;align-items:start}
.sample-picker{border:1px solid var(--line);border-radius:13px;background:#fff;padding:19px 15px;position:sticky;top:18px}.picker-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 5px 15px}.picker-heading h2{font-size:14px;margin:0}.picker-heading span{color:var(--muted);font-size:11px}.filter-label{display:block;font-size:11px;color:var(--muted);margin:0 5px 6px}.sample-picker select{width:100%;min-height:42px;padding:8px 10px;margin-bottom:14px;border:1px solid #d5dfd6;border-radius:7px;background:#f8faf6;color:var(--ink);font-size:12px}.sample-list{display:grid;gap:7px;max-height:584px;overflow-y:auto;padding:4px;scrollbar-width:thin;scrollbar-color:#bacabc transparent}
.sample-choice{display:flex;align-items:center;gap:10px;width:100%;min-width:0;text-align:left;padding:12px 9px;background:#fff;border:1px solid transparent;border-radius:8px;color:var(--ink);min-height:70px}.sample-choice:hover{background:#f5f8f3;border-color:#d8e1d8}.sample-choice[aria-pressed=true]{background:var(--tint);border-color:var(--accent)}.choice-mark{width:34px;height:41px;flex:0 0 34px;display:grid;place-items:center;border-radius:4px;border:1px solid var(--accent);border-top:5px solid var(--accent);background:#fff;color:var(--accent);font-size:10px;font-weight:800;letter-spacing:.05em}.choice-copy{flex:1;min-width:0}.choice-copy strong{display:block;font-size:12px;line-height:1.35}.choice-copy small{display:block;margin-top:4px;color:#53665d;font-size:10px;line-height:1.45}.choice-check{font-size:13px;color:var(--accent);visibility:hidden}.sample-choice[aria-pressed=true] .choice-check{visibility:visible}.jump-preview{width:100%;margin-top:13px;display:none}
.theme-forest{--accent:#126048;--tint:#e9f2ec}.theme-blue{--accent:#265e8c;--tint:#ebf2f8}.theme-slate{--accent:#3e4d66;--tint:#eef1f6}.theme-plum{--accent:#73466e;--tint:#f5edf4}.theme-amber{--accent:#80591c;--tint:#f7f0e3}
.preview-column{min-width:0}.preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:2px 0 15px}.preview-toolbar h2{font-size:14px;margin:0 0 4px}.preview-toolbar p{font-size:11px;color:var(--muted);margin:0}.preview-toolbar .button{white-space:nowrap}.invoice-preview{scroll-margin-top:18px;border-radius:3px}.invoice-sheet{background:#fff;padding:33px 34px 22px;border:1px solid #dbe2dc;border-top:5px solid var(--accent);box-shadow:0 12px 35px #193c310b;min-height:660px;border-radius:3px;font-size:12px;color:#253b32}
.sample-watermark{font:600 9px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.12em;color:#984533;margin-bottom:25px}.invoice-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:24px;border-bottom:1px solid var(--line)}.seller-brand{display:flex;align-items:center;gap:11px;min-width:0}.seller-mark{flex:0 0 43px;width:43px;height:43px;display:grid;place-items:center;color:#fff;background:var(--accent);border-radius:8px;font:700 16px Georgia,serif}.seller-brand strong{display:block;font-size:14px;line-height:1.4}.seller-brand span:not(.seller-mark){display:block;color:var(--muted);font-size:10px;margin-top:4px}.invoice-kind{text-align:right;flex-shrink:0}.invoice-kind h2{font:500 24px/1.1 Georgia,serif;color:var(--accent);margin:0 0 8px}.invoice-kind span{font:9px ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--muted)}
.invoice-meta{display:flex;align-items:center;gap:22px;padding:15px 0;border-bottom:1px solid var(--line);font-size:10px;color:var(--muted)}.invoice-meta strong{color:#314a3d;margin-left:5px;font-weight:550}.payment-status{margin-left:auto;border:1px solid #e6d7b9;border-radius:4px;padding:5px 8px;color:#785416;background:#fbf6eb;font-weight:650;font-size:9px;text-transform:uppercase;letter-spacing:.06em}.payment-status.paid{color:#22603a;background:#eaf4ec;border-color:#c7decd}
.invoice-parties{display:grid;grid-template-columns:1fr 1fr;gap:22px;padding:23px 0 25px}.invoice-parties h3,.invoice-note h3{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-weight:650;margin:0 0 10px}.invoice-parties strong{font-size:12px;line-height:1.4}.invoice-parties p{margin:5px 0 0;font-size:10px;color:var(--muted);line-height:1.5;overflow-wrap:anywhere}.invoice-table-scroll{max-width:100%;overflow-x:auto;margin-bottom:23px}.invoice-sheet table{width:100%;border-collapse:collapse;min-width:440px}.invoice-sheet th{text-align:left;background:var(--tint);color:var(--accent);font-size:9px;text-transform:uppercase;letter-spacing:.05em;padding:11px 10px;font-weight:700}.invoice-sheet td{padding:13px 10px;border-bottom:1px solid var(--line);font-size:11px;vertical-align:top}.invoice-sheet td:first-child{width:48%}.invoice-sheet td strong{font-weight:550;line-height:1.5}.invoice-sheet td small{display:block;font-size:9px;color:var(--muted);margin-top:4px;line-height:1.4}.invoice-sheet td:nth-child(n+3),.invoice-sheet th:nth-child(n+3){text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.invoice-summary{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:28px}.invoice-note{padding-top:4px}.invoice-note p{font-size:10px;color:var(--muted);line-height:1.7;margin:0 0 11px}.invoice-note p:last-child{font-size:9px;color:#647269;max-width:285px}.invoice-totals{display:grid;grid-template-columns:1fr auto;margin:0;font-size:11px;gap:9px 14px;align-content:start}.invoice-totals dt,.invoice-totals dd{margin:0;line-height:1.5}.invoice-totals dd{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.invoice-totals .grand-total{border-top:1px solid var(--line);padding-top:10px;font-size:13px;font-weight:700;color:var(--accent)}.invoice-totals .balance-due{background:var(--tint);font-weight:650;padding:9px 7px;margin-right:-7px;margin-left:-7px;margin-top:2px}.invoice-footer{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line);margin-top:30px;padding-top:13px;font-size:9px;color:var(--muted)}
.gallery-cta{margin-top:18px;border:1px solid #d7e2d6;border-radius:10px;padding:19px 21px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#eaf0e5}.gallery-cta h3{font:500 19px Georgia,serif;margin:0 0 6px}.gallery-cta p{font-size:11px;color:var(--muted);margin:0;line-height:1.5}.gallery-cta .button{white-space:nowrap}.gallery-footer{max-width:1320px;margin:0 auto;padding:0 34px 25px;font-size:11px;color:var(--muted);display:flex;gap:16px;justify-content:space-between}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}noscript p{background:#fff4db;padding:12px;font-size:12px;line-height:1.6}
@media(max-width:1150px){.gallery-layout{grid-template-columns:275px minmax(0,1fr);gap:18px}.invoice-sheet{padding:28px 24px 22px}.seller-brand strong{font-size:12px}.invoice-kind h2{font-size:21px}.invoice-summary{grid-template-columns:minmax(0,1fr) 220px;gap:20px}.sample-count-badge{display:none}}
@media(max-width:960px){.gallery-layout{grid-template-columns:minmax(0,1fr);max-width:880px}.sample-picker{position:static;padding:16px}.sample-list{grid-template-columns:repeat(2,minmax(0,1fr));max-height:235px}.jump-preview{display:inline-flex}.gallery-intro{padding-top:28px}.invoice-sheet{padding:32px}.gallery-cta{margin-bottom:8px}}
@media(max-width:600px){.site-nav{padding:17px 18px}.brand{font-size:21px}.nav-actions{gap:10px}.back-link{display:none}.nav-actions .button{min-height:38px;padding:9px 12px;font-size:12px}.gallery-intro{padding:25px 18px 24px}.gallery-intro h1{font-size:30px}.intro-copy{font-size:12px}.gallery-layout{padding:0 12px 28px}.sample-picker{padding:13px 10px}.sample-list{gap:4px;max-height:232px}.sample-choice{padding:9px 6px;gap:7px;min-height:76px}.choice-mark{width:26px;height:34px;flex-basis:26px;font-size:9px}.choice-copy strong{font-size:11px}.choice-copy small{font-size:9px}.choice-check{display:none}.sample-choice[aria-pressed=true]{box-shadow:inset 0 0 0 1px var(--accent)}.preview-toolbar{margin-top:6px;gap:10px}.preview-toolbar .button{padding:10px;font-size:11px}.invoice-sheet{padding:24px 17px 20px;min-height:0}.invoice-heading{align-items:flex-start;gap:12px}.seller-brand{gap:7px}.seller-mark{width:32px;height:32px;flex-basis:32px;font-size:12px}.seller-brand strong{font-size:11px}.seller-brand span:not(.seller-mark){font-size:9px}.invoice-kind h2{font-size:20px}.invoice-kind span{font-size:8px}.invoice-meta{gap:9px;font-size:9px;flex-wrap:wrap}.invoice-meta strong{margin-left:2px}.invoice-parties{gap:16px}.invoice-parties strong{font-size:11px}.invoice-parties p{font-size:9px}.invoice-summary{grid-template-columns:1fr;gap:24px}.invoice-totals{grid-row:1;width:min(100%,280px);margin-left:auto}.invoice-note p:last-child{max-width:none}.invoice-footer{font-size:8px;flex-wrap:wrap;margin-top:18px}.gallery-cta{align-items:flex-start;flex-direction:column;padding:18px;gap:15px}.gallery-cta .button{width:100%}.gallery-footer{padding:0 18px 22px;font-size:10px;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
@page{size:A4;margin:12mm}
@media print{
  .no-print{display:none!important}
  :root,body{background:#fff;color:#111}
  .gallery-layout,.preview-column{display:block;max-width:none;margin:0;padding:0}
  .invoice-sheet{min-height:0;border:0;border-top:3px solid var(--accent);border-radius:0;box-shadow:none;padding:8mm 0 0;print-color-adjust:exact;-webkit-print-color-adjust:exact}
  .invoice-heading{flex-direction:row}.invoice-parties{grid-template-columns:1fr 1fr}.invoice-table-scroll{overflow:visible;max-width:none}.invoice-sheet table{min-width:0;width:100%}.invoice-sheet tr{break-inside:avoid}.invoice-summary{grid-template-columns:minmax(0,1fr) 250px;break-inside:avoid}.invoice-totals{grid-row:auto;width:auto;margin-left:0}.invoice-footer{break-inside:avoid}
}