.color-recipe-layout{display:grid;grid-template-columns:minmax(250px,1fr) minmax(0,2fr);gap:24px}
.recipe-status{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:22px}.recipe-status>small{font-size:10px}
.master-overview{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.master-overview small{font-size:10px;color:#8191a4}.master-overview h3{margin:7px 0}.master-overview p{font-size:11px;color:#8191a4}.making-context{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.making-context span{background:#edf3f8;padding:8px 10px;border-radius:5px;font-size:11px}.making-dose-input{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.making-dose-input strong{font-size:12px}.making-dose-input label{font-size:10px}.making-revision{display:block;margin:12px 0}#making-start-form textarea,#making-edit-form textarea{width:100%;min-height:76px;padding:10px;border:1px solid var(--line);border-radius:5px;font:inherit;font-size:12px}#making-edit-form input{min-width:0;width:100%}
@media(max-width:600px){.master-overview{align-items:flex-start;flex-direction:column}.making-dose-input{grid-template-columns:1fr 1fr}.making-dose-input strong{grid-column:1/-1}}
.dye-amount-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:28px}
.dye-amount{border:1px solid var(--line);border-top:3px solid var(--dye-accent);border-radius:5px;background:#f9fafb;padding:20px;position:relative}
.dye-amount h3{font-size:13px}.dye-amount>strong{display:block;font-size:27px;font-weight:600;margin:13px 0 6px}.dye-amount strong small{font-size:13px;font-weight:400}
.dye-amount p{font-size:12px;margin-bottom:9px;color:var(--dye-accent)}.dye-amount>small{font-size:10px}
.dye-dot{position:absolute;right:17px;top:18px;width:10px;height:10px;background:var(--dye-accent);border-radius:50%}
@media(max-width:1100px){.color-recipe-layout{grid-template-columns:1fr}.dye-amount{padding:17px}}
@media(max-width:600px){.dye-amount-grid{gap:8px}.dye-amount{padding:15px 10px}.dye-amount>strong{font-size:20px}.dye-amount h3{font-size:11px}.dye-dot{display:none}.color-recipe-layout{gap:0}}