#style-weights-dialog{width:min(1320px,96vw);max-height:94vh;padding:0;border:0;border-radius:14px;color:#355569;background:#fff}#style-weights-dialog .dialog-head{padding:24px 28px;border-bottom:1px solid #e4edf1;display:flex;justify-content:space-between;gap:20px}#style-weights-dialog h2{font-size:20px;margin:6px 0 8px;color:#294b60}#style-weights-dialog .dialog-head p{margin:0;font-size:12px;color:#718c9c}#style-weights-dialog .dialog-body{padding:24px 28px;overflow:auto;max-height:calc(94vh - 200px)}#style-weights-dialog .dialog-footer{padding:17px 28px;border-top:1px solid #e4edf1;display:flex;justify-content:space-between;align-items:center;gap:14px;background:#f8fbfc}#sw-save-state{font-size:12px;color:#5b7b8b}#style-weights-dialog fieldset{border:0;padding:0;margin:0;min-width:0}#style-weights-dialog label{display:flex;flex-direction:column;gap:7px;font-size:12px;color:#537184}#style-weights-dialog input,#style-weights-dialog select,#style-weights-dialog textarea{border:1px solid #ccdce5;border-radius:6px;padding:9px 10px;box-sizing:border-box;color:#294b60;background:#fff;min-width:0;font-size:13px;width:100%}#style-weights-dialog input:focus,#style-weights-dialog textarea:focus,#style-weights-dialog select:focus{outline:2px solid #a4c7da;outline-offset:0}#style-weights-dialog :disabled{background:#f4f7f9;color:#708795}#style-weights-dialog textarea{resize:vertical;line-height:1.65}.sw-note{background:#edf5f8;border-radius:7px;padding:12px 15px;margin:0 0 18px;font-size:12px;line-height:1.8;color:#4b7085}.sw-meta{display:grid;grid-template-columns:2fr 1fr;gap:20px;margin-bottom:22px}.sw-add,.sw-rules{border:1px solid #dce8ee;border-radius:8px;padding:15px;margin:18px 0}.sw-add>summary,.sw-rules>summary{cursor:pointer;font-size:13px;font-weight:600;color:#356781}.sw-add-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:22px;margin:18px 0}.sw-size-add{display:flex;align-items:flex-end;gap:15px;margin:18px 0}.sw-size-add label{flex:1}.sw-section-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:24px 0 12px}.sw-section-head h3{font-size:15px;margin:0}.sw-section-head span{font-size:12px;color:#7592a2}.sw-matrix-scroll{overflow:auto;border:1px solid #dbe7ed;border-radius:8px;margin-bottom:20px;max-height:54vh}.sw-matrix{width:100%;border-collapse:separate;border-spacing:0;font-size:12px}.sw-matrix th,.sw-matrix td{padding:10px 8px;border-bottom:1px solid #e6eef2;vertical-align:top;min-width:95px;text-align:left}.sw-matrix thead th{background:#edf5f8;position:sticky;top:0;z-index:3;color:#4c7085;font-size:12px;white-space:nowrap}.sw-matrix th:first-child{position:sticky;left:0;min-width:190px;max-width:240px;background:#f9fbfc;z-index:2}.sw-matrix thead th:first-child{z-index:4;background:#edf5f8}.sw-matrix th strong{display:block;line-height:1.6;font-weight:500}.sw-matrix small{font-size:10px;font-weight:400;color:#8ba0ab;display:block;margin:3px 0}.sw-matrix .sw-missing{color:#a46c38}.sw-matrix td:nth-child(2){min-width:120px}.sw-matrix td:nth-last-child(2){min-width:150px}.sw-matrix td:last-child{min-width:180px}.sw-matrix tfoot td,.sw-matrix tfoot th{background:#f0f6f8;font-weight:600;white-space:nowrap;color:#37647d}.sw-matrix details summary{cursor:pointer;padding:8px 0;white-space:nowrap;color:#537d95}.sw-matrix details label{margin:12px 0 5px}.sw-profile{display:grid;grid-template-columns:1fr 120px 2fr;align-items:start;gap:18px;background:#f7fafb;border-radius:7px;padding:16px;margin:14px 0}.sw-legacy{margin:14px 0;font-size:12px;color:#7d929f;line-height:1.8}.sw-legacy summary{cursor:pointer}.sw-legacy p{margin:6px 0}.sw-add .field-hint{max-width:960px}.sw-add>.button{margin-top:10px}.style-weights-entry{margin:12px 0 4px;width:100%;text-align:left;color:#487e9b;font-size:12px;padding:10px 12px;border:1px solid #dce9f0;border-radius:6px;background:#f5fafc}.style-weights-entry:hover{background:#eaf4f9}@media(max-width:700px){#style-weights-dialog .dialog-head,#style-weights-dialog .dialog-body{padding:17px}#style-weights-dialog h2{font-size:17px}#style-weights-dialog .dialog-footer{padding:13px;align-items:flex-start}#style-weights-dialog .dialog-footer>div{display:flex;gap:8px}.sw-meta,.sw-add-grid,.sw-profile{grid-template-columns:1fr}.sw-size-add{align-items:stretch;flex-direction:column}.sw-matrix th:first-child{min-width:150px}.sw-note{font-size:11px}}
@media(max-width:700px){#style-weights-dialog .dialog-footer{flex-direction:column;align-items:stretch;gap:9px}#style-weights-dialog .dialog-footer>div{justify-content:flex-end}#style-weights-dialog .dialog-body{max-height:calc(94vh - 228px)}.sw-matrix th:first-child{min-width:120px;max-width:155px}}

.sw-discard-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:12px}
.sw-ratio-entry{padding:8px 11px;border:1px solid #bdd4df;border-radius:6px;background:#edf6fa;color:#356d89;font-size:12px;white-space:nowrap}.sw-ratio-entry:hover{background:#deedf4}.sw-recipe-summary{display:grid;gap:4px;margin:8px 0;color:#6f8795;line-height:1.6;font-size:11px;max-width:220px}.sw-recipe-summary b{font-weight:500;color:#466e83;white-space:nowrap}.sw-matrix td:last-child{min-width:230px}.sw-profile{grid-template-columns:minmax(180px,1fr) 150px}.sw-comp-section{grid-column:1/-1}.sw-comp-section h4{font-size:12px;font-weight:500;margin:2px 0 12px;color:#537184}.sw-comp-table{width:100%;border-collapse:collapse;font-size:12px}.sw-comp-table th,.sw-comp-table td{padding:6px 7px 8px 0;text-align:left}.sw-comp-table th{font-weight:500;color:#6f8998}.sw-comp-table th:nth-child(2),.sw-comp-table td:nth-child(2){width:145px}.sw-comp-table td:last-child{width:48px}.sw-comp-section>.text-button{margin-top:10px}.sw-comp-table .text-button{font-size:11px;color:#9b6670;white-space:nowrap}
#style-ratio-dialog{width:min(760px,95vw);max-height:93vh;border:0;border-radius:14px;padding:0;background:white;color:#355569;box-shadow:0 15px 60px #132c4040}#style-ratio-dialog::backdrop{background:#142d4166}#style-ratio-dialog .dialog-head{padding:25px 28px;border-bottom:1px solid #e1ebf0;display:flex;justify-content:space-between;gap:15px}#style-ratio-dialog h2{font-size:22px;margin:7px 0 9px;color:#2c5065}#style-ratio-dialog .dialog-head p{font-size:13px;color:#6f899a;margin:0;line-height:1.6}#style-ratio-dialog .dialog-body{padding:22px 28px;max-height:calc(93vh - 215px);overflow:auto}#style-ratio-dialog .dialog-footer{padding:17px 28px;border-top:1px solid #e1ebf0;background:#f7fafc;display:flex;justify-content:space-between;align-items:center;gap:15px}#style-ratio-dialog .dialog-footer>span{font-size:11px;color:#7b919e}#style-ratio-dialog .dialog-footer>div{display:flex;gap:10px}#style-ratio-dialog fieldset{border:0;padding:0;margin:0;min-width:0}#style-ratio-dialog input,#style-ratio-dialog select{box-sizing:border-box;width:100%;min-width:0;border:1px solid #c7dbe6;border-radius:6px;padding:11px 10px;background:#fff;color:#294f64;font-size:14px}#style-ratio-dialog input:focus,#style-ratio-dialog select:focus{outline:2px solid #a1c7dc;outline-offset:0}#style-ratio-dialog :disabled{background:#f3f7f9;color:#728b98}.sw-ratio-intro{font-size:13px;line-height:1.9;color:#638092;margin:0 0 18px}.sw-ratio-table-wrap{overflow-x:auto;border:1px solid #dbe7ee;border-radius:8px}.sw-ratio-table{border-collapse:collapse;width:100%;min-width:475px;font-size:13px}.sw-ratio-table th{background:#edf5f9;padding:12px 10px;text-align:left;color:#638091;font-weight:500}.sw-ratio-table td{padding:12px 8px;border-top:1px solid #e6eef2;vertical-align:middle}.sw-ratio-table th:first-child,.sw-ratio-table td:first-child{width:84px}.sw-ratio-table th:nth-child(3),.sw-ratio-table td:nth-child(3){width:105px}.sw-ratio-table th:last-child,.sw-ratio-table td:last-child{width:110px}.sw-percent-input{position:relative}.sw-percent-input input{padding-right:25px!important}.sw-percent-input span{position:absolute;right:9px;top:12px;color:#8ca3b0;font-size:12px;pointer-events:none}.sw-ratio-operations{white-space:nowrap}.sw-ratio-operations button{font-size:11px;padding:7px 5px;color:#527d94}.sw-ratio-operations button:last-child{color:#9b6670}.sw-ratio-empty{font-size:12px;text-align:center!important;color:#90a3ad;padding:25px 14px!important;line-height:1.8}.sw-ratio-tools{display:flex;gap:16px;align-items:center;margin:16px 0}.sw-ratio-tools .button{font-size:12px;padding:9px 13px}.sw-ratio-tools .text-button{font-size:12px}.sw-ratio-total{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:20px 0 3px;border:1px solid #e4d4b7;border-radius:8px;padding:15px 18px;background:#fffaf0;color:#98702f}.sw-ratio-total>div{display:flex;align-items:center;gap:15px;white-space:nowrap}.sw-ratio-total span{font-size:12px}.sw-ratio-total strong{font-size:23px;font-weight:550}.sw-ratio-total strong small{font-size:12px;margin-left:3px}.sw-ratio-total p{font-size:12px;line-height:1.7;margin:0}.sw-ratio-total.is-valid{background:#eef7f1;border-color:#cfe1d4;color:#4d7c60}.sw-ratio-hint{font-size:11px;color:#899da8;line-height:1.9;margin:18px 0 0}
@media(max-width:600px){#style-ratio-dialog .dialog-head,#style-ratio-dialog .dialog-body{padding:18px}#style-ratio-dialog h2{font-size:20px}#style-ratio-dialog .dialog-footer{padding:13px 18px;flex-direction:column;align-items:stretch}#style-ratio-dialog .dialog-footer>div{justify-content:flex-end}.sw-ratio-total{align-items:flex-start;flex-direction:column;gap:7px}.sw-ratio-intro{font-size:12px}.sw-profile{grid-template-columns:1fr}.sw-comp-table th:nth-child(2),.sw-comp-table td:nth-child(2){width:100px}.sw-comp-table th:first-child{min-width:100px}}

/* Recipe materials and same-style batch copy. */
#style-ratio-dialog{width:min(1120px,96vw)}#style-ratio-dialog .dialog-body{max-height:calc(93vh - 205px)}.sw-ratio-table{min-width:890px;table-layout:fixed}.sw-ratio-table th:first-child,.sw-ratio-table td:first-child{width:65px}.sw-ratio-table th:nth-child(2),.sw-ratio-table td:nth-child(2){width:200px}.sw-ratio-table th:nth-child(3),.sw-ratio-table td:nth-child(3){width:185px}.sw-ratio-table th:nth-child(4),.sw-ratio-table td:nth-child(4){width:140px}.sw-ratio-table th:nth-child(5),.sw-ratio-table td:nth-child(5){width:100px}.sw-ratio-table th:last-child,.sw-ratio-table td:last-child{width:96px}.sw-ratio-table th small{font-size:10px;color:#95a7b1}.sw-ratio-table th{padding:11px 8px}.sw-ratio-table td{padding:10px 7px}#style-ratio-dialog .sw-ratio-table input,#style-ratio-dialog .sw-ratio-table select{padding:10px 8px;font-size:12px}.sw-ratio-tools{flex-wrap:wrap;margin:14px 0;gap:13px}.sw-explicit-mode{display:flex;gap:10px;align-items:flex-start;margin:0 0 16px;padding:12px 14px;background:#f1f7fa;border:1px solid #dce9f0;border-radius:7px;font-size:13px;color:#436d84}#style-ratio-dialog input[type=checkbox]{width:16px;height:16px;flex:none;margin:1px 0 0;accent-color:#4b839f}.sw-explicit-mode small{display:block;font-size:11px;font-weight:400;color:#7b94a3;margin-top:5px}.sw-material-add{padding:12px 14px;border:1px solid #e1eaef;border-radius:7px;font-size:12px;margin:16px 0}.sw-material-add summary{cursor:pointer;color:#4f7a92}.sw-material-fields{display:flex;gap:13px;align-items:flex-end;margin:15px 0 6px}.sw-material-fields label{display:grid;gap:7px;font-size:12px;color:#6b899b;flex:1}.sw-material-fields label:nth-child(2){flex:2}.sw-material-fields button{white-space:nowrap;padding:11px 13px;font-size:12px}.sw-copy-panel{border:1px solid #dce8ee;border-radius:9px;margin-top:22px;padding:17px;background:#fafcfd}.sw-copy-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.sw-copy-head h3{font-size:14px;font-weight:550;color:#355d74;margin:0 0 7px}.sw-copy-head p{font-size:11px;color:#8198a6;line-height:1.8;margin:0;max-width:720px}.sw-copy-head>div:last-child{display:flex;gap:12px;white-space:nowrap}.sw-copy-head .text-button{font-size:12px}.sw-copy-colors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:16px}.sw-copy-colors label{display:flex;align-items:flex-start;gap:9px;cursor:pointer;border:1px solid #e0eaf0;border-radius:6px;padding:11px;background:white;font-size:12px;color:#52758b;line-height:1.6}.sw-copy-colors label:has(:checked){border-color:#8db2c7;background:#eef6fa}.sw-copy-colors label.is-disabled{cursor:default;color:#9aadb8;background:#f3f6f8}.sw-copy-colors small{display:block;font-size:10px;color:#9aadb8;margin-top:3px}.sw-copy-hint{font-size:11px;color:#7c96a6;line-height:1.7;margin:12px 0 0}.sw-recipe-summary small{display:block;color:#7d96a4;font-size:10px;margin-top:1px}
@media(max-width:800px){.sw-copy-colors{grid-template-columns:repeat(2,minmax(0,1fr))}.sw-material-fields{flex-wrap:wrap}.sw-material-fields label{flex-basis:30%}.sw-material-fields label:nth-child(2){flex-basis:55%}}
@media(max-width:500px){.sw-copy-colors{grid-template-columns:1fr}.sw-copy-head{flex-direction:column}.sw-ratio-tools .text-button{font-size:11px}.sw-material-fields label,.sw-material-fields label:nth-child(2){flex-basis:100%}}
#style-ratio-dialog[open]{display:flex;flex-direction:column;overflow:hidden}#style-ratio-dialog .dialog-head,#style-ratio-dialog .dialog-footer{flex-shrink:0}#style-ratio-dialog .dialog-body{min-height:0;flex:1;overflow:auto}