.mixer-page{max-width:1540px;margin:0 auto;color:#344537}
.mixer-page .desk-titlebar h1{font-size:clamp(31px,3.5vw,45px)}
.mix-notice{padding:12px 16px;background:#e7eddf;border-left:3px solid #8a9d73;border-radius:4px;color:#627756;font-size:11px;line-height:1.8;margin:12px 0}
.mix-status{font:11px ui-monospace,monospace;color:#5d764c;min-height:20px;line-height:1.8;margin:10px 0}
.mix-error,.mix-warning{background:#fff0df;border:1px solid #e6c8a7;color:#88562f;padding:12px 15px;border-radius:5px;font-size:11px;line-height:1.8;margin:12px 0}.mix-error[hidden]{display:none}
.mix-workspace-controls{padding:0;margin:0;border:0;min-width:0}.mix-workspace-controls[disabled]{opacity:.6}
.mix-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:22px 0 16px}.mix-toolbar>div:first-child strong{font:20px Georgia,serif}.mix-toolbar>div:first-child span{display:block;font-size:10px;color:#758568;margin-top:6px}
.mix-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.mixer-page .button{font-size:11px;min-height:38px;padding:8px 12px;line-height:1.6}.mixer-page .button:disabled{opacity:.4;cursor:default}
.mix-board{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,295px),1fr));gap:14px;margin-bottom:26px;align-items:stretch}
.mix-comparison{background:#f5f7ee;border:1px solid #d5ddca;border-radius:8px;padding:20px;min-width:0;display:flex;flex-direction:column}.mix-comparison.is-selected{border-color:#8a9e74;box-shadow:inset 0 3px #7c9565;background:#fcfdf6}
.mix-comparison>header{display:flex;align-items:start;gap:10px;justify-content:space-between}.mix-comparison>header>div{min-width:0}.mix-kicker{font:8px ui-monospace,monospace;letter-spacing:1.4px;color:#879775}
.mix-comparison h2{font:22px Georgia,serif;overflow-wrap:anywhere;margin:8px 0;color:#405837}.mix-comparison header p{font-size:10px;line-height:1.8;color:#728365}
.mix-card-value{display:flex;align-items:baseline;gap:9px;margin:20px 0 15px;flex-wrap:wrap}.mix-card-value strong{font:30px ui-monospace,monospace;letter-spacing:-1.5px;color:#4b6f3c}.mix-card-value span{font-size:10px;color:#7b8f6c}
.mix-card-metrics{padding:12px 0;border-block:1px solid #dce5d1;margin:0}.mix-card-metrics>div{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:10px;line-height:1.8;margin:5px 0}.mix-card-metrics dt{color:#77896a}.mix-card-metrics dd{font:12px ui-monospace,monospace;text-align:right;color:#49663b}
.mix-comparison footer{display:flex;gap:7px;margin-top:auto;padding-top:15px}.mix-comparison footer .button{font-size:10px;min-height:30px;padding:5px 10px;background:transparent}
.mix-sequence{font-size:11px;line-height:1.9;color:#6d825b;overflow-wrap:anywhere;margin:13px 0}.mix-effects{display:flex;flex-wrap:wrap;gap:5px}.mix-effect{display:inline-block;background:#e7eddb;border:1px solid #d5dfc7;border-radius:4px;padding:4px 7px;font-size:9px;line-height:1.5;color:#5f7b4e}
.mix-editor-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:20px;align-items:start}
.mix-panel{border:1px solid #d6dfca;background:#fffdf7;border-radius:8px;margin-bottom:20px;min-width:0;overflow:hidden}.mix-panel-heading{padding:24px 24px 0}.mix-panel-heading .eyebrow{font:8px ui-monospace,monospace;letter-spacing:1.5px;color:#8a9879;margin-bottom:9px}.mix-panel h2{font:26px Georgia,serif;letter-spacing:-.5px;color:#445f39}.mix-panel-heading>p:not(.eyebrow){font-size:11px;line-height:1.9;color:#7d8b70;margin-top:11px}
.mix-panel-body{padding:22px 24px}.mix-panel>summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:21px 24px;cursor:pointer;list-style:none;font:22px Georgia,serif;color:#4d683f}.mix-panel>summary::-webkit-details-marker{display:none}.mix-panel>summary small{display:block;font:8px ui-monospace,monospace;letter-spacing:1.2px;margin-bottom:7px;color:#899a77}.mix-panel[open]>summary{border-bottom:1px solid #dce4d1}
.mix-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.mix-field{display:flex;flex-direction:column;gap:7px;min-width:0;font-size:10px;color:#718562;line-height:1.8;margin:0}
.mix-field input,.mix-field select{width:100%;min-width:0;min-height:42px;padding:10px 11px;background:#fcfdf5;border:1px solid #cdd9be;border-radius:5px;color:#3d5732;font:12px system-ui,sans-serif}
.mix-field input:focus,.mix-field select:focus{outline:2px solid #99b485;outline-offset:2px}.mix-cost-inputs{margin:17px 0}
.mix-steps{list-style:none;padding:0;margin:20px 0}.mix-steps>li{display:flex;align-items:start;gap:12px;border-top:1px solid #dfe7d4;padding:17px 0}.mix-steps>li:last-child{border-bottom:1px solid #dfe7d4}.mix-step-number{width:25px;height:25px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font:10px ui-monospace,monospace;background:#edf2e3;border:1px solid #d2ddc5;border-radius:50%;color:#7a9166}
.mix-step-content{min-width:0;flex:1}.mix-step-content>strong{display:block;font-size:13px;color:#4e6b40}.mix-step-content>small{display:block;font:9px ui-monospace,monospace;color:#819470;margin:6px 0 10px}.mix-step-actions{display:flex;gap:4px;flex-shrink:0}.mix-step-actions .button{padding:3px 6px;min-width:27px;min-height:28px;background:#eef3e5;border-color:#d9e2cb;font-size:15px}
.mix-add-row{display:flex;gap:10px;align-items:end;margin:18px 0}.mix-add-row>.mix-field{flex:1}.mix-add-row>.button{flex-shrink:0;min-height:42px}
.mix-note{font-size:10px;line-height:1.9;color:#80916e;margin:12px 0}.mix-empty{padding:26px 15px!important;border:1px dashed #d0ddc1!important;border-radius:5px;color:#829774;font-size:12px;line-height:1.8;text-align:center;justify-content:center}
.mix-inner-details{border:1px solid #dae4cc;border-radius:6px;background:#f5f8ed;margin:18px 0;min-width:0;overflow:hidden}.mix-inner-details>summary{padding:13px 15px;cursor:pointer;color:#657f53;font-size:11px;line-height:1.9}.mix-details-body{padding:4px 16px 16px}
.mix-cost-state{padding:14px 16px;border:1px solid #e6caa6;border-radius:5px;background:#fff2dd;margin:18px 0;color:#86603a}.mix-cost-state.is-complete{background:#eaf2dd;border-color:#ccdbb8;color:#607c4c}.mix-cost-state strong{font-size:12px}.mix-cost-state p,.mix-cost-state small{display:block;font-size:10px;line-height:1.8;margin-top:7px}
.mix-cost-breakdown{margin:0;padding-top:10px;border-top:1px solid #dce5d1}.mix-cost-breakdown>div{display:flex;justify-content:space-between;gap:16px;margin:11px 0;line-height:1.8;font-size:10px;color:#798d68}.mix-cost-breakdown dd{font:12px ui-monospace,monospace;text-align:right;color:#4d7040}
.mix-preference-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}.mix-preference-grid>.mix-inner-details{margin:0 0 18px}.mix-test-controls{grid-template-columns:repeat(3,minmax(0,1fr))}.mix-testing{border-color:#b6c8a2}.mix-test-explanation{background:#eef4e3;padding:13px 16px;border-radius:5px;margin:18px 0}.mix-test-actions{border-top:1px solid #dce5d2;padding-top:18px}
.mix-check{display:flex;align-items:center;gap:8px;font-size:11px;color:#70865e;line-height:1.8;min-height:36px}.mix-check input,.mix-effect-picker input,.mix-effect-table input{accent-color:#7f9768;width:17px;height:17px;flex-shrink:0}
.mix-effect-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;margin:16px 0}.mix-effect-picker label{display:flex;align-items:center;gap:7px;min-height:30px;font-size:10px;line-height:1.6;color:#758d62}
.mix-table-scroll{overflow-x:auto;max-width:100%}.mix-effect-table,.mix-roster-table{width:100%;border-collapse:collapse;font-size:10px;margin-top:12px}.mix-effect-table td,.mix-effect-table th,.mix-roster-table td,.mix-roster-table th{border-top:1px solid #dbe4ce;padding:10px 8px;text-align:left;color:#6e855c;line-height:1.8}.mix-effect-table th:not(:first-child),.mix-effect-table td{text-align:center}.mix-effect-table thead th,.mix-roster-table thead th{font:9px ui-monospace,monospace;color:#8b9b7c}.mix-effect-table th{font-weight:500}
.mix-search-status{font:10px ui-monospace,monospace;color:#6c8459;background:#edf3e3;border-radius:5px;padding:13px 15px;line-height:1.9;margin:17px 0;overflow-wrap:anywhere}
.mix-search-results{list-style:none;padding:0;margin:0}.mix-search-results>li{display:flex;align-items:start;justify-content:space-between;gap:20px;border-top:1px solid #dce6d0;padding:20px 0}.mix-search-results>li>div:first-child{min-width:0}.mix-search-results strong{font-size:12px;line-height:1.8;color:#4f7040}.mix-search-results p{font-size:10px;line-height:1.9;color:#7c9069;margin:8px 0}.mix-search-results .mix-actions{flex-shrink:0;max-width:160px}
.mix-ingredient-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;margin-top:20px}.mix-ingredient-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 0;border-top:1px solid #dfe7d4;min-width:0}.mix-ingredient-row>.mix-field{max-width:150px}.mix-ingredient-row>.mix-check{flex:1;min-width:0}.mix-ingredient-row .mix-field>span{font-size:9px}
.mix-book-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:15px}.mix-book-grid>article{background:#f2f6e9;border:1px solid #d9e4cc;border-radius:5px;padding:17px;min-width:0}.mix-book-grid h3{font:21px Georgia,serif;overflow-wrap:anywhere;color:#5d7b4a}
.mix-source-note{font-size:10px;line-height:1.9;color:#8a9b78;margin:24px 0}.mix-source-note a{color:#668153;text-underline-offset:3px}.mix-sr-only,.mix-file-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.mix-file-input{display:none}
@media(min-width:1000px){.mix-board:has(>.mix-comparison:only-child){grid-template-columns:minmax(0,1fr)}.mix-board:has(>.mix-comparison:only-child)>.mix-comparison{display:grid;grid-template-columns:minmax(200px,1fr) minmax(170px,.7fr) minmax(230px,1fr);gap:0 25px;align-items:start}.mix-board:has(>.mix-comparison:only-child) .mix-card-value{margin:0}.mix-board:has(>.mix-comparison:only-child) .mix-card-metrics{border:0;padding:0;grid-row:span 2}.mix-board:has(>.mix-comparison:only-child) footer{grid-column:1/-1}.mix-board:has(>.mix-comparison:only-child) .mix-sequence{grid-column:1/3}}
@media(max-width:1100px){.mix-editor-grid{grid-template-columns:1fr 1fr;gap:15px}.mix-panel-heading{padding:20px 18px 0}.mix-panel-body{padding:19px 18px}.mix-test-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.mix-step-actions{flex-direction:column}.mix-preference-grid{grid-template-columns:1fr 1fr}.mix-ingredient-row{gap:12px}}
@media(max-width:800px){.mix-editor-grid{grid-template-columns:1fr}.mix-preference-grid{grid-template-columns:1fr}.mix-toolbar{align-items:start;flex-direction:column}.mix-toolbar>.mix-actions{width:100%}.mix-search-results>li{display:block}.mix-search-results .mix-actions{margin-top:15px;max-width:none}.mix-ingredient-grid{grid-template-columns:1fr}.mixer-page .button{min-height:42px}.mix-field input,.mix-field select{font-size:16px;min-height:44px}.mix-check input,.mix-effect-picker input,.mix-effect-table input{width:19px;height:19px}.mix-panel>summary{font-size:20px;padding:19px 18px}.mix-panel-heading>p:not(.eyebrow),.mix-note{font-size:11px}.mix-comparison{padding:18px}.mix-step-actions{flex-direction:row}.mix-step-actions .button{min-height:34px;min-width:31px}.mix-testing .mix-actions>.button{flex:1;min-width:145px}}
@media(max-width:440px){.mix-form-grid,.mix-test-controls{grid-template-columns:1fr}.mix-add-row{flex-wrap:wrap}.mix-add-row>.mix-field{flex-basis:100%}.mix-add-row>.button{width:100%}.mix-step-number{display:none}.mix-step-actions{flex-direction:column}.mix-card-value strong{font-size:28px}.mix-effect-picker{gap:6px}.mix-ingredient-row>.mix-field{max-width:135px}.mix-toolbar>.mix-actions>.button{flex:1}.mix-comparison h2{font-size:20px}}