.blend-main{background:#eeebe2;color:#142c22;padding:132px 0 76px;min-height:100svh}
.blend-shell{max-width:1510px;margin:auto;padding:0 clamp(24px,4.2vw,80px)}
.blend-page-top{display:flex;gap:12px;align-items:center;font-size:11px;color:#5c6c5e;margin-bottom:32px}
.blend-page-top a{text-decoration:none;color:inherit}.blend-page-top a span{margin-left:12px;color:#9b9e8b}
.blend-heading{display:flex;align-items:baseline;justify-content:space-between;gap:24px;margin-bottom:46px}
.blend-heading h1{font:400 clamp(44px,5.6vw,82px)/1 Manrope,sans-serif;letter-spacing:-.065em;margin:0}
.blend-heading h1 em{font-family:'Cormorant Garamond',Georgia,serif;font-weight:400;font-size:1.12em;letter-spacing:-.045em}
.blend-heading>p{font-size:13px;color:#536454;margin:0;line-height:1.8}
.blend-layout{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:clamp(30px,4.5vw,76px);align-items:start}
.blend-editor{min-width:0;border-top:1px solid #a4af9c;padding-top:26px}
.blend-fields{display:grid;grid-template-columns:1.25fr 1fr .75fr;gap:18px;margin-bottom:48px}
.blend-fields label{display:block;min-width:0;font-size:11px;line-height:1.6;color:#3d5544}
.blend-fields label span{color:#607160}
.blend-fields :is(input,select){width:100%;min-width:0;display:block;margin-top:10px;padding:10px 0;border:0;border-bottom:1px solid #6f806e;border-radius:0;background:transparent;color:#142c22;font:400 14px/1.5 Manrope,sans-serif;outline-offset:4px;color-scheme:light;box-shadow:none}
.blend-fields input[aria-invalid=true]{border-color:#9b3d2e}
.blend-editor-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}
.blend-editor-heading h2{font:400 28px/1.3 Manrope,sans-serif;letter-spacing:-.04em;margin:0}
.blend-editor-heading>span{font-size:10px;color:#607160}
.blend-example-note{max-width:560px;font-size:11px;line-height:1.8;color:#5c6c5e;margin:12px 0 25px}
.blend-rows{min-height:350px}
.blend-row{border-top:1px solid #b9c2af;padding:23px 0 25px}
.blend-row-top{display:flex;align-items:center;gap:14px;margin-bottom:21px}
.blend-row-dot{width:10px;height:10px;border-radius:50%;flex:0 0 10px;background:var(--bean-color)}
.blend-row-title{min-width:0;flex:1}.blend-row-title h3{font:400 23px/1.2 Manrope,sans-serif;letter-spacing:-.04em;margin:0;color:#193a29}
.blend-row-title>span{display:block;font-size:10px;color:#607160;margin-top:5px}
.blend-percent{display:flex;align-items:baseline;gap:4px;flex:0 0 78px;color:#193a29}
.blend-percent input{font:400 27px/1.2 Manrope,sans-serif;letter-spacing:-.04em;width:61px;min-width:0;appearance:textfield;-moz-appearance:textfield;border:0;border-bottom:1px solid #9ea994;background:transparent;border-radius:0;color:inherit;padding:4px 0;text-align:right;color-scheme:light}
.blend-percent input::-webkit-inner-spin-button,.blend-percent input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.blend-percent>span{font-size:13px}
.blend-remove{appearance:none;display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border:1px solid #a4af9c;border-radius:50%;background:none;color:#3d5544;font:400 22px/1 Manrope,sans-serif;cursor:pointer}
.blend-remove:hover{border-color:#142c22;color:#142c22}
.blend-remove:disabled{opacity:.35;cursor:default}
.blend-slider{display:block;width:100%;height:22px;margin:0;accent-color:#2c553a;cursor:pointer;background:transparent}
.blend-row input[aria-invalid=true]{outline:1px solid #9b3d2e;outline-offset:3px}
.blend-add{display:flex;align-items:stretch;gap:14px;border-top:1px solid #b9c2af;padding-top:22px;margin-top:0}
.blend-add select{min-width:0;flex:1;border:1px solid #a4af9c;border-radius:0;background:transparent;color:#193a29;font:400 12px/1.5 Manrope,sans-serif;padding:12px;color-scheme:light}
.blend-add button{background:transparent;color:#193a29;border:1px solid #61765f;border-radius:0;font:500 11px/1.5 Manrope,sans-serif;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;gap:26px;cursor:pointer}
.blend-add button>span{font-size:20px;line-height:1}
.blend-add button:disabled{opacity:.45;cursor:default}
.blend-total-line{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:24px 0 9px}
.blend-total-line p{font-size:13px;color:#23482e;margin:0;font-weight:600}
.blend-total-line p.is-invalid{color:#9b3d2e}
.blend-total-line button{background:transparent;border:0;border-bottom:1px solid #87957f;padding:8px 0;color:#3d5544;font:400 10px/1.6 Manrope,sans-serif;cursor:pointer}
.blend-total-line button span{margin-left:12px}
.blend-small{font-size:10px;color:#607160;line-height:1.8;margin:0}
.blend-errors{color:#8c3328;font-size:12px;line-height:1.8;padding:16px 20px 16px 34px;margin:20px 0;background:#a4593a0c;border-left:2px solid #a4593a}
.blend-errors[hidden]{display:none}
.blend-reset{font:400 11px/1.7 Manrope,sans-serif;border:0;background:none;padding:8px 0;margin-top:26px;color:#536454;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.blend-result{background:#17372b;color:#f1eee5;padding:29px 28px 24px;position:sticky;top:120px;min-width:0;border:1px solid #48604a}
.blend-result-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;border-bottom:1px solid #b9a17a40}
.blend-result-header h2{font:400 16px/1.5 Manrope,sans-serif;margin:0;letter-spacing:-.02em;color:inherit}
.blend-result-header>span{font-size:8px;letter-spacing:.18em;color:#c5b88f}
.blend-summary-name{font:400 30px/1.14 'Cormorant Garamond',Georgia,serif;margin:24px 0;color:#f1eee5;overflow-wrap:anywhere}
.blend-chart-row{display:flex;align-items:center;gap:25px;margin:22px 0 30px}
.blend-chart{width:154px;height:154px;border-radius:50%;flex:0 0 154px;background:conic-gradient(#b69a70 0% 60%,#8eab91 60% 90%,#706f58 90% 100%);display:grid;place-items:center}
.blend-chart>div{width:112px;height:112px;border-radius:50%;background:#17372b;display:flex;align-items:center;justify-content:center;flex-direction:column}
.blend-chart strong{font:400 31px/1.2 Manrope,sans-serif;letter-spacing:-.055em;font-variant-numeric:tabular-nums}
.blend-chart div>span{font-size:8px;color:#bbc8b6;margin-top:5px}
.blend-batch-summary{min-width:0}.blend-batch-summary>span{font-size:10px;color:#c5cbb9}
.blend-batch-summary>p{font-size:12px;color:#d4d8c8;margin:10px 0 1px}.blend-batch-summary strong{font:400 38px/1 Manrope,sans-serif;letter-spacing:-.05em;color:#f1eee5;overflow-wrap:anywhere}
.blend-batch-summary small{font-size:9px;color:#bbc8b6}
.blend-breakdown{width:100%;border-collapse:collapse;font-size:11px;color:#e5e5d9;table-layout:fixed}
.blend-breakdown th{font-size:9px;color:#bec8b6;font-weight:400;text-align:left;padding:0 0 12px;border-bottom:1px solid #b9a17a50}
.blend-breakdown :is(th,td):first-child{width:54%}.blend-breakdown :is(th,td):nth-child(2){width:20%;text-align:right}.blend-breakdown :is(th,td):last-child{width:26%;text-align:right}
.blend-breakdown td{padding:14px 0;border-bottom:1px solid #b9a17a26;line-height:1.5;vertical-align:middle;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.blend-table-dot{width:6px;height:6px;display:inline-block;border-radius:50%;background:var(--bean-color);margin-right:7px;vertical-align:middle}
.blend-species{font-size:10px;line-height:1.8;color:#c6d0bb;margin:16px 0 23px;min-height:18px}
.blend-species span{margin:0 9px;color:#b9a17a}
.blend-request{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid #f1eee5;border-radius:0;width:100%;padding:17px 18px;background:#f1eee5;color:#142c22;font:500 11px/1.6 Manrope,sans-serif;cursor:pointer;text-align:left}
.blend-request>span{font-size:20px;line-height:1}
.blend-request:disabled{opacity:.45;cursor:not-allowed}
.blend-download{display:flex;align-items:center;justify-content:space-between;gap:20px;border:0;border-bottom:1px solid #b9a17a80;background:transparent;color:#e0e4d4;width:100%;padding:14px 0 10px;margin-top:8px;font:400 10px/1.6 Manrope,sans-serif;cursor:pointer}
.blend-download:disabled{opacity:.45;cursor:not-allowed}
.blend-request-note{font-size:9px;color:#bbc8b6;line-height:1.85;margin:17px 0 0}
.blend-action-status{font-size:10px;line-height:1.7;color:#e0d4aa;margin:12px 0 0}.blend-action-status:empty{display:none}
.blend-sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.blend-main :is(input,select,button,a):focus-visible{outline:2px solid currentColor;outline-offset:4px}
.blend-noscript{padding:25px 0;font-size:14px}.blend-noscript a{text-decoration:underline}
@media(max-width:1100px){.blend-layout{grid-template-columns:minmax(0,1fr) 340px;gap:30px}.blend-result{padding:25px 22px}.blend-chart{width:132px;height:132px;flex-basis:132px}.blend-chart>div{width:96px;height:96px}.blend-chart-row{gap:18px}.blend-fields{grid-template-columns:1fr 1fr;gap:20px}.blend-fields label:first-child{grid-column:1/-1}.blend-heading{margin-bottom:36px}.blend-heading>p{max-width:240px}}
@media(max-width:850px){.blend-layout{grid-template-columns:minmax(0,1fr);gap:36px}.blend-result{position:static;max-width:none}.blend-chart-row{gap:32px}.blend-chart{width:154px;height:154px;flex-basis:154px}.blend-chart>div{width:112px;height:112px}.blend-summary-name{font-size:35px}.blend-breakdown{font-size:12px}.blend-fields{grid-template-columns:1.25fr 1fr .75fr}.blend-fields label:first-child{grid-column:auto}.blend-result-header h2{font-size:19px}.blend-request{font-size:13px}.blend-download{font-size:12px}.blend-request-note{font-size:10px}}
@media(max-width:600px){.blend-main{padding-top:108px;padding-bottom:44px}.blend-page-top{margin-bottom:26px;font-size:10px}.blend-heading{display:block;margin-bottom:32px}.blend-heading h1{font-size:48px}.blend-heading>p{font-size:12px;margin-top:14px;max-width:none}.blend-editor{padding-top:20px}.blend-fields{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:34px}.blend-fields label:first-child{grid-column:1/-1}.blend-fields :is(input,select){font-size:13px}.blend-editor-heading h2{font-size:25px}.blend-row{padding:22px 0}.blend-row-top{gap:9px}.blend-row-title h3{font-size:22px}.blend-percent{flex-basis:65px}.blend-percent input{width:48px;font-size:25px}.blend-remove{width:34px;height:34px;flex-basis:34px}.blend-add{flex-direction:column;gap:10px}.blend-add select{min-height:44px;flex:auto}.blend-add button{min-height:44px;font-size:12px}.blend-total-line{align-items:flex-start;flex-direction:column;gap:7px}.blend-total-line p{font-size:13px}.blend-result{padding:24px 21px}.blend-chart-row{gap:22px}.blend-chart{width:132px;height:132px;flex-basis:132px}.blend-chart>div{width:96px;height:96px}.blend-chart strong{font-size:27px}.blend-batch-summary strong{font-size:34px}.blend-breakdown{font-size:10px}.blend-summary-name{font-size:30px}.blend-request{font-size:11px;padding-inline:14px}.blend-rows{min-height:0}}
@media(prefers-reduced-motion:reduce){.blend-main *{scroll-behavior:auto}}