.enhancer-controls { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin:20px 0; }
.enhancer-controls .tool-field { min-width:0; }
.enhancer-controls input,.enhancer-controls select { width:100%; }
.enhancer-comparison { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin:22px 0; }
.enhancer-frame { min-width:0; padding:14px; border:1px solid #d9e4ec; background:#f7fafc; border-radius:10px; }
.enhancer-frame h3 { margin:0 0 10px; color:var(--navy); font-size:14px; }
.enhancer-stage { display:grid; place-items:center; min-height:220px; overflow:hidden; border:1px solid #dce8ec; border-radius:7px; background-color:#fff; background-image:linear-gradient(45deg,#e8eff2 25%,transparent 25%),linear-gradient(-45deg,#e8eff2 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e8eff2 75%),linear-gradient(-45deg,transparent 75%,#e8eff2 75%); background-size:20px 20px; background-position:0 0,0 10px,10px -10px,-10px 0; }
.enhancer-stage img { display:block; max-width:100%; max-height:360px; object-fit:contain; }
.enhancer-stage img[hidden],.enhancer-stage p[hidden] { display:none; }
.enhancer-stage p { margin:0; padding:18px; color:#627987; font-size:13px; text-align:center; background:rgba(255,255,255,.88); }
.enhancer-result { margin-top:20px; padding:18px; border:1px solid #c4dfdb; background:#f0faf7; border-radius:7px; }
.enhancer-result[hidden],#enhanceProgress[hidden] { display:none; }
.enhancer-result h3 { margin:0 0 6px; font-size:17px; }
.enhancer-result p { margin:0 0 14px; color:var(--muted); font-size:13px; }
#enhanceProgress { width:100%; height:9px; accent-color:#157bca; margin-top:8px; }
.enhancer-note { padding:14px 17px; border-left:3px solid #0b7c8d; background:#f1f8fa; color:#445c66; font-size:13px; line-height:1.65; }
@media(max-width:700px) { .enhancer-controls,.enhancer-comparison { grid-template-columns:1fr; } }