.material-thumb{width:72px;height:72px;display:block;object-fit:contain;border:0;border-radius:0;margin:0 auto 8px;background:transparent;filter:drop-shadow(0 7px 9px rgba(0,0,0,.28))}
.material-thumb-empty{display:grid;place-items:center;color:#76807b;font-size:20px;filter:none}
.material-dialog{width:min(760px,calc(100% - 30px))}
.material-image-editor{display:grid;grid-template-columns:minmax(240px,1fr) minmax(210px,.8fr);gap:18px;margin-top:10px;padding:16px;border:1px solid var(--line);background:#151a18}
.material-editor-stage{position:relative;display:grid;place-items:center;min-height:290px;overflow:hidden;background-image:linear-gradient(45deg,#1d2321 25%,transparent 25%),linear-gradient(-45deg,#1d2321 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#1d2321 75%),linear-gradient(-45deg,transparent 75%,#1d2321 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0;background-color:#111513;cursor:grab;touch-action:none}
.material-editor-stage.dragging{cursor:grabbing}.material-editor-stage canvas{display:block;width:min(100%,290px);height:auto}.material-editor-stage>span{position:absolute;bottom:8px;padding:5px 8px;background:rgba(8,10,9,.75);color:var(--muted);font-size:10px;pointer-events:none}
.material-editor-controls{display:flex;flex-direction:column;gap:10px}.material-editor-controls label{margin:0}.material-editor-controls input[type=range]{padding:0}.material-editor-controls>div{display:flex;gap:8px;flex-wrap:wrap}.material-remove-bg{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--line);background:#1b211f}.material-remove-bg input{width:18px;height:18px;margin:0;accent-color:var(--lime)}.material-remove-bg span,.material-remove-bg small{display:block}.material-remove-bg small,.material-image-help{color:var(--muted);font-size:11px}.material-image-help{margin:8px 0 0}
@media(max-width:650px){.material-image-editor{grid-template-columns:1fr}.material-editor-stage{min-height:250px}}
.material-image-preview { display: flex; align-items: center; gap: 14px; margin-top: 12px; padding: 12px; border: 1px solid var(--line); background: #101414; }
.material-image-preview img { width: 82px; height: 82px; object-fit: cover; border-radius: 7px; }
.recipe-part { margin-top: 20px; padding-top: 4px; }
.recipe-part + .recipe-part { border-top: 1px solid var(--line); padding-top: 18px; }
.recipe-part h3 { margin: 0; font: 600 22px 'Barlow Condensed'; }
.recipe-part p { margin: 5px 0 10px; color: var(--muted); font-size: 12px; }