.optimizer-container{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;max-width:800px;margin:0 auto;padding:20px;background-color:#f4f4f9;min-height:100vh;display:flex;flex-direction:column;align-items:center}.header h1{margin-bottom:5px;color:#333}.header p{color:#666;margin-top:0}.controls{display:flex;gap:20px;margin-bottom:20px}.input-group{display:flex;flex-direction:column}.input-group input{padding:8px;font-size:16px;border:1px solid #ccc;border-radius:4px;width:80px;text-align:center}.stats-bar{display:flex;gap:15px;margin-bottom:25px;width:100%;justify-content:center}.stat-item{background:#fff;padding:10px 20px;border-radius:8px;box-shadow:0 2px 4px #0000001a;text-align:center;min-width:100px}.stat-label{display:block;font-size:.8rem;color:#888;text-transform:uppercase;letter-spacing:1px}.stat-value{display:block;font-size:1.5rem;font-weight:700}.green .stat-value{color:#4ade80}.blue .stat-value{color:#3b82f6}.gray .stat-value{color:#666}.grid-viewport{background:#333;padding:10px;border-radius:4px;overflow:auto;max-width:100%;box-shadow:0 4px 6px #0000004d}.farm-grid{display:grid;gap:1px;background-color:#2a2a2a}.cell{width:20px;height:20px;transition:transform .1s;border:1px solid transparent}.cell:hover{transform:scale(1.2);z-index:10;border:1px solid white}.cane{background-color:#4ade80}.water{background-color:#3b82f6}.legend{margin-top:20px;display:flex;gap:20px}.legend-item{display:flex;align-items:center;gap:8px;font-size:.9rem}.dot{width:15px;height:15px;border-radius:3px;display:block}.cane-dot{background-color:#4ade80}.water-dot{background-color:#3b82f6}