.procedural-material-explainer{border:1px solid #3f6b49;background:#14261a;border-radius:8px;padding:10px;margin-bottom:9px}.procedural-material-explainer strong{color:#d8f5dc}.procedural-material-explainer ol{margin:7px 0;padding-left:20px;color:#a7c2ac;font-size:10px;line-height:1.5}.procedural-material-explainer p{margin:6px 0 0!important;padding:7px;background:#0c1710;border-radius:5px;color:#9edba8!important}.procedural-material-toolbar{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:9px}.procedural-material-slot{gap:9px!important}.procedural-material-slot__head{gap:10px}.procedural-material-identity{display:flex;gap:8px;align-items:center;min-width:0}.procedural-material-identity>span:last-child{display:grid;min-width:0}.procedural-material-identity small{font-size:8px;color:#7f9e85;white-space:normal}.procedural-material-default-swatch{width:28px;height:28px;flex:0 0 28px;border:1px solid #ffffff3b;border-radius:5px}.procedural-material-slot__head>label{display:grid;gap:3px;min-width:180px;font-size:9px;color:#8fac95}.procedural-material-slot__head select{font-weight:700}.procedural-material-choice-panel{border-left:3px solid #31bb4c;padding:8px;background:#0d1810;border-radius:0 6px 6px 0}.procedural-material-choice-panel>p{font-size:9px;color:#93ae99;margin:0 0 7px}.procedural-material-block-line{display:grid;grid-template-columns:1fr auto;gap:6px}.procedural-material-block-line input{min-width:0}.procedural-material-palette-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:5px}.procedural-material-step{font-size:10px;color:#b7dabc;margin-top:3px}.procedural-material-chips--detailed{display:grid!important;grid-template-columns:1fr 1fr;gap:5px!important;margin:7px 0}.procedural-material-chip-detail{display:grid;grid-template-columns:18px minmax(0,1fr) 67px 22px;gap:5px;align-items:center;background:#17291c;border:1px solid #2b4933;border-radius:5px;padding:5px}.procedural-material-chip-detail>span{width:17px;height:17px;border-radius:3px;border:1px solid #ffffff30}.procedural-material-chip-detail>b{font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.procedural-material-chip-detail label{display:flex;align-items:center;gap:3px;font-size:7px;color:#79917d}.procedural-material-chip-detail input{width:38px!important;padding:2px!important}.procedural-material-chip-detail button{padding:2px!important;min-width:0}.procedural-material-empty{grid-column:1/-1;padding:8px;border:1px dashed #35543c;border-radius:5px;color:#78927d;font-size:9px}.procedural-material-result{padding:7px 9px;border-radius:5px;background:#17361f;color:#a8dcb1;font-size:9px}.procedural-material-result b{color:#e2ffe7}.procedural-material-flow:empty{display:none}@media(max-width:900px){.procedural-material-slot__head{align-items:flex-start;flex-direction:column}.procedural-material-slot__head>label{width:100%;min-width:0}.procedural-material-palette-actions,.procedural-material-chips--detailed{grid-template-columns:1fr}}
