.app{flex-direction:column;height:100vh;display:flex;overflow:hidden}.app-header{background:#fff;border-bottom:1px solid #e2e8f0;flex-shrink:0;align-items:center;gap:1rem;height:48px;padding:0 1.5rem;display:flex}.app-logo-block{flex-direction:column;gap:0;line-height:1.1;display:flex}.app-logo{color:#4f46e5;letter-spacing:-.03em;font-size:1.1rem;font-weight:800}.app-tagline{color:#94a3b8;letter-spacing:.01em;font-size:.62rem;font-weight:400}.screen-meta{color:#94a3b8;flex:1;font-size:.8rem}.header-actions{align-items:center;gap:.5rem;margin-left:auto;display:flex}.btn-save{cursor:pointer;color:#fff;background:#4f46e5;border:1px solid #c7d2fe;border-radius:6px;padding:.3rem .85rem;font-family:inherit;font-size:.75rem;font-weight:600;transition:background .15s,color .15s}.btn-save:hover:not(:disabled){background:#4338ca}.btn-save:disabled{opacity:.65;cursor:default}.btn-save--saved{background:#16a34a;border-color:#bbf7d0}.btn-save--error{background:#dc2626;border-color:#fca5a5}.btn-copy-link{color:#4f46e5;cursor:pointer;background:0 0;border:1px solid #c7d2fe;border-radius:6px;padding:.3rem .75rem;font-family:inherit;font-size:.75rem;font-weight:600}.btn-copy-link:hover{background:#eef2ff}.btn-copy-link--copied{color:#16a34a;border-color:#bbf7d0}.btn-local{color:#475569;cursor:pointer;background:0 0;border:1px solid #e2e8f0;border-radius:6px;padding:.3rem .75rem;font-family:inherit;font-size:.75rem;font-weight:500}.btn-local:hover{background:#f8fafc;border-color:#cbd5e1}.btn-new-screen{color:#64748b;cursor:pointer;background:0 0;border:1px solid #e2e8f0;border-radius:6px;padding:.3rem .75rem;font-family:inherit;font-size:.75rem;font-weight:600}.btn-new-screen:hover{color:#1e293b;background:#f1f5f9}@keyframes help-pulse{0%,to{box-shadow:0 0 #4f46e500}50%{box-shadow:0 0 0 5px #4f46e540}}.btn-help{color:#4f46e5;cursor:pointer;background:0 0;border:1px solid #c7d2fe;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-family:inherit;font-size:.8rem;font-weight:700;line-height:1;animation:1s ease-in-out .6s 3 help-pulse;display:flex}.btn-help:hover{background:#eef2ff}.help-overlay{z-index:200;background:#0f172a73;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.help-modal{background:#fff;border-radius:10px;flex-direction:column;width:100%;max-width:680px;max-height:85vh;display:flex;box-shadow:0 20px 60px #0003}.help-modal-header{border-bottom:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:center;padding:1rem 1.25rem .75rem;display:flex}.help-modal-header h2{color:#1e293b;margin:0;font-size:1rem;font-weight:700}.help-modal-body{padding:1.25rem 1.5rem 1.75rem;overflow-y:auto}.help-section{margin-bottom:1.5rem}.help-section:last-child{margin-bottom:0}.help-section h3{color:#4f46e5;text-transform:uppercase;letter-spacing:.04em;margin:0 0 .5rem;font-size:.875rem;font-weight:700}.help-section h4{color:#334155;margin:.75rem 0 .25rem;font-size:.8rem;font-weight:600}.help-section p{color:#475569;margin:0 0 .4rem;font-size:.82rem;line-height:1.6}.help-section ul{margin:.25rem 0 .4rem 1.1rem;padding:0}.help-section li{color:#475569;margin-bottom:.2rem;font-size:.82rem;line-height:1.6}.slug-loading{color:#94a3b8;flex:1;justify-content:center;align-items:center;font-size:.9rem;display:flex}.autocomplete{margin-bottom:.25rem;position:relative}.autocomplete input{box-sizing:border-box;width:100%}.ac-dropdown{z-index:200;background:#fff;border:1px solid #e2e8f0;border-radius:6px;max-height:260px;margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 2px);left:0;right:0;overflow-y:auto;box-shadow:0 4px 16px #0000001a}.ac-dropdown li{cursor:pointer;border-radius:4px;justify-content:space-between;align-items:baseline;gap:.5rem;padding:.38rem .6rem;font-size:.84rem;display:flex}.ac-dropdown li:hover{background:#f1f5f9}.ac-name{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.ac-tag{color:#94a3b8;white-space:nowrap;flex-shrink:0;font-size:.73rem}.ac-info{flex-direction:column;gap:.3rem;margin-top:.3rem;display:flex}.ac-ref{color:#94a3b8;font-size:.73rem}.ac-hint{color:#78350f;background:#fefce8;border:1px solid #fde68a;border-radius:4px;padding:.35rem .5rem;font-size:.75rem;line-height:1.45}.load-error{color:#7f1d1d;background:#fef2f2;border-bottom:1px solid #fca5a5;flex-shrink:0;justify-content:space-between;align-items:center;padding:.5rem 1.5rem;font-size:.82rem;display:flex}.load-error button{cursor:pointer;color:#7f1d1d;background:0 0;border:none;padding:0 .25rem;font-family:inherit;font-size:1rem}.app-body{flex:1;display:flex;overflow:hidden}.panel-wizard{background:#fff;border-right:1px solid #e2e8f0;flex-direction:column;flex-shrink:0;width:320px;display:flex;overflow:hidden}.panel-preview{flex-direction:column;flex:1;gap:1rem;padding:1.25rem;display:flex;overflow-y:auto}.preview-footer{color:#94a3b8;border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;margin-top:auto;padding-top:.75rem;font-size:.7rem;display:flex}.preview-footer a{color:#94a3b8;text-decoration:none}.preview-footer a:hover{color:#4f46e5;text-decoration:underline}.wizard-nav{border-bottom:1px solid #e2e8f0;flex-shrink:0;display:flex}.wizard-nav-step{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex-direction:column;flex:1;align-items:center;gap:.15rem;padding:.55rem .2rem;font-family:inherit;font-size:.65rem;font-weight:600;line-height:1.2;transition:color .15s;display:flex}.wizard-nav-step:hover{color:#4f46e5}.wizard-nav-step.active{color:#4f46e5;border-bottom-color:#4f46e5}.step-num{color:#fff;background:#cbd5e1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;font-size:.6rem;font-weight:700;display:inline-flex}.wizard-nav-step.active .step-num{background:#4f46e5}.wizard-body{flex:1;overflow-y:auto}.wizard-footer{border-top:1px solid #e2e8f0;flex-shrink:0;justify-content:flex-end;gap:.5rem;padding:.65rem 1rem;display:flex}.btn-primary{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:6px;padding:.4rem 1rem;font-family:inherit;font-size:.82rem;font-weight:600}.btn-primary:hover{background:#4338ca}.btn-secondary{color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;padding:.4rem 1rem;font-family:inherit;font-size:.82rem;font-weight:600}.btn-secondary:hover{background:#e2e8f0}.wizard-step{padding:1rem}.ws{border-bottom:1px solid #f1f5f9;margin-bottom:1.25rem;padding-bottom:1.25rem}.ws:last-child{border-bottom:none;margin-bottom:0}.advanced-options{margin-top:.75rem}.advanced-options summary{color:#94a3b8;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.3rem;font-size:.72rem;font-weight:600;list-style:none;display:flex}.advanced-options summary:before{content:"▸";font-size:.65rem;transition:transform .15s}.advanced-options[open] summary:before{transform:rotate(90deg)}.advanced-options summary:hover{color:#64748b}.advanced-options>label,.advanced-options>p{margin-top:.6rem}.field-hint{color:#94a3b8;margin:.3rem 0 0;font-size:.72rem;line-height:1.5}.ws h3{color:#64748b;text-transform:uppercase;letter-spacing:.07em;margin:0 0 .6rem;font-size:.68rem;font-weight:700}.ws-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.ws-title{color:#1e293b;font-size:.8rem;font-weight:700}.preset-row{gap:.4rem;margin-bottom:.75rem;display:flex}.btn-preset{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;flex:1;padding:.3rem 0;font-family:inherit;font-size:.75rem;font-weight:600;transition:background .1s,border-color .1s,color .1s}.btn-preset:hover{color:#4f46e5;background:#eef2ff;border-color:#c7d2fe}.btn-preset.active{color:#fff;background:#4f46e5;border-color:#4f46e5}.input-ph-warn{background:#fff7ed!important;border-color:#fb923c!important}.btn-fix-list{color:#92400e;cursor:pointer;background:#fffbeb;border:1px solid #fbbf24;border-radius:5px;margin-top:.3rem;padding:.2rem .6rem;font-family:inherit;font-size:.73rem;font-weight:600}.btn-fix-list:hover{background:#fef3c7}.ph-range-warn{color:#c2410c;background:#fff7ed;border:1px solid #fed7aa;border-radius:5px;margin:.35rem 0 0;padding:.4rem .6rem;font-size:.75rem;line-height:1.4}.ws-empty{color:#94a3b8;text-align:center;margin:0;padding:1.5rem 0;font-size:.78rem;line-height:1.5}.wizard-step label{color:#64748b;flex-direction:column;flex:1;gap:.25rem;min-width:0;margin-bottom:.5rem;font-size:.72rem;font-weight:500;display:flex}.field-row{align-items:flex-start;gap:.5rem;display:flex}.field-row label{margin-bottom:.5rem}.wizard-step input[type=text],.wizard-step input[type=number],.wizard-step select,.wizard-step textarea{color:#1e293b;box-sizing:border-box;background:#f8fafc;border:1px solid #e2e8f0;border-radius:5px;width:100%;padding:.3rem .45rem;font-family:inherit;font-size:.82rem}.wizard-step textarea{resize:vertical}.wizard-step input:focus,.wizard-step select:focus,.wizard-step textarea:focus{outline-offset:1px;background:#fff;outline:2px solid #818cf8}.wizard-step input.field-invalid,.wizard-step select.field-invalid{background:#fff5f5;border-color:#f87171;transition:border-color .25s,background .25s}.wizard-step input.field-valid,.wizard-step select.field-valid{background:#f0fdf4;border-color:#4ade80;transition:border-color .25s,background .25s}.radio-fieldset.field-invalid{border-color:#f87171;transition:border-color .25s}.radio-fieldset.field-valid{border-color:#4ade80;transition:border-color .25s}.radio-fieldset.field-invalid legend{color:#ef4444}.radio-fieldset.field-valid legend{color:#16a34a}.axis-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:.75rem;padding:.75rem}.axis-card:last-child{margin-bottom:0}.axis-card-title{color:#4f46e5;text-transform:uppercase;letter-spacing:.07em;margin-bottom:.65rem;font-size:.67rem;font-weight:700}.field-group-label{color:#64748b;margin-top:.25rem;margin-bottom:.35rem;font-size:.72rem;font-weight:500}.value-spec{margin-top:0}.toggle-row{margin-bottom:.5rem;display:flex}.tgl{color:#94a3b8;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;flex:1;padding:.28rem;font-family:inherit;font-size:.7rem;font-weight:600}.tgl:first-child{border-radius:5px 0 0 5px}.tgl:last-child{border-left:none;border-radius:0 5px 5px 0}.tgl.active{color:#fff;background:#4f46e5;border-color:#4f46e5}.radio-fieldset{border:1px solid #e2e8f0;border-radius:6px;margin:.25rem 0 .5rem;padding:.5rem .75rem .6rem}.radio-fieldset legend{color:#64748b;letter-spacing:0;padding:0 .3rem;font-size:.68rem;font-weight:600}.radio-group{flex-direction:column;gap:.4rem;margin-top:.25rem;display:flex}.radio-fieldset .radio-label{color:#334155;cursor:pointer;white-space:normal;flex-direction:row;flex:unset;align-items:flex-start;gap:.5rem;margin-bottom:0;font-size:.78rem;font-weight:400;display:flex}.radio-fieldset .radio-label input[type=radio]{accent-color:#4f46e5;flex-shrink:0;width:14px;height:14px;margin:0}.constant-list{flex-direction:column;gap:.6rem;display:flex}.constant-row{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:.65rem .75rem}.btn-add{color:#4f46e5;cursor:pointer;background:#eef2ff;border:1px solid #c7d2fe;border-radius:6px;padding:.3rem .75rem;font-family:inherit;font-size:.76rem;font-weight:600}.btn-add:hover{background:#e0e7ff}.btn-remove{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;align-self:flex-end;margin-bottom:.5rem;padding:.2rem .4rem;font-family:inherit;font-size:.82rem}.btn-remove:hover{color:#ef4444;background:#fee2e2}.export-toolbar{flex-wrap:wrap;gap:.5rem;display:flex}.btn-export{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:.35rem .8rem;font-family:inherit;font-size:.78rem;font-weight:600}.btn-export:hover{color:#4f46e5;background:#eef2ff;border-color:#c7d2fe}.plate-preview{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:1.25rem}.plate-controls{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.colour-by-label{color:#64748b;align-items:center;gap:.5rem;font-size:.8rem;font-weight:500;display:flex}.colour-by-label select{color:#334155;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:5px;padding:.25rem .5rem;font-size:.8rem}.plate-grid{gap:3px;display:grid}.plate-col-header{color:#64748b;white-space:nowrap;text-overflow:ellipsis;justify-content:center;align-items:flex-end;height:32px;padding-bottom:4px;font-size:.65rem;font-weight:500;display:flex;overflow:hidden}.plate-row-header{color:#64748b;white-space:nowrap;text-overflow:ellipsis;justify-content:flex-end;align-items:center;height:44px;padding-right:6px;font-size:.65rem;font-weight:500;display:flex;overflow:hidden}.plate-well{cursor:pointer;color:#00000059;border:2px solid #00000014;border-radius:5px;justify-content:center;align-items:center;width:44px;height:44px;padding:0;font-size:.6rem;font-weight:600;transition:transform .1s,border-color .15s;display:flex;position:relative;overflow:hidden}.plate-well:hover{z-index:2;border-color:#4f46e5;transform:scale(1.12)}.plate-well.selected{z-index:1;border-width:2.5px;border-color:#4f46e5;box-shadow:0 0 0 2px #c7d2fe}.plate-well.has-warning{border-color:#f59e0b}.plate-well.has-warning.selected{border-color:#d97706;box-shadow:0 0 0 2px #fde68a}.well-label{pointer-events:none;line-height:1}.well-warning-dot{background:#f59e0b;border-radius:50%;width:5px;height:5px;position:absolute;top:3px;right:3px}.well-detail{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:1.25rem}.well-detail-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.well-detail-header h3{margin:0;font-size:1rem;font-weight:700}.close-btn{cursor:pointer;color:#94a3b8;background:0 0;border:none;border-radius:4px;padding:.25rem .4rem;font-size:.85rem;line-height:1}.close-btn:hover{color:#475569;background:#f1f5f9}.axis-chips{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.axis-chip{color:#4338ca;background:#eef2ff;border-radius:99px;padding:.2rem .6rem;font-size:.72rem;font-weight:500}.recipe-table{border-collapse:collapse;width:auto;font-size:.85rem}.recipe-table tr:nth-child(2n) td{background:#f8fafc}.recipe-table td{border-bottom:1px solid #f1f5f9;padding:.3rem .25rem}.recipe-table td.conc{color:#94a3b8;white-space:nowrap;padding-left:.5rem;font-size:.78rem}.axis-value{color:#4f46e5;font-weight:700}.recipe-table td.conc-axis{color:#4f46e5;font-size:.82rem;font-weight:700}.axis-chip-label{color:#6366f1;font-weight:400}.recipe-table td.vol{text-align:right;font-variant-numeric:tabular-nums;color:#475569;padding-left:1.5rem}.recipe-table .water-row td{color:#64748b;border-top:1px solid #e2e8f0}.recipe-table .total-row td{border-top:2px solid #cbd5e1;border-bottom:none;padding-top:.4rem}.well-warnings{flex-direction:column;gap:.3rem;margin:.75rem 0 0;padding:0;list-style:none;display:flex}.warning-item{color:#78350f;background:#fffbeb;border-left:3px solid #f59e0b;border-radius:6px;padding:.35rem .6rem;font-size:.78rem}.warning-item.warning-global{color:#7f1d1d;background:#fef2f2;border-left-color:#ef4444}.prep-list{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:1.25rem}.prep-list h3{margin:0 0 .75rem;font-size:.95rem;font-weight:700}.prep-list h4{color:#dc2626;margin:.75rem 0 .4rem;font-size:.8rem;font-weight:600}.prep-table{border-collapse:collapse;width:auto;font-size:.85rem}.prep-table th{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid #e2e8f0;padding:0 .25rem .4rem;font-size:.7rem;font-weight:500}.prep-table tbody tr:nth-child(2n) td{background:#f8fafc}.prep-table td{border-bottom:1px solid #f1f5f9;padding:.35rem .25rem}.prep-table td.mono{font-variant-numeric:tabular-nums}.prep-table td.vol{text-align:right;color:#475569;padding-left:1.5rem}.global-warnings{flex-direction:column;gap:.3rem;margin-top:.75rem;display:flex}.pw{display:none}@media (width<=900px){.app{height:auto;min-height:100dvh;overflow:visible}.app-header{flex-wrap:wrap;gap:.5rem;height:auto;padding:.5rem 1rem}.header-actions{flex-wrap:wrap}.app-body{flex-direction:column;overflow:visible}.panel-wizard{border-bottom:1px solid #e2e8f0;border-right:none;width:100%;overflow:visible}.panel-preview{overflow-y:visible}}@media print{.app-header,.panel-wizard,.export-toolbar,.well-detail,.panel-preview>.plate-preview,.panel-preview>.prep-list{display:none!important}body,.app,.app-body{height:auto;display:block;overflow:visible}.panel-preview{padding:0;display:block;overflow:visible}.pw{color:#000;font-family:Arial,Helvetica,sans-serif;font-size:7.5pt;display:block}.pw-header-line{border-bottom:1.5pt solid #000;flex-wrap:wrap;gap:0 12pt;margin-bottom:6pt;padding-bottom:5pt;font-size:8pt;font-weight:700;display:flex}.pw-sep{color:#aaa}.pw-plate{border-top:1pt solid #000;border-left:1pt solid #000;width:100%;display:grid}.pw-col-hdr{text-align:center;background:#f2f2f2;border-bottom:1pt solid #000;border-right:1pt solid #000;padding:3pt;font-size:8pt;font-weight:700}.pw-row-hdr{background:#f2f2f2;border-bottom:1pt solid #000;border-right:1pt solid #000;justify-content:center;align-items:flex-start;padding:4pt 2pt;font-size:8pt;font-weight:700;display:flex}.pw-well{vertical-align:top;border-bottom:1pt solid #000;border-right:1pt solid #000;padding:4pt;font-size:7pt;line-height:1.45}.pw-warn{background:#fff8e1}.pw-line{white-space:nowrap}.pw-water{color:#444;white-space:nowrap;margin-top:5pt}.pw-prep{border-top:1.5pt solid #000;margin-top:14pt;padding-top:6pt}.pw-prep h3{margin:0 0 6pt;font-size:9pt;font-weight:700}.pw-prep-table{border-collapse:collapse;font-size:8pt}.pw-prep-table th{text-align:left;background:#f2f2f2;border:.5pt solid #888;padding:3pt 8pt;font-weight:700}.pw-prep-table td{font-variant-numeric:tabular-nums;border:.5pt solid #ccc;padding:2.5pt 8pt}@page{margin:10mm 12mm}}*,:before,:after{box-sizing:border-box}body{color:#1e293b;-webkit-font-smoothing:antialiased;background:#f1f5f9;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}button{font-family:inherit}